Skip to content

Commit 8260808

Browse files
aramos-adobearamos-adobe
committed
chore(checkbox): merge spectrum two add tokens
2 parents c0527d5 + f5b76b3 commit 8260808

File tree

366 files changed

+30867
-4118
lines changed

Some content is hidden

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

366 files changed

+30867
-4118
lines changed

‎.changeset/beige-dragons-tickle.md

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
---
2+
"@spectrum-css/illustratedmessage": major
3+
"@spectrum-css/dropzone": major
4+
---
5+
6+
# S2 Illustrated Message Migration
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.
9+
10+
## Illustrated Message
11+
12+
New properties
13+
`--spectrum-illustrated-message-heading-to-description`
14+
`--spectrum-illustrated-message-illustration-to-heading`
15+
`--spectrum-illustrated-message-illustration-to-content`
16+
`--spectrum-illustrated-message-description-to-action`
17+
`--spectrum-illustrated-message-illustration-color`
18+
`--spectrum-illustrated-message-illustration-size`
19+
`--spectrum-illustrated-message-small-cjk-title-font-size`
20+
`--spectrum-illustrated-message-large-cjk-title-font-size`
21+
`--spectrum-illustrated-message-large-body-font-size`
22+
`--spectrum-illustrated-message-horizontal-maximum-width`
23+
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+
30+
Removed properties
31+
`--spectrum-illustrated-message-title-to-heading`
32+
`--spectrum-illustrated-message-description-max-inline-size`
33+
`--spectrum-illustrated-message-heading-max-inline-size`
34+
`--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/chilly-peaches-sniff.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"@spectrum-css/statuslight": major
33
---
44

5-
Spectrum 2 Status light migration
5+
## 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.
88

‎.changeset/clever-otters-mix.md

Lines changed: 0 additions & 25 deletions
This file was deleted.

‎.changeset/config.json

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,5 @@
1212
"access": "public",
1313
"baseBranch": "main",
1414
"updateInternalDependencies": "minor",
15-
"bumpVersionsWithWorkspaceProtocolOnly": true,
1615
"ignore": []
1716
}

‎.changeset/flat-snails-admire.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
---
2+
"@spectrum-css/infieldprogresscircle": major
3+
---
4+
5+
## Infield Progresscircle S2 Migration
6+
7+
In-field progress circle is a new component created to replace progress circle (size S) in t-shirt size components. The button, textfield, combo box, and picker `template.js` files have all been updated to call for infield progress circles. This component comes in four sizes: (S, M, L, XL), has updated color variants (default, white, black), and has a unified track thickness.

‎.changeset/fresh-crabs-deliver.md

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
"@spectrum-css/breadcrumb": major
3+
---
4+
5+
#### Spectrum 2 Migration
6+
7+
The breadcrumbs component is now updated to use the S2 specs and tokens. This includes updated spacing, heights, colors, font sizes, etc.
8+
9+
There has been a major design change to the variant classes related to density and sizing, to align their terminology better with t-shirt sizes:
10+
11+
- The "compact" variant no longer exists. The `spectrum-Breadcrumbs--compact` class and associated custom properties are removed. The default (medium) breadcrumbs are now sized similar to what was previously called compact.
12+
- There is a new "large" variant, which uses the `spectrum-Breadcrumbs--sizeL` class. This is sized similarly to what was previously the default.
13+
14+
In the multiline variant, the size of the title item can optionally be customized using an additional child heading element that applies one of the
15+
typography component's `spectrum-Heading--size*` classes. The preferred sizes specified in the design spec are small, medium, large (default), and
16+
extra-large. If an additional heading element is not used within the title item, the text will still be sized correctly to the default.

‎.changeset/light-years-speak.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"@spectrum-css/tooltip": major
33
---
44

5-
feat(tooltip): Spectrum 2 migration
5+
## Spectrum 2 migration
66

77
This migration includes updated colors, rounding, a bigger tip, and the removal of variants (only neutral is available in Spectrum 2). As a result of the deprecation of variants, icons have also been removed.
88

‎.changeset/metal-fireants-switch.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"@spectrum-css/underlay": patch
55
---
66

7-
Spectrum 2 Standard Dialog Migration
7+
## Spectrum 2 Standard Dialog Migration
88

99
This is the migration for standard dialog. The Divider component is no longer supported in S2 dialogs. In addition, some new and updated tokens are in place to update dialog corner rounding, font treatments, spacing/padding, and maximum/minimum widths. There were several new elements implemented as well, including optional header and footer content, hero/cover images, checkbox and text-only options in the footer content area.
1010

‎.changeset/modern-chairs-sit.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
"@spectrum-css/modal": minor
44
---
55

6-
S2 Takeover dialog
6+
## S2 Takeover dialog
77

88
This is the migration for the fullscreen/fullscreenTakeover dialog stories (these stories correspond to the "takeover dialog" in Figma). The Divider component support was removed in S2 standard dialog migration ([#2860](https://github.com/adobe/spectrum-css/pull/2860)). New and updated tokens are in place to update fullscreen/fullscreenTakeover dialog sizing, grid spacing, spacing in the header, and font sizes. Fullscreen/fullscreenTakeover dialogs do not support additional footer content or checkboxes (in comparison to the standard dialog).
99

‎.changeset/nine-kings-repair.md

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,15 @@
33
---
44

55
#### Spectrum 2 migration
6+
67
Button now uses Spectrum 2 tokens and specifications, which includes many color changes to all variants. A few other notable changes:
8+
79
- Outline buttons are no longer available in accent and negative options — use the filled variant instead.
810
- Medium size is now the default. The class `.spectrum-Button--sizeM` is now unnecessary for this size, and has been removed.
911
- The `.spectrum-Button--fill` class is no longer needed and has been removed.
1012

1113
The following `--mod` custom properties have been renamed:
14+
1215
- `--mod-line-height-100` has been renamed to `--mod-button-line-height`
1316
- `--mod-sans-font-family-stack` has been renamed to `--mod-button-font-family`
1417
- `--mod-animation-duration-100` has been renamed to `--mod-button-animation-duration`

‎.changeset/pre.json

Lines changed: 98 additions & 104 deletions
Original file line numberDiff line numberDiff line change
@@ -3,134 +3,128 @@
33
"tag": "next",
44
"initialVersions": {
55
"@spectrum-tools/gh-action-file-diff": "2.1.0",
6-
"@spectrum-css/preview": "11.0.0",
7-
"@spectrum-css/accordion": "5.3.0",
8-
"@spectrum-css/actionbar": "8.2.0",
9-
"@spectrum-css/actionbutton": "6.2.0",
10-
"@spectrum-css/actiongroup": "5.2.0",
11-
"@spectrum-css/actionmenu": "6.2.0",
12-
"@spectrum-css/alertbanner": "2.3.0",
13-
"@spectrum-css/alertdialog": "2.2.0",
14-
"@spectrum-css/asset": "5.2.0",
15-
"@spectrum-css/assetcard": "4.2.0",
16-
"@spectrum-css/assetlist": "6.4.0",
17-
"@spectrum-css/avatar": "7.3.0",
18-
"@spectrum-css/badge": "4.3.0",
19-
"@spectrum-css/breadcrumb": "9.2.0",
20-
"@spectrum-css/button": "13.5.0",
21-
"@spectrum-css/buttongroup": "7.2.0",
22-
"@spectrum-css/calendar": "5.3.0",
23-
"@spectrum-css/card": "9.3.0",
24-
"@spectrum-css/checkbox": "9.2.1",
25-
"@spectrum-css/clearbutton": "6.4.0",
26-
"@spectrum-css/closebutton": "5.3.0",
27-
"@spectrum-css/coachindicator": "2.2.0",
28-
"@spectrum-css/coachmark": "7.3.0",
29-
"@spectrum-css/colorarea": "5.2.0",
30-
"@spectrum-css/colorhandle": "8.2.0",
31-
"@spectrum-css/colorloupe": "5.3.0",
32-
"@spectrum-css/colorslider": "6.2.0",
33-
"@spectrum-css/colorwheel": "4.2.0",
34-
"@spectrum-css/combobox": "3.3.0",
35-
"@spectrum-css/commons": "10.1.0",
36-
"@spectrum-css/contextualhelp": "3.3.0",
37-
"@spectrum-css/datepicker": "3.3.0",
38-
"@spectrum-css/dial": "3.2.0",
39-
"@spectrum-css/dialog": "10.2.0",
40-
"@spectrum-css/divider": "3.2.0",
41-
"@spectrum-css/dropindicator": "5.2.0",
42-
"@spectrum-css/dropzone": "6.2.0",
43-
"@spectrum-css/fieldgroup": "5.3.0",
44-
"@spectrum-css/fieldlabel": "8.2.0",
45-
"@spectrum-css/floatingactionbutton": "2.2.0",
46-
"@spectrum-css/form": "0.0.0",
47-
"@spectrum-css/helptext": "5.2.0",
48-
"@spectrum-css/icon": "7.2.0",
49-
"@spectrum-css/illustratedmessage": "7.2.0",
50-
"@spectrum-css/infieldbutton": "5.2.0",
51-
"@spectrum-css/inlinealert": "8.2.0",
52-
"@spectrum-css/link": "5.2.0",
53-
"@spectrum-css/logicbutton": "4.2.0",
54-
"@spectrum-css/menu": "7.2.0",
55-
"@spectrum-css/meter": "0.0.0",
56-
"@spectrum-css/miller": "6.2.0",
57-
"@spectrum-css/modal": "5.2.0",
58-
"@spectrum-css/opacitycheckerboard": "2.2.0",
59-
"@spectrum-css/page": "8.2.0",
60-
"@spectrum-css/pagination": "8.2.0",
61-
"@spectrum-css/picker": "8.3.0",
62-
"@spectrum-css/pickerbutton": "5.2.0",
63-
"@spectrum-css/popover": "7.2.0",
64-
"@spectrum-css/progressbar": "4.2.0",
65-
"@spectrum-css/progresscircle": "3.2.0",
66-
"@spectrum-css/radio": "9.4.1",
67-
"@spectrum-css/rating": "5.2.0",
68-
"@spectrum-css/search": "7.4.0",
69-
"@spectrum-css/sidenav": "5.2.0",
70-
"@spectrum-css/slider": "5.5.1",
71-
"@spectrum-css/splitview": "5.3.0",
72-
"@spectrum-css/statuslight": "7.3.0",
73-
"@spectrum-css/steplist": "5.2.0",
74-
"@spectrum-css/stepper": "6.3.0",
75-
"@spectrum-css/swatch": "6.4.1",
76-
"@spectrum-css/swatchgroup": "3.2.0",
77-
"@spectrum-css/switch": "5.2.0",
78-
"@spectrum-css/table": "6.2.0",
79-
"@spectrum-css/tabs": "5.2.0",
80-
"@spectrum-css/tag": "9.2.0",
81-
"@spectrum-css/taggroup": "5.2.0",
82-
"@spectrum-css/textfield": "7.3.0",
83-
"@spectrum-css/thumbnail": "6.3.0",
84-
"@spectrum-css/toast": "10.3.0",
85-
"@spectrum-css/tooltip": "6.2.0",
86-
"@spectrum-css/tray": "3.2.0",
87-
"@spectrum-css/treeview": "10.4.0",
88-
"@spectrum-css/typography": "6.2.0",
89-
"@spectrum-css/underlay": "4.2.0",
90-
"@spectrum-css/well": "5.3.0",
91-
"@spectrum-tools/postcss-add-theming-layer": "0.0.0",
92-
"@spectrum-tools/postcss-property-rollup": "0.0.0",
93-
"@spectrum-tools/postcss-rgb-mapping": "2.1.0",
6+
"@spectrum-css/preview": "11.0.1-next.2",
7+
"@spectrum-css/accordion": "7.0.1",
8+
"@spectrum-css/actionbar": "10.0.1",
9+
"@spectrum-css/actionbutton": "7.0.1",
10+
"@spectrum-css/actiongroup": "6.0.1",
11+
"@spectrum-css/actionmenu": "7.0.0",
12+
"@spectrum-css/alertbanner": "3.0.1",
13+
"@spectrum-css/alertdialog": "4.0.1",
14+
"@spectrum-css/asset": "7.0.1",
15+
"@spectrum-css/assetcard": "5.0.1",
16+
"@spectrum-css/assetlist": "8.0.1",
17+
"@spectrum-css/avatar": "9.0.1",
18+
"@spectrum-css/badge": "6.0.1",
19+
"@spectrum-css/breadcrumb": "11.0.1",
20+
"@spectrum-css/button": "14.0.1",
21+
"@spectrum-css/buttongroup": "9.0.1",
22+
"@spectrum-css/calendar": "7.0.1",
23+
"@spectrum-css/card": "11.0.1",
24+
"@spectrum-css/checkbox": "10.0.1",
25+
"@spectrum-css/clearbutton": "7.0.1",
26+
"@spectrum-css/closebutton": "6.0.1",
27+
"@spectrum-css/coachindicator": "4.0.1",
28+
"@spectrum-css/coachmark": "9.0.1",
29+
"@spectrum-css/colorarea": "7.0.1",
30+
"@spectrum-css/colorhandle": "10.0.1",
31+
"@spectrum-css/colorloupe": "7.0.1",
32+
"@spectrum-css/colorslider": "8.0.1",
33+
"@spectrum-css/colorwheel": "6.0.1",
34+
"@spectrum-css/combobox": "4.0.1",
35+
"@spectrum-css/commons": "11.0.0",
36+
"@spectrum-css/contextualhelp": "5.0.1",
37+
"@spectrum-css/datepicker": "4.0.1",
38+
"@spectrum-css/dial": "5.0.1",
39+
"@spectrum-css/dialog": "12.0.1",
40+
"@spectrum-css/divider": "5.0.1",
41+
"@spectrum-css/dropindicator": "7.0.1",
42+
"@spectrum-css/dropzone": "8.0.1",
43+
"@spectrum-css/fieldgroup": "7.0.1",
44+
"@spectrum-css/fieldlabel": "10.0.1",
45+
"@spectrum-css/floatingactionbutton": "4.0.1",
46+
"@spectrum-css/form": "1.0.1",
47+
"@spectrum-css/helptext": "7.0.1",
48+
"@spectrum-css/icon": "9.0.1",
49+
"@spectrum-css/illustratedmessage": "9.0.1",
50+
"@spectrum-css/infieldbutton": "6.0.1",
51+
"@spectrum-css/inlinealert": "10.0.1",
52+
"@spectrum-css/link": "7.0.1",
53+
"@spectrum-css/logicbutton": "6.0.1",
54+
"@spectrum-css/menu": "9.0.1",
55+
"@spectrum-css/meter": "1.0.1",
56+
"@spectrum-css/miller": "8.0.1",
57+
"@spectrum-css/modal": "7.0.1",
58+
"@spectrum-css/opacitycheckerboard": "4.0.1",
59+
"@spectrum-css/page": "9.0.1",
60+
"@spectrum-css/pagination": "10.0.1",
61+
"@spectrum-css/picker": "9.0.1",
62+
"@spectrum-css/pickerbutton": "6.0.1",
63+
"@spectrum-css/popover": "8.0.1",
64+
"@spectrum-css/progressbar": "6.0.1",
65+
"@spectrum-css/progresscircle": "5.0.1",
66+
"@spectrum-css/radio": "10.0.1",
67+
"@spectrum-css/rating": "6.0.1",
68+
"@spectrum-css/search": "8.0.1",
69+
"@spectrum-css/sidenav": "7.0.1",
70+
"@spectrum-css/slider": "6.0.1",
71+
"@spectrum-css/splitview": "7.0.1",
72+
"@spectrum-css/statuslight": "9.0.1",
73+
"@spectrum-css/steplist": "7.0.1",
74+
"@spectrum-css/stepper": "7.0.1",
75+
"@spectrum-css/swatch": "8.0.1",
76+
"@spectrum-css/swatchgroup": "5.0.1",
77+
"@spectrum-css/switch": "6.0.1",
78+
"@spectrum-css/table": "8.0.1",
79+
"@spectrum-css/tabs": "6.0.1",
80+
"@spectrum-css/tag": "10.0.1",
81+
"@spectrum-css/taggroup": "7.0.1",
82+
"@spectrum-css/textfield": "8.0.1",
83+
"@spectrum-css/thumbnail": "8.0.1",
84+
"@spectrum-css/toast": "11.0.1",
85+
"@spectrum-css/tooltip": "7.0.1",
86+
"@spectrum-css/tray": "5.0.1",
87+
"@spectrum-css/treeview": "12.0.1",
88+
"@spectrum-css/typography": "8.0.1",
89+
"@spectrum-css/underlay": "6.0.1",
90+
"@spectrum-css/well": "7.0.1",
91+
"@spectrum-tools/postcss-rgb-mapping": "1.0.0",
9492
"@spectrum-tools/stylelint-no-missing-var": "2.0.1",
95-
"@spectrum-tools/stylelint-no-unknown-custom-properties": "2.0.1",
96-
"@spectrum-tools/stylelint-no-unused-custom-properties": "2.0.2",
97-
"@spectrum-tools/theme-alignment": "1.1.0",
98-
"@spectrum-css/tokens": "15.0.0",
93+
"@spectrum-tools/stylelint-no-unknown-custom-properties": "2.0.2",
94+
"@spectrum-tools/stylelint-no-unused-custom-properties": "2.0.3",
95+
"@spectrum-css/tokens": "16.0.0",
9996
"@spectrum-css/bundle": "1.0.0",
10097
"@spectrum-css/generator": "4.1.0",
10198
"@spectrum-css/ui-icons": "1.1.2"
10299
},
103100
"changesets": [
104-
"big-chairs-care",
101+
"beige-dragons-tickle",
105102
"chilly-peaches-sniff",
106103
"early-actors-buy",
107104
"eleven-cooks-destroy",
108105
"few-doors-smile",
109106
"few-eels-retire",
107+
"fresh-crabs-deliver",
110108
"fresh-seahorses-join",
111109
"friendly-dolls-raise",
112-
"healthy-zebras-unite",
113-
"hip-spies-try",
114110
"hot-books-fail",
111+
"itchy-kids-travel",
112+
"itchy-shrimps-help",
115113
"light-years-speak",
116114
"loud-vans-brush",
117115
"mean-eggs-learn",
118116
"metal-fireants-switch",
117+
"modern-chairs-sit",
119118
"nine-kings-repair",
120-
"perfect-dogs-smash",
121-
"plenty-trees-act",
122119
"pretty-parents-drum",
123120
"proud-jokes-rule",
124-
"sixty-crabs-thank",
125-
"sixty-vans-thank",
121+
"rotten-meals-share",
122+
"serious-clouds-jam",
126123
"spotty-onions-study",
127124
"strange-glasses-allow",
128125
"tame-bobcats-beam",
129126
"tame-wasps-shake",
130-
"ten-lizards-work",
131-
"twenty-tables-know",
132-
"weak-kings-pretend",
133-
"wicked-dragons-cheer",
134-
"young-cheetahs-peel"
127+
"twenty-ravens-divide",
128+
"twenty-tables-know"
135129
]
136130
}

‎.changeset/pretty-parents-drum.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
22
"@spectrum-css/tokens": patch
33
---
44

5-
use spectrum-tokens@13.0.0-beta.30
5+
Uses the latest releases from Spectrum Tokens (13.0.0-beta.30)

0 commit comments

Comments
 (0)