@spectrum-css/[email protected]

Patch Changes

📝 #4137 b7e67ba Thanks @marissahuysentruyt!

The property block-size: 100% had been removed accidentally from .spectrum-Card–gallery and .spectrum-Card–quiet, and put on the .spectrum-Card parent card. This patch correctly reapplies block-size: 100% to the gallery and quiet variants.

@spectrum-css/[email protected]

Major Changes

📝 #4115 e467fe0 Thanks @aramos-adobe!

@spectrum-css/[email protected]

Patch Changes

Updated dependencies []:

• @spectrum-css/[email protected]

@spectrum-css/[email protected]

Major Changes

📝 #4114 7061eee Thanks @rise-erpelding!

The picker button component has been migrated to Spectrum 2. The picker button uses the same design spec as infield button and in some cases may be able to be used interchangeably with it. Its updated features include:

• Corner rounding updates - corner rounding differs by the component's t-shirt size, but otherwise is a standard size. This means that the rounded variant of picker button with increased corner rounding and the position variants of picker button that helped the picker button fit snugly within either side of an input have been removed.
• Color and spacing updates to match S2 spec
• Added WHCM support
• Updated S2 down state
• Removed focus styles: there are no spec'd focus styles in S2, therefore these styles have been removed.
• The label variant of picker button has been removed.
• Removal of .spectrum-PickerButton--uiicononly, .spectrum-PickerButton--icononly, and .spectrum-PickerButton--textuiicon classes:
  • The picker button featuring a UI icon is the default variant, so no additional .spectrum-PickerButton--uiicononly class needs to be applied.
  • The .spectrum-PickerButton--icononly class has been renamed to .spectrum-PickerButton--workflowicon to clarify when it should be used. Applying .spectrum-PickerButton--workflowicon when using a workflow icon instead is recommended, but probably not required.
  • Because the picker button no longer supports a label, there is no need for a --textuiicon variant which is why that class has been removed.
• The .is-open state can continue to be used as before.

Added mod custom properties:

• --mod-picker-button-background-color-quiet-disabled

Removed mod custom properties:

• --mod-picker-button-background-color-key-focus
• --mod-picker-button-background-color-key-focus-quiet
• --mod-picker-button-border-color
• --mod-picker-button-border-color-disabled
• --mod-picker-button-border-color-quiet
• --mod-picker-button-border-radius-rounded
• --mod-picker-button-border-radius-rounded-sided
• --mod-picker-button-border-radius-sided
• --mod-picker-button-border-width
• --mod-picker-button-font-color
• --mod-picker-button-font-color-disabled
• --mod-picker-button-font-color-down
• --mod-picker-button-font-color-down-disabled
• --mod-picker-button-font-color-hover
• --mod-picker-button-font-color-hover-disabled
• --mod-picker-button-font-color-key-focus
• --mod-picker-button-font-family
• --mod-picker-button-font-size
• --mod-picker-button-font-style
• --mod-picker-button-font-weight
• --mod-picker-button-gap
• --mod-picker-button-icon-color-key-focus
• --mod-picker-button-label-padding

@spectrum-css/[email protected]

Major Changes

📝 #2352 7ac2952 Thanks @pfulton!

Picker: remove quiet variant

This removes the quiet variant for the picker component based on design feedback. Prior to this change, there was an odd state where the quiet picker scaled with the foundations down state applied.

Removed mods

--mod-picker-background-color-disabled

Additionally: all of the quiet variant mods have been removed.

--mod-picker-inline-size-quiet
--mod-picker-min-inline-size-quiet
--mod-picker-spacing-edge-to-disclosure-icon-quiet
--mod-picker-spacing-edge-to-text-quiet
--mod-picker-spacing-label-to-picker-quiet

@spectrum-css/[email protected]

Patch Changes

📝 #4114 7061eee Thanks @rise-erpelding!

Remove unused key-focus and border mods. Note that border and key focus styles were previously removed in the migration to Spectrum 2, and the mod removals here do not have any visual impact to the infield button.

Also updates transition to use background-color instead of border-color.

Also fixes a flash bug in WHCM: when hovered, the infield button was flashing/blinking before changing to the appropriate hover color.

@spectrum-css/[email protected]

Patch Changes

Updated dependencies [7061eee, 7061eee, 7ac2952, e467fe0]:

• @spectrum-css/[email protected]
• @spectrum-css/[email protected]
• @spectrum-css/[email protected]
• @spectrum-css/[email protected]

@spectrum-css/[email protected]

Minor Changes

📝 #4120 5b694c5 Thanks @renovate!

@adobe/[email protected] ->@adobe/[email protected]

Added

• --spectrum-select-box-horizontal-minimum-width: 188px (desktop), 220px (mobile)

Updated

• --spectrum-select-box-edge-to-checkbox: Updated from a variable sizing based on the viewport to a fixed value (8px).

@spectrum-css/[email protected]

Patch Changes

Updated dependencies [5b694c5]:

• @spectrum-css/[email protected]
• @spectrum-css/[email protected]

@spectrum-css/[email protected]

Patch Changes

Updated dependencies [5b694c5]:

• @spectrum-css/[email protected]