@spectrum-css/[email protected]

Major Changes

• #2786 f6ad55e Thanks @pfulton! - feat: s2 foundations non-gray-800 colors update

  Property name	Context	Old value	Updated value
  --spectrum-blue-800	dark	rgb(69, 110, 254)	rgb(64, 105, 253)
  --spectrum-red-800	dark	rgb(230, 54, 35)	rgb(223, 52, 34)
  --spectrum-orange-800	dark	rgb(205, 86, 0)	rgb(199, 82, 0)
  --spectrum-yellow-800	dark	rgb(169, 110, 0)	rgb(164, 106, 0)
  --spectrum-chartreuse-800	dark	rgb(109, 131, 0)	rgb(106, 127, 0)
  --spectrum-celery-800	dark	rgb(69, 138, 19)	rgb(66, 134, 18)
  --spectrum-green-800	dark	rgb(6, 140, 82)	rgb(6, 136, 80)
  --spectrum-seafoam-800	dark	rgb(8, 138, 116)	rgb(8, 134, 112)
  --spectrum-cyan-800	dark	rgb(15, 128, 194)	rgb(13, 125, 186)
  --spectrum-indigo-800	dark	rgb(119, 97, 252)	rgb(116, 91, 252)
  --spectrum-purple-800	dark	rgb(161, 84, 229)	rgb(157, 78, 228)
  --spectrum-fuchsia-800	dark	rgb(192, 64, 212)	rgb(186, 60, 206)
  --spectrum-magenta-800	dark	rgb(231, 41, 105)	rgb(224, 38, 101)
  --spectrum-pink-800	dark	rgb(220, 47, 156)	rgb(213, 45, 151)
  --spectrum-turqoise-800	dark	rgb(9, 135, 147)	rgb(9, 131, 142)
  --spectrum-brown-800	dark	rgb(148, 118, 73)	rgb(143, 114, 69)
  --spectrum-silver-800	dark	rgb(123, 123, 123)	rgb(118, 118, 118)
  --spectrum-cinnamon-800	dark	rgb(179, 103, 64)	rgb(176, 98, 59)

Patch Changes

• Updated dependencies [f6ad55e]:
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]

@spectrum-css/[email protected]

Major Changes

• #2786 f6ad55e Thanks @pfulton! - feat: s2 foundations non-gray-800 colors update

  Property name	Context	Old value	Updated value
  --spectrum-blue-800	dark	rgb(69, 110, 254)	rgb(64, 105, 253)
  --spectrum-red-800	dark	rgb(230, 54, 35)	rgb(223, 52, 34)
  --spectrum-orange-800	dark	rgb(205, 86, 0)	rgb(199, 82, 0)
  --spectrum-yellow-800	dark	rgb(169, 110, 0)	rgb(164, 106, 0)
  --spectrum-chartreuse-800	dark	rgb(109, 131, 0)	rgb(106, 127, 0)
  --spectrum-celery-800	dark	rgb(69, 138, 19)	rgb(66, 134, 18)
  --spectrum-green-800	dark	rgb(6, 140, 82)	rgb(6, 136, 80)
  --spectrum-seafoam-800	dark	rgb(8, 138, 116)	rgb(8, 134, 112)
  --spectrum-cyan-800	dark	rgb(15, 128, 194)	rgb(13, 125, 186)
  --spectrum-indigo-800	dark	rgb(119, 97, 252)	rgb(116, 91, 252)
  --spectrum-purple-800	dark	rgb(161, 84, 229)	rgb(157, 78, 228)
  --spectrum-fuchsia-800	dark	rgb(192, 64, 212)	rgb(186, 60, 206)
  --spectrum-magenta-800	dark	rgb(231, 41, 105)	rgb(224, 38, 101)
  --spectrum-pink-800	dark	rgb(220, 47, 156)	rgb(213, 45, 151)
  --spectrum-turqoise-800	dark	rgb(9, 135, 147)	rgb(9, 131, 142)
  --spectrum-brown-800	dark	rgb(148, 118, 73)	rgb(143, 114, 69)
  --spectrum-silver-800	dark	rgb(123, 123, 123)	rgb(118, 118, 118)
  --spectrum-cinnamon-800	dark	rgb(179, 103, 64)	rgb(176, 98, 59)

