Skip to content

Releases: adobe/spectrum-css

@spectrum-css/[email protected]

14 Mar 19:04
5c10d48
Compare
Choose a tag to compare

Patch Changes

  • #3609 851be13 Thanks @marissahuysentruyt! - Fast follow fixes for combobox

    • corrects container query for the --system reference to "legacy" in the combobox/themes/spectrum.css file
    • corrects the border colors for several combobox states including focus, keyboardFocus, focus+hover, disabled, read-only for all themes
    • adds --spectrum-combobox-readonly-input-border-color: var(--spectrum-gray-400); to express.css theme so that the default border and read-only border colors are the same

@spectrum-css/[email protected]

13 Mar 14:58
923bef2
Compare
Choose a tag to compare
Pre-release

Patch Changes

@spectrum-css/[email protected]

13 Mar 14:58
923bef2
Compare
Choose a tag to compare
Pre-release

Patch Changes

📝 #3604 cb1b957 Thanks @marissahuysentruyt!

In Spectrum 2, elements that would typically be children of a modal (like dialogs, alert dialogs, and tray) have background-color token specs defined. Because modal also had a defined background color, there was some antialiasing bleed-through happening on the corners, since both the modal and its child now had background colors on top of each other. --spectrum-modal-background-color is now redefined as transparent to avoid these conflicts in S2. --mod-modal-background-color is still available to consumers.

@spectrum-css/[email protected]

13 Mar 14:58
923bef2
Compare
Choose a tag to compare
Pre-release

Patch Changes

@spectrum-css/[email protected]

13 Mar 14:58
923bef2
Compare
Choose a tag to compare
Pre-release

Patch Changes

@spectrum-css/[email protected]

12 Mar 20:15
Compare
Choose a tag to compare

Patch Changes

📝 #3593 d829abb Thanks @TarunAdobe!

Updated --spectrum-search-background-color-disabled to --spectrum-gray-25 and --spectrum-search-border-color-disabled to --spectrum-gray-300 for the S2 foundations contexts.

Also defines disabled quiet border and background colors (--system-search-quiet-background-color-disabled and --system-search-quiet-border-color-disabled) in order to maintain disabled quiet styling.

@spectrum-css/[email protected]

12 Mar 21:30
Compare
Choose a tag to compare

Patch Changes

@spectrum-css/[email protected]

12 Mar 20:15
Compare
Choose a tag to compare

Patch Changes

📝 #3606 3ec3b46 Thanks @jawinn!

This updates the colors used in action button for the spectrum two theme, so they are closer aligned with the spectrum 2 spec, per the request in SWC-597. This removes the border by making it transparent and updates the background color tokens that are used.

This also includes a forced-colors/high contrast mode fix for the selected + disabled state. This now shows the disabled colors.

@spectrum-css/[email protected]

07 Mar 13:47
ba1d868
Compare
Choose a tag to compare
Pre-release

Major Changes

  • #3429 924fc7f Thanks @aramos-adobe! - ## Dropzone S2 Migration

    Since dropzone shares a lot of illustrated message's new content tokens (typography and spacing), tons of unused--mods were removed.

    The component reflects the new design of the borders that includes dash length and dash gap.

    SVG Border

    To support the intention of the design, an SVG element is used. There are custom --mod tokens to adjust the length of dashed lines and the gap between them. It's understood it may be too much to consume an additional element so there's a fallback where the SVG element is not necessary - dropzone will use the standard border CSS property.

    New mods

    --mod-drop-zone-content-height
    --mod-drop-zone-edge-to-text
    --mod-drop-zone-title-line-height
    --mod-drop-zone-border-dash-length
    --mod-drop-zone-border-dash-gap

    Removed mods

    --mod-drop-zone-body-color
    --mod-drop-zone-body-font-family
    --mod-drop-zone-body-font-style
    --mod-drop-zone-body-font-weight
    --mod-drop-zone-body-line-height
    --mod-drop-zone-content-color
    --mod-drop-zone-content-edge-to-text
    --mod-drop-zone-content-font-size
    --mod-drop-zone-heading-color
    --mod-drop-zone-heading-font-family
    --mod-drop-zone-heading-font-size
    --mod-drop-zone-heading-font-style
    --mod-drop-zone-heading-font-weight
    --mod-drop-zone-heading-line-height
    --mod-drop-zone-heading-to-body --mod-drop-zone-illustration-to-heading --mod-drop-zone-illustration-to-title

All notable changes to this project will be documented in this file.
See Conventional Commits for commit guidelines.

@spectrum-css/[email protected]

06 Mar 21:45
58ed89e
Compare
Choose a tag to compare

Patch Changes

  • #3600 bb845cb Thanks @rise-erpelding! - Adjust border colors for static black and static white outline buttons, primary variant to match S2 spec.

All notable changes to this project will be documented in this file.
See Conventional Commits for commit guidelines.