You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: .changeset/proud-schools-reply.md
+3-1
Original file line number
Diff line number
Diff line change
@@ -9,7 +9,9 @@ This migrates the `swatch` and `swatchgroup` components to the latest Spectrum 2
9
9
10
10
An `Add Swatch` variant has been added with the required color tokens and the specified add UI icon.
11
11
12
-
The `Add Swatch` and `Mixed Value` variants may not be combined with background colors or images.
12
+
The `Add Swatch` and `Mixed Value` variants may not be combined with background colors or images. To implement the `Add Swatch` you need to apply the `is-addSwatch` class to the `spectrum-Swatch` element. `Add swatch` keyboard focus may be applied by adding the `is-keyboardFocused` class to this combination of classes.
13
+
14
+
The `spectrum-Swatch-icon` is used to set the expected color to icons contained within the swatch.
13
15
14
16
The border should not be set when the swatch is selected as the border conflicts with the display of the selected state.
0 commit comments