Patch Changes

• Updated dependencies [f6ad55e]:
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]

@spectrum-css/[email protected]

Major Changes

• #2786 f6ad55e Thanks @pfulton! - feat: s2 foundations non-gray-800 colors update

  Property name	Context	Old value	Updated value
  --spectrum-blue-800	dark	rgb(69, 110, 254)	rgb(64, 105, 253)
  --spectrum-red-800	dark	rgb(230, 54, 35)	rgb(223, 52, 34)
  --spectrum-orange-800	dark	rgb(205, 86, 0)	rgb(199, 82, 0)
  --spectrum-yellow-800	dark	rgb(169, 110, 0)	rgb(164, 106, 0)
  --spectrum-chartreuse-800	dark	rgb(109, 131, 0)	rgb(106, 127, 0)
  --spectrum-celery-800	dark	rgb(69, 138, 19)	rgb(66, 134, 18)
  --spectrum-green-800	dark	rgb(6, 140, 82)	rgb(6, 136, 80)
  --spectrum-seafoam-800	dark	rgb(8, 138, 116)	rgb(8, 134, 112)
  --spectrum-cyan-800	dark	rgb(15, 128, 194)	rgb(13, 125, 186)
  --spectrum-indigo-800	dark	rgb(119, 97, 252)	rgb(116, 91, 252)
  --spectrum-purple-800	dark	rgb(161, 84, 229)	rgb(157, 78, 228)
  --spectrum-fuchsia-800	dark	rgb(192, 64, 212)	rgb(186, 60, 206)
  --spectrum-magenta-800	dark	rgb(231, 41, 105)	rgb(224, 38, 101)
  --spectrum-pink-800	dark	rgb(220, 47, 156)	rgb(213, 45, 151)
  --spectrum-turqoise-800	dark	rgb(9, 135, 147)	rgb(9, 131, 142)
  --spectrum-brown-800	dark	rgb(148, 118, 73)	rgb(143, 114, 69)
  --spectrum-silver-800	dark	rgb(123, 123, 123)	rgb(118, 118, 118)
  --spectrum-cinnamon-800	dark	rgb(179, 103, 64)	rgb(176, 98, 59)

Patch Changes

• Updated dependencies [f6ad55e]:
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]

@spectrum-css/[email protected]

Major Changes

• #2786 f6ad55e Thanks @pfulton! - feat: s2 foundations non-gray-800 colors update

  Property name	Context	Old value	Updated value
  --spectrum-blue-800	dark	rgb(69, 110, 254)	rgb(64, 105, 253)
  --spectrum-red-800	dark	rgb(230, 54, 35)	rgb(223, 52, 34)
  --spectrum-orange-800	dark	rgb(205, 86, 0)	rgb(199, 82, 0)
  --spectrum-yellow-800	dark	rgb(169, 110, 0)	rgb(164, 106, 0)
  --spectrum-chartreuse-800	dark	rgb(109, 131, 0)	rgb(106, 127, 0)
  --spectrum-celery-800	dark	rgb(69, 138, 19)	rgb(66, 134, 18)
  --spectrum-green-800	dark	rgb(6, 140, 82)	rgb(6, 136, 80)
  --spectrum-seafoam-800	dark	rgb(8, 138, 116)	rgb(8, 134, 112)
  --spectrum-cyan-800	dark	rgb(15, 128, 194)	rgb(13, 125, 186)
  --spectrum-indigo-800	dark	rgb(119, 97, 252)	rgb(116, 91, 252)
  --spectrum-purple-800	dark	rgb(161, 84, 229)	rgb(157, 78, 228)
  --spectrum-fuchsia-800	dark	rgb(192, 64, 212)	rgb(186, 60, 206)
  --spectrum-magenta-800	dark	rgb(231, 41, 105)	rgb(224, 38, 101)
  --spectrum-pink-800	dark	rgb(220, 47, 156)	rgb(213, 45, 151)
  --spectrum-turqoise-800	dark	rgb(9, 135, 147)	rgb(9, 131, 142)
  --spectrum-brown-800	dark	rgb(148, 118, 73)	rgb(143, 114, 69)
  --spectrum-silver-800	dark	rgb(123, 123, 123)	rgb(118, 118, 118)
  --spectrum-cinnamon-800	dark	rgb(179, 103, 64)	rgb(176, 98, 59)

Patch Changes

• Updated dependencies [f6ad55e]:
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]

@spectrum-css/[email protected]

Major Changes

• #2786 f6ad55e Thanks @pfulton! - feat: s2 foundations non-gray-800 colors update

  Property name	Context	Old value	Updated value
  --spectrum-blue-800	dark	rgb(69, 110, 254)	rgb(64, 105, 253)
  --spectrum-red-800	dark	rgb(230, 54, 35)	rgb(223, 52, 34)
  --spectrum-orange-800	dark	rgb(205, 86, 0)	rgb(199, 82, 0)
  --spectrum-yellow-800	dark	rgb(169, 110, 0)	rgb(164, 106, 0)
  --spectrum-chartreuse-800	dark	rgb(109, 131, 0)	rgb(106, 127, 0)
  --spectrum-celery-800	dark	rgb(69, 138, 19)	rgb(66, 134, 18)
  --spectrum-green-800	dark	rgb(6, 140, 82)	rgb(6, 136, 80)
  --spectrum-seafoam-800	dark	rgb(8, 138, 116)	rgb(8, 134, 112)
  --spectrum-cyan-800	dark	rgb(15, 128, 194)	rgb(13, 125, 186)
  --spectrum-indigo-800	dark	rgb(119, 97, 252)	rgb(116, 91, 252)
  --spectrum-purple-800	dark	rgb(161, 84, 229)	rgb(157, 78, 228)
  --spectrum-fuchsia-800	dark	rgb(192, 64, 212)	rgb(186, 60, 206)
  --spectrum-magenta-800	dark	rgb(231, 41, 105)	rgb(224, 38, 101)
  --spectrum-pink-800	dark	rgb(220, 47, 156)	rgb(213, 45, 151)
  --spectrum-turqoise-800	dark	rgb(9, 135, 147)	rgb(9, 131, 142)
  --spectrum-brown-800	dark	rgb(148, 118, 73)	rgb(143, 114, 69)
  --spectrum-silver-800	dark	rgb(123, 123, 123)	rgb(118, 118, 118)
  --spectrum-cinnamon-800	dark	rgb(179, 103, 64)	rgb(176, 98, 59)

Patch Changes

• Updated dependencies [f6ad55e]:
  • @spectrum-css/[email protected]
  • @spectrum-css/[email protected]

@spectrum-css/[email protected]

Minor Changes

• #3232 5d83841 Thanks @aramos-adobe! - Combobox now includes a read-only state. Add the is-readOnly class to the Combobox to enable this feature. To ensure the intended user experience, please make sure the readonly state in the textfield is enabled by adding the is-readOnly class and readonly attribute on the input element for this component as well.

@spectrum-css/[email protected]

Patch Changes

• #3350 c091b4d Thanks @5t3ph! - Corrects the styles of the read-only state to show the radio inputs and allow visible focus. Also adds aria-disabled since aria-readonly isn't well supported, and story demonstrates scripting to make selection for read-only radios immutable.

@spectrum-css/[email protected]

Minor Changes

• #3328 a0486b3 Thanks @jawinn! - The previous display of the read-only state checkboxes did not match up with any guidelines. This update removes the read-only specific styles for checkbox within the fieldgroup component, so that the boxes are still displayed and commas are not appended to the label. This includes the removal of --spectrum-fieldgroup-readonly-delimiter as it is no longer needed.

Patch Changes

• Updated dependencies [a0486b3]:
  • @spectrum-css/[email protected]

@spectrum-css/[email protected]

Patch Changes

• #3328 a0486b3 Thanks @jawinn! - This removes some unnecessary read-only styles. Read-only just needs to override disabled styles. Otherwise it uses the normal styles (for both default and emphasized).

@spectrum-css/[email protected]

Minor Changes

• #3372 61af074 Thanks @cdransf! - This change removes the existing calc function used to calculate the padding-inline-end for S1 and the quiet variant in favor of a simpler value with a mod preceding a static value.

  This change removes the --mod-search-quiet-button-offset mod.