@adobe/spectrum-tokens 13.0.0-beta.13 → 13.0.0-beta.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +119 -0
  2. package/dist/json/drover.json +23 -7
  3. package/dist/json/variables.json +271 -853
  4. package/package.json +4 -4
  5. package/src/color-aliases.json +10 -55
  6. package/src/layout-component.json +179 -209
  7. package/src/layout.json +81 -351
  8. package/src/semantic-color-palette.json +21 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,124 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.15
4
+
5
+ ### Minor Changes
6
+
7
+ - c7c1d81: Added new semantic color aliases to Tokens Studio, in the S2 color tokens, alias sets for both light and dark themes.
8
+
9
+ New non-color tokens for S2 tag component added to both desktop and mobile layout.component sets.
10
+
11
+ ## Design Motivation
12
+
13
+ New values for tag component for S2. New negative-subdued background tokens were needed for negative and not selected tag components.
14
+
15
+ ## Token Diff
16
+
17
+ _Tokens added (12):_
18
+
19
+ - `negative-subdued-background-color-default`
20
+ - `negative-subdued-background-color-down`
21
+ - `negative-subdued-background-color-hover`
22
+ - `negative-subdued-background-color-key-focus`
23
+ - `switch-handle-selected-size-extra-large`
24
+ - `switch-handle-selected-size-large`
25
+ - `switch-handle-selected-size-medium`
26
+ - `switch-handle-selected-size-small`
27
+ - `switch-handle-size-extra-large`
28
+ - `switch-handle-size-large`
29
+ - `switch-handle-size-medium`
30
+ - `switch-handle-size-small`
31
+
32
+ _Token values updated (8):_
33
+
34
+ - `switch-control-height-extra-large`
35
+ - `switch-control-height-large`
36
+ - `switch-control-height-medium`
37
+ - `switch-control-height-small`
38
+ - `switch-control-width-extra-large`
39
+ - `switch-control-width-large`
40
+ - `switch-control-width-medium`
41
+ - `switch-control-width-small`
42
+
43
+ - 4b78009: Updated values and added new tokens for Switch.
44
+
45
+ ## Design Motivation
46
+
47
+ Added new tokens: switch-handle-size-_ and switch-handle-selected-size-_ for both desktop and mobile.
48
+ Update token values on: switch-control-width-_ and switch-control-height-_ for both desktop and mobile.
49
+
50
+ The design for Switch in S2 has changed and now has a border when it's not selected. New handle sizes are added and control sizes have been updated.
51
+
52
+ ## Token Diff
53
+
54
+ _Token values updated (8):_
55
+
56
+ - `switch-control-height-extra-large`
57
+ - `switch-control-height-large`
58
+ - `switch-control-height-medium`
59
+ - `switch-control-height-small`
60
+ - `switch-control-width-extra-large`
61
+ - `switch-control-width-large`
62
+ - `switch-control-width-medium`
63
+ - `switch-control-width-small`
64
+
65
+ ## 13.0.0-beta.14
66
+
67
+ ### Minor Changes
68
+
69
+ - f004b0c: The tokens listed in the diff below had identical values between sets and so were merged to single values to simplify the data.
70
+
71
+ ## Token Diff
72
+
73
+ _Tokens values updated (46):_
74
+
75
+ - `accordion-disclosure-indicator-to-text`
76
+ - `accordion-edge-to-disclosure-indicator`
77
+ - `accordion-edge-to-text`
78
+ - `accordion-focus-indicator-gap`
79
+ - `accordion-top-to-text-compact-medium`
80
+ - `accordion-top-to-text-compact-small`
81
+ - `action-button-edge-to-hold-icon-extra-small`
82
+ - `action-button-edge-to-hold-icon-small`
83
+ - `asterisk-icon-size-75`
84
+ - `background-base-color`
85
+ - `background-layer-1-color`
86
+ - `color-area-border-rounding`
87
+ - `corner-radius-0`
88
+ - `corner-radius-100`
89
+ - `corner-radius-1000`
90
+ - `corner-radius-200`
91
+ - `corner-radius-300`
92
+ - `corner-radius-400`
93
+ - `corner-radius-500`
94
+ - `corner-radius-600`
95
+ - `corner-radius-700`
96
+ - `corner-radius-75`
97
+ - `corner-radius-800`
98
+ - `corner-radius-extra-large-default`
99
+ - `corner-radius-full`
100
+ - `corner-radius-large-default`
101
+ - `corner-radius-medium-default`
102
+ - `corner-radius-medium-size-extra-large`
103
+ - `corner-radius-medium-size-extra-small`
104
+ - `corner-radius-medium-size-large`
105
+ - `corner-radius-medium-size-medium`
106
+ - `corner-radius-medium-size-small`
107
+ - `corner-radius-none`
108
+ - `corner-radius-small-default`
109
+ - `corner-radius-small-size-extra-large`
110
+ - `corner-radius-small-size-large`
111
+ - `corner-radius-small-size-medium`
112
+ - `corner-radius-small-size-small`
113
+ - `drop-shadow-x`
114
+ - `field-label-top-margin-extra-large`
115
+ - `field-label-top-margin-large`
116
+ - `field-label-top-margin-medium`
117
+ - `field-label-top-margin-small`
118
+ - `gray-background-color-default`
119
+ - `status-light-dot-size-small`
120
+ - `table-edge-to-content`
121
+
3
122
  ## 13.0.0-beta.13
4
123
 
5
124
  ### Minor Changes
package/dist/json/drover.json CHANGED
@@ -320,6 +320,10 @@
320
320
  "negative-content-color-down": "rgb(183, 40, 24)",
321
321
  "negative-content-color-hover": "rgb(183, 40, 24)",
322
322
  "negative-content-color-key-focus": "rgb(183, 40, 24)",
323
+ "negative-subdued-background-color-default": "rgb(255, 235, 232)",
324
+ "negative-subdued-background-color-down": "rgb(255, 214, 209)",
325
+ "negative-subdued-background-color-hover": "rgb(255, 214, 209)",
326
+ "negative-subdued-background-color-key-focus": "rgb(255, 214, 209)",
323
327
  "negative-visual-color": "rgb(240, 56, 35)",
324
328
  "neutral-background-color-default": "rgb(41, 41, 41)",
325
329
  "neutral-background-color-down": "rgb(19, 19, 19)",
@@ -871,6 +875,10 @@
871
875
  "negative-content-color-down": "rgb(255, 103, 86)",
872
876
  "negative-content-color-hover": "rgb(255, 103, 86)",
873
877
  "negative-content-color-key-focus": "rgb(255, 103, 86)",
878
+ "negative-subdued-background-color-default": "rgb(68, 13, 5)",
879
+ "negative-subdued-background-color-down": "rgb(87, 17, 7)",
880
+ "negative-subdued-background-color-hover": "rgb(87, 17, 7)",
881
+ "negative-subdued-background-color-key-focus": "rgb(87, 17, 7)",
874
882
  "negative-visual-color": "rgb(205, 46, 29)",
875
883
  "neutral-background-color-default": "rgb(219, 219, 219)",
876
884
  "neutral-background-color-down": "rgb(242, 242, 242)",
@@ -1756,14 +1764,22 @@
1756
1764
  "swatch-slash-thickness-large": "5px",
1757
1765
  "swatch-slash-thickness-medium": "4px",
1758
1766
  "swatch-slash-thickness-small": "3px",
1759
- "switch-control-height-extra-large": "18px",
1760
- "switch-control-height-large": "16px",
1761
- "switch-control-height-medium": "14px",
1762
- "switch-control-height-small": "12px",
1763
- "switch-control-width-extra-large": "33px",
1764
- "switch-control-width-large": "29px",
1767
+ "switch-control-height-extra-large": "20px",
1768
+ "switch-control-height-large": "18px",
1769
+ "switch-control-height-medium": "16px",
1770
+ "switch-control-height-small": "14px",
1771
+ "switch-control-width-extra-large": "34px",
1772
+ "switch-control-width-large": "30px",
1765
1773
  "switch-control-width-medium": "26px",
1766
- "switch-control-width-small": "23px",
1774
+ "switch-control-width-small": "22px",
1775
+ "switch-handle-selected-size-extra-large": "14px",
1776
+ "switch-handle-selected-size-large": "12px",
1777
+ "switch-handle-selected-size-medium": "10px",
1778
+ "switch-handle-selected-size-small": "8px",
1779
+ "switch-handle-size-extra-large": "12px",
1780
+ "switch-handle-size-large": "10px",
1781
+ "switch-handle-size-medium": "8px",
1782
+ "switch-handle-size-small": "6px",
1767
1783
  "switch-top-to-control-extra-large": "15px",
1768
1784
  "switch-top-to-control-large": "12px",
1769
1785
  "switch-top-to-control-medium": "9px",