Skip to content

Commit d0766e6

Browse files
committed
chore: update changelogs to remove extemporaneous notes on modifier changes for S2 migration
1 parent 289ce20 commit d0766e6

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

54 files changed

+58
-847
lines changed

.changeset/angry-needles-behave.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ Updates:
1515
`--spectrum-radio-text-font-weight`
1616
`--spectrum-radio-text-font-style`
1717

18-
#### Modified tokens
18+
#### Updated tokens
1919

2020
`--spectrum-radio-emphasized-accent-color`
2121
`--spectrum-radio-emphasized-accent-color-hover`

.changeset/beige-dragons-tickle.md

Lines changed: 1 addition & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
### S2 Illustrated Message Migration
77

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.
99

1010
#### Illustrated Message
1111

@@ -21,29 +21,8 @@ New properties
2121
`--spectrum-illustrated-message-large-body-font-size`
2222
`--spectrum-illustrated-message-horizontal-maximum-width`
2323

24-
New mods
25-
`--mod-illustrated-message-description-to-action`
26-
`--mod-illustrated-message-heading-to-description`
27-
`--mod-illustrated-message-illustration-to-content`
28-
`--mod-illustrated-message-horizontal-maximum-width`
29-
3024
Removed properties
3125
`--spectrum-illustrated-message-title-to-heading`
3226
`--spectrum-illustrated-message-description-max-inline-size`
3327
`--spectrum-illustrated-message-heading-max-inline-size`
3428
`--spectrum-illustrated-message-illustration-accent-color`
35-
`--mod-illustrated-message-illustration-accent-color`
36-
`--highcontrast-illustrated-message-illustration-accent-color`
37-
38-
#### Dropzone
39-
40-
New mods
41-
`--mod-drop-zone-body-to-action`
42-
`--mod-drop-zone-illustration-to-title`
43-
44-
#### Dropzone nested mods
45-
46-
Renamed mods
47-
`--mod-illustrated-message-title-to-heading` > `--mod-illustrated-message-illustration-to-heading`
48-
`--mod-illustrated-message-heading-to-body` > `--mod-illustrated-message-heading-to-description`
49-
`--mod-illustrated-message-content-maximum-width` > `--mod-illustrated-message-vertical-maximum-width`

.changeset/big-beds-care.md

Lines changed: 1 addition & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -10,30 +10,4 @@ The component reflects the [new design](https://www.figma.com/design/eoZHKJH9a3L
1010

1111
#### SVG Border
1212

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.
14-
15-
#### New mods
16-
17-
`--mod-drop-zone-content-height`
18-
`--mod-drop-zone-edge-to-text`
19-
`--mod-drop-zone-title-line-height`
20-
`--mod-drop-zone-border-dash-length`
21-
`--mod-drop-zone-border-dash-gap`
22-
23-
#### Removed mods
24-
25-
`--mod-drop-zone-body-color`
26-
`--mod-drop-zone-body-font-family`
27-
`--mod-drop-zone-body-font-style`
28-
`--mod-drop-zone-body-font-weight`
29-
`--mod-drop-zone-body-line-height`
30-
`--mod-drop-zone-content-color`
31-
`--mod-drop-zone-content-edge-to-text`
32-
`--mod-drop-zone-content-font-size`
33-
`--mod-drop-zone-heading-color`
34-
`--mod-drop-zone-heading-font-family`
35-
`--mod-drop-zone-heading-font-size`
36-
`--mod-drop-zone-heading-font-style`
37-
`--mod-drop-zone-heading-font-weight`
38-
`--mod-drop-zone-heading-line-height`
39-
`--mod-drop-zone-heading-to-body` `--mod-drop-zone-illustration-to-heading` `--mod-drop-zone-illustration-to-title`
13+
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.

.changeset/big-jars-pump.md

Lines changed: 0 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -58,18 +58,6 @@ To use the bold treatment (which is reserved for high-attention alerts only), yo
5858

5959
Because subtle and bold treatments draw a similar level of attention you should choose only one to use consistently within a single product.
6060

61-
##### New mods
62-
63-
`--mod-inlinealert-border-and-icon-color-neutral`
64-
`--mod-inlinealert-min-spacing-header-to-icon`
65-
`--mod-inlinealert-spacing-content-link-button`
66-
`--mod-inlinealert-spacing-header-content`
67-
68-
##### Removed mods
69-
70-
`--mod-inlinealert-spacing-header-content-button`
71-
`--mod-inlinealert-spacing-header-to-icon`
72-
7361
##### New custom properties
7462

7563
`--spectrum-inlinealert-min-spacing-header-to-icon`

.changeset/chatty-lands-attack.md

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,7 @@ the spacing around the content area.
1616
collapsing the accordion item.
1717
- Adds no inline padding variant (`.spectrum-Accordion--noInlinePadding`) in which the item
1818
header does not have padding.
19-
- Per design spec, accordion items have a min-width and default width. Default width can be
20-
overridden with `--mod-accordion-item-width` but should not be smaller than
19+
- Per design spec, accordion items have a min-width and default width. Default width should not be smaller than
2120
`--spectrum-accordion-item-minimum-width`.
2221

2322
#### Markup changes
@@ -27,18 +26,3 @@ from outside the button (`spectrum-Accordion-itemHeader`), to within the button.
2726
element with class `spectrum-Accordion-itemIconContainer`, previously wrapping the icon, has
2827
been removed. A span with class `spectrum-Accordion-itemTitle` has been added around the heading
2928
text.
30-
31-
#### Mod changes
32-
33-
The following `--mod` custom properties have been renamed to better reflect how they are used:
34-
35-
- `--mod-accordion-item-height` has been renamed to `--mod-accordion-item-minimum-height`
36-
- `--mod-accordion-min-block-size` has been renamed to `--mod-accordion-item-min-block-size`
37-
- `--mod-accordion-component-edge-to-text` has been renamed to `--mod-accordion-content-padding-inline`
38-
39-
New mods:
40-
41-
- `--mod-accordion-animation-duration`
42-
- `--mod-accordion-edge-to-content-area`
43-
- `--mod-accordion-item-minimum-width`
44-
- `--mod-accordion-top-to-disclosure-indicator`

.changeset/chilled-peaches-enjoy.md

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -6,22 +6,6 @@ Action button now uses Spectrum 2 tokens and design specifications. A few notabl
66

77
- Medium is now the default size and `.spectrum-ActionButton--sizeM` has been removed.
88
- 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.
1010
- 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.
1111
- 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`.
17-
- Removed:
18-
- `--mod-actionbutton-border-color-default`
19-
- `--mod-actionbutton-border-color-disabled`
20-
- `--mod-actionbutton-border-color-down`
21-
- `--mod-actionbutton-border-color-focus`
22-
- `--mod-actionbutton-border-color-hover`
23-
- `--mod-actionbutton-border-width`
24-
- `--mod-actionbutton-static-content-color`
25-
- New:
26-
- `--mod-actionbutton-font-weight`
27-
- `--mod-actionbutton-font-style`

.changeset/chilly-peaches-sniff.md

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,3 @@
55
#### Spectrum 2 migration
66

77
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.
8-
9-
New mods added:
10-
11-
- `--mod-statuslight-font-family`
12-
- `--mod-statuslight-font-style`
13-
- `--mod-statuslight-nonsemantic-brown-color`
14-
- `--mod-statuslight-nonsemantic-cinnamon-color`
15-
- `--mod-statuslight-nonsemantic-pink-color`
16-
- `--mod-statuslight-nonsemantic-silver-color`
17-
- `--mod-statuslight-nonsemantic-turquoise-color`
18-
19-
Removed mods:
20-
21-
- `--mod-statuslight-semantic-accent-color`

.changeset/deep-sloths-fetch.md

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,3 @@ The emphasized has changed from an `accent` background color to a `neutral` back
1616
`--spectrum-actionbar-spacing-label-to-action-group`
1717
`--spectrum-actionbar-spacing-action-group-edge`
1818
`--spectrum-actionbar-close-button-to-counter`
19-
20-
#### New mods
21-
22-
`--mod-actionbar-minimum-width`
23-
`--mod-actionbar-spacing-action-group-edge`
24-
`--mod-actionbar-spacing-label-to-action-group`

.changeset/eighty-terms-lead.md

Lines changed: 1 addition & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -12,24 +12,7 @@ The medium component variation is the default and a t-shirt size medium variatio
1212

1313
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.
1414

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%`).
3316

3417
##### New custom properties
3518

.changeset/few-candles-sniff.md

Lines changed: 0 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -15,33 +15,3 @@ The picker button component has been migrated to Spectrum 2. The picker button u
1515
- 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.
1616
- 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.
1717
- The `.is-open` state can continue to be used as before.
18-
19-
Added mod custom properties:
20-
21-
- `--mod-picker-button-background-color-quiet-disabled`
22-
23-
Removed mod custom properties:
24-
25-
- `--mod-picker-button-background-color-key-focus`
26-
- `--mod-picker-button-background-color-key-focus-quiet`
27-
- `--mod-picker-button-border-color`
28-
- `--mod-picker-button-border-color-disabled`
29-
- `--mod-picker-button-border-color-quiet`
30-
- `--mod-picker-button-border-radius-rounded`
31-
- `--mod-picker-button-border-radius-rounded-sided`
32-
- `--mod-picker-button-border-radius-sided`
33-
- `--mod-picker-button-border-width`
34-
- `--mod-picker-button-font-color`
35-
- `--mod-picker-button-font-color-disabled`
36-
- `--mod-picker-button-font-color-down`
37-
- `--mod-picker-button-font-color-down-disabled`
38-
- `--mod-picker-button-font-color-hover`
39-
- `--mod-picker-button-font-color-hover-disabled`
40-
- `--mod-picker-button-font-color-key-focus`
41-
- `--mod-picker-button-font-family`
42-
- `--mod-picker-button-font-size`
43-
- `--mod-picker-button-font-style`
44-
- `--mod-picker-button-font-weight`
45-
- `--mod-picker-button-gap`
46-
- `--mod-picker-button-icon-color-key-focus`
47-
- `--mod-picker-button-label-padding`

0 commit comments

Comments
 (0)