@adobe/spectrum-tokens 12.6.0 → 12.8.0

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,33 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 12.8.0
4
+
5
+ ### Minor Changes
6
+
7
+ - d639b4b: Updated color-handle-inner-border-opacity to remove express specific value
8
+
9
+ ## Token Diff
10
+
11
+ _Token values updated (2):_
12
+
13
+ - `color-handle-inner-border-opacity` (to remove express specific values)
14
+ - `color-handle-outer-border-opacity` (to remove express specific values)
15
+
16
+ ## 12.7.0
17
+
18
+ ### Minor Changes
19
+
20
+ - 625cb7f: Removed express specific token data for color handle
21
+
22
+ ### Token Diff
23
+
24
+ _Tokens values updated (4):_
25
+
26
+ - `color-loupe-bottom-to-color-handle` (removed express specific token data)
27
+ - `color-loupe-height` (removed express specific token data)
28
+ - `color-loupe-inner-border-width` (removed express specific token data)
29
+ - `color-loupe-width` (removed express specific token data)
30
+
3
31
  ## 12.6.0
4
32
 
5
33
  ### Minor Changes
@@ -8,28 +36,28 @@
8
36
  - 853d8c3: Removed express specific token data for color loupe and color handle
9
37
  - c9e76ab: Contextual help did not have any type specific tokens when it was initially defined.
10
38
 
11
- #### Token Diff
39
+ ### Token Diff
12
40
 
13
- _Tokens added (4):_
41
+ _Tokens added (4):_
14
42
 
15
- - `floating-action-button-drop-shadow-y`
16
- - `floating-action-button-shadow-color`
17
- - `contextual-help-body-size`
18
- - `contextual-help-title-size`
43
+ - `floating-action-button-drop-shadow-y`
44
+ - `floating-action-button-shadow-color`
45
+ - `contextual-help-body-size`
46
+ - `contextual-help-title-size`
19
47
 
20
- _Tokens values updated (7):_
48
+ _Tokens values updated (7):_
21
49
 
22
- - `color-handle-drop-shadow-blur`
23
- - `color-handle-drop-shadow-x`
24
- - `color-handle-drop-shadow-y`
25
- - `color-handle-outer-border-opacity`
26
- - `color-handle-outer-border-width`
27
- - `color-handle-size`
28
- - `color-handle-size-key-focus`
50
+ - `color-handle-drop-shadow-blur`
51
+ - `color-handle-drop-shadow-x`
52
+ - `color-handle-drop-shadow-y`
53
+ - `color-handle-outer-border-opacity`
54
+ - `color-handle-outer-border-width`
55
+ - `color-handle-size`
56
+ - `color-handle-size-key-focus`
29
57
 
30
- _Newly deprecated tokens (1):_
58
+ _Newly deprecated tokens (1):_
31
59
 
32
- - `color-handle-drop-shadow-color`
60
+ - `color-handle-drop-shadow-color`
33
61
 
34
62
  ## 12.5.0
35
63
 
@@ -95,16 +95,10 @@
95
95
  "color-area-border-color": "rgb(0, 0, 0)",
96
96
  "color-area-border-width": "1px",
97
97
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
98
- "color-handle-inner-border-opacity": "0.42",
99
98
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
100
- "color-handle-outer-border-opacity": "0.42",
101
- "color-loupe-bottom-to-color-handle": "12px",
102
99
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
103
- "color-loupe-height": "64px",
104
100
  "color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
105
- "color-loupe-inner-border-width": "2px",
106
101
  "color-loupe-outer-border": "rgb(255, 255, 255)",
107
- "color-loupe-width": "48px",
108
102
  "color-slider-border-color": "rgb(0, 0, 0)",
109
103
  "cyan-100": "rgb(197, 248, 255)",
110
104
  "cyan-1000": "rgb(0, 93, 137)",
@@ -521,16 +515,10 @@
521
515
  "color-area-border-color": "rgb(255, 255, 255)",
