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/beige-dragons-tickle.md
+1-22Lines changed: 1 addition & 22 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@
5
5
6
6
### S2 Illustrated Message Migration
7
7
8
-
This migration contains new tokens for t-shirt sizes (S, M, L), vertical and horizontal orientation along with their maximum width, illustration sizes, and content spacing. Dropzone `--mod` names are renamed to match the semantic tokens in illustrated message.
8
+
This migration contains new tokens for t-shirt sizes (S, M, L), vertical and horizontal orientation along with their maximum width, illustration sizes, and content spacing.
Copy file name to clipboardExpand all lines: .changeset/big-beds-care.md
+1-27Lines changed: 1 addition & 27 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,30 +10,4 @@ The component reflects the [new design](https://www.figma.com/design/eoZHKJH9a3L
10
10
11
11
#### SVG Border
12
12
13
-
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.
To support the intention of the design, an SVG element is used. There are 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.
Copy file name to clipboardExpand all lines: .changeset/chilled-peaches-enjoy.md
+1-17Lines changed: 1 addition & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,22 +6,6 @@ Action button now uses Spectrum 2 tokens and design specifications. A few notabl
6
6
7
7
- Medium is now the default size and `.spectrum-ActionButton--sizeM` has been removed.
8
8
- Includes the Spectrum 2 down state transform.
9
-
- The component border was not removed and its color was changed to `transparent` in order to continue support for Windows High Contrast / forced colors, which still shows a border. The mod custom properties for border were removed to avoid interference with Windows High Contrast / forced colors accessibility.
9
+
- The component border was not removed and its color was changed to `transparent` in order to continue support for Windows High Contrast / forced colors, which still shows a border.
10
10
- Some selectors to target the icon + text button and the icon-only button have been simplified using `:has`. This removes some overly complex `calc()` functions used for inline spacing, uses the design tokens more directly, and removes the previously documented need for the component's child elements to use a specific source order.
11
11
- Background and content colors were updated.
12
-
- Mod custom properties have been adjusted:
13
-
- Renamed:
14
-
-`--mod-line-height-100` renamed to `--mod-actionbutton-line-height`.
15
-
-`--mod-sans-font-family-stack` renamed to `--mod-button-font-family`.
16
-
-`--mod-animation-duration-100` renamed to `--mod-button-animation-duration`.
Copy file name to clipboardExpand all lines: .changeset/chilly-peaches-sniff.md
-14Lines changed: 0 additions & 14 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,17 +5,3 @@
5
5
#### Spectrum 2 migration
6
6
7
7
New non-semantic colors were added to the variants list, while the `accent` semantic variant was removed. There were also some new and updated color and text-to-visual tokens used to match the designs, along with normalizing font family, font style, and font weight.
Copy file name to clipboardExpand all lines: .changeset/eighty-terms-lead.md
+1-18Lines changed: 1 addition & 18 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -12,24 +12,7 @@ The medium component variation is the default and a t-shirt size medium variatio
12
12
13
13
A tooltip may be displayed to a user indicating whether interacting with the component will clear or edit the rating. A control and documentation example have been added.
14
14
15
-
A rating may have a partially filled star. The width and fill of this star is controlled by adding `.is-partial` to the parent `span` with classes of `spectrum-Rating-icon` and `is-selected` and then setting `--mod-rating-icon-fill` to the necessary fill percentage (e.g. `50%`).
16
-
17
-
##### New mods
18
-
19
-
`--mod-rating-width`
20
-
`--mod-rating-height`
21
-
`--mod-rating-bottom-to-content-area`
22
-
`--mod-rating-edge-to-content-area`
23
-
`--mod-rating-top-to-content-area`
24
-
`--mod-rating-icon-fill`
25
-
26
-
##### Removed mods
27
-
28
-
`--mod-rating-icon-spacing-vertical-top`
29
-
`--mod-rating-icon-count`
30
-
`--mod-rating-indicator-border-radius`
31
-
`--mod-rating-indicator-height`
32
-
`--mod-rating-icon-color-key-focus`
15
+
A rating may have a partially filled star. The width and fill of this star is controlled by adding `.is-partial` to the parent `span` with classes of `spectrum-Rating-icon` and `is-selected` and then setting the fill to the necessary percentage (e.g. `50%`).
Copy file name to clipboardExpand all lines: .changeset/few-candles-sniff.md
-30Lines changed: 0 additions & 30 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,33 +15,3 @@ The picker button component has been migrated to Spectrum 2. The picker button u
15
15
- 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.
16
16
- 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.
17
17
- The `.is-open` state can continue to be used as before.
0 commit comments