522
516
  "color-area-border-width": "1px",
523
517
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
524
- "color-handle-inner-border-opacity": "0.42",
525
518
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
526
- "color-handle-outer-border-opacity": "0.42",
527
- "color-loupe-bottom-to-color-handle": "12px",
528
519
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
529
- "color-loupe-height": "64px",
530
520
  "color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
531
- "color-loupe-inner-border-width": "2px",
532
521
  "color-loupe-outer-border": "rgb(255, 255, 255)",
533
- "color-loupe-width": "48px",
534
522
  "color-slider-border-color": "rgb(255, 255, 255)",
535
523
  "cyan-100": "rgb(0, 61, 98)",
536
524
  "cyan-1000": "rgb(84, 211, 241)",
@@ -947,16 +935,10 @@
947
935
  "color-area-border-color": "rgb(255, 255, 255)",
948
936
  "color-area-border-width": "1px",
949
937
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
950
- "color-handle-inner-border-opacity": "0.42",
951
938
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
952
- "color-handle-outer-border-opacity": "0.42",
953
- "color-loupe-bottom-to-color-handle": "12px",
954
939
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
955
- "color-loupe-height": "64px",
956
940
  "color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
957
- "color-loupe-inner-border-width": "2px",
958
941
  "color-loupe-outer-border": "rgb(255, 255, 255)",
959
- "color-loupe-width": "48px",
960
942
  "color-slider-border-color": "rgb(255, 255, 255)",
961
943
  "cyan-100": "rgb(0, 41, 68)",
962
944
  "cyan-1000": "rgb(57, 199, 234)",
@@ -1440,7 +1422,7 @@
1440
1422
  "color-loupe-drop-shadow-blur": "8px",
1441
1423
  "color-loupe-drop-shadow-y": "2px",
1442
1424
  "color-loupe-height": "64px",
1443
- "color-loupe-inner-border-width": "2px",
1425
+ "color-loupe-inner-border-width": "1px",
1444
1426
  "color-loupe-outer-border-width": "2px",
1445
1427
  "color-loupe-width": "48px",
1446
1428
  "color-slider-border-opacity": "0.1",
@@ -6080,14 +6080,7 @@
6080
6080
  "value": "rgb(0, 0, 0)"
6081
6081
  },
6082
6082
  "color-handle-inner-border-opacity": {
6083
- "sets": {
6084
- "spectrum": {
6085
- "value": "0.42"
6086
- },
6087
- "express": {
6088
- "value": "0.15"
6089
- }
6090
- }
6083
+ "value": "0.42"
6091
6084
  },
6092
6085
  "color-handle-outer-border-color": {
6093
6086
  "sets": {
@@ -6099,14 +6092,7 @@
6099
6092
  },
6100
6093
  "color-handle-outer-border-opacity": {
6101
6094
  "ref": "{color-handle-inner-border-opacity}",
6102
- "sets": {
6103
- "spectrum": {
6104
- "value": "0.42"
6105
- },
6106
- "express": {
6107
- "value": "0.15"
6108
- }
6109
- }
6095
+ "value": "0.42"
6110
6096
  },
6111
6097
  "color-handle-drop-shadow-color": {
6112
6098
  "sets": {
@@ -12206,63 +12192,20 @@
12206
12192
  "value": "3"
12207
12193
  },
12208
12194
  "color-loupe-height": {
12209
- "sets": {
12210
- "spectrum": {
12211
- "value": "64px"
12212
- },
12213
- "express": {
12214
- "sets": {
12215
- "desktop": {
12216
- "value": "40px"
12217
- },
12218
- "mobile": {
12219
- "value": "50px"
12220
- }
12221
- }
12222
- }
12223
- }
12195
+ "value": "64px"
12224
12196
  },
12225
12197
  "color-loupe-width": {
12226
- "sets": {
12227
- "spectrum": {
12228
- "value": "48px"
12229
- },
12230
- "express": {
12231
- "sets": {
12232
- "desktop": {
12233
- "value": "32px"
12234
- },
12235
- "mobile": {
12236
- "value": "40px"
12237
- }
12238
- }
12239
- }
12240
- }
12198
+ "value": "48px"
12241
12199
  },
12242
12200
  "color-loupe-bottom-to-color-handle": {
12243
- "sets": {
12244
- "spectrum": {
12245
- "value": "12px"
12246
- },
12247
- "express": {
12248
- "value": "6px"
12249
- }
12250
- }
12201
+ "value": "12px"
12251
12202
  },
12252
12203
  "color-loupe-outer-border-width": {
12253
12204
  "ref": "{border-width-200}",
12254
12205
  "value": "2px"
12255
12206
  },
12256
12207
  "color-loupe-inner-border-width": {
12257
- "sets": {
12258
- "spectrum": {
12259
- "ref": "{border-width-200}",
12260
- "value": "2px"
12261
- },
12262
- "express": {
12263
- "value": "3px"
12264
- }
12265
- }
12208
+ "value": "1px"
12266
12209
  },
12267
12210
  "card-minimum-width": {
12268
12211
  "value": "100px"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.6.0",
3
+ "version": "12.8.0",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "tasks/buildSpectrumTokens.js",
@@ -115,16 +115,7 @@
115
115
  },
116
116
  "color-handle-inner-border-opacity": {
117
117
  "component": "color-handle",
118
- "sets": {
119
- "spectrum": {
120
- "value": "0.42"
121
- },
122
- "express": {
123
- "value": "0.15",
124
- "deprecated": true,
125
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
126
- }
127
- }
118
+ "value": "0.42"
128
119
  },
129
120
  "color-handle-outer-border-color": {
130
121
  "component": "color-handle",
@@ -3193,60 +3193,15 @@
3193
3193
  },
3194
3194
  "color-loupe-height": {
3195
3195
  "component": "color-loupe",
3196
- "sets": {
3197
- "spectrum": {
3198
- "value": "64px"
3199
- },
3200
- "express": {
3201
- "sets": {
3202
- "desktop": {
3203
- "value": "40px",
3204
- "deprecated": true,
3205
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3206
- },
3207
- "mobile": {
3208
- "value": "50px",
3209
- "deprecated": true,
3210
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3211
- }
3212
- }
3213
- }
3214
- }
3196
+ "value": "64px"
3215
3197
  },
3216
3198
  "color-loupe-width": {
3217
3199
  "component": "color-loupe",
3218
- "sets": {
3219
- "spectrum": {
3220
- "value": "48px"
3221
- },
3222
- "express": {
3223
- "sets": {
3224
- "desktop": {
3225
- "value": "32px",
3226
- "deprecated": true,
3227
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3228
- },
3229
- "mobile": {
3230
- "value": "40px",
3231
- "deprecated": true,
3232
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3233
- }
3234
- }
3235
- }
3236
- }
3200
+ "value": "48px"
3237
3201
  },
3238
3202
  "color-loupe-bottom-to-color-handle": {
3239
3203
  "component": "color-loupe",
3240
- "sets": {
3241
- "spectrum": {
3242
- "value": "12px"
3243
- },
3244
- "express": {
3245
- "value": "6px",
3246
- "deprecated": true,
3247
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3248
- }
3249
- }
3204
+ "value": "12px"
3250
3205
  },
3251
3206
  "color-loupe-outer-border-width": {
3252
3207
  "component": "color-loupe",
@@ -3254,16 +3209,7 @@
3254
3209
  },
3255
3210
  "color-loupe-inner-border-width": {
3256
3211
  "component": "color-loupe",
3257
- "sets": {
3258
- "spectrum": {
3259
- "value": "{border-width-200}"
3260
- },
3261
- "express": {
3262
- "value": "3px",
3263
- "deprecated": true,
3264
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3265
- }
3266
- }
3212
+ "value": "1px"
3267
3213
  },
3268
3214
  "card-minimum-width": {
3269
3215
  "component": "cards",