@adobe/spectrum-tokens 12.6.0 → 12.7.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 +31 -16
- package/dist/json/drover.json +1 -13
- package/dist/json/variables.json +4 -47
- package/package.json +1 -1
- package/src/layout-component.json +4 -58
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 12.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 625cb7f: Removed express specific token data for color handle
|
|
8
|
+
|
|
9
|
+
### Token Diff
|
|
10
|
+
|
|
11
|
+
_Tokens values updated (4):_
|
|
12
|
+
|
|
13
|
+
- `color-loupe-bottom-to-color-handle` (removed express specific token data)
|
|
14
|
+
- `color-loupe-height` (removed express specific token data)
|
|
15
|
+
- `color-loupe-inner-border-width` (removed express specific token data)
|
|
16
|
+
- `color-loupe-width` (removed express specific token data)
|
|
17
|
+
|
|
3
18
|
## 12.6.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
|
@@ -8,28 +23,28 @@
|
|
|
8
23
|
- 853d8c3: Removed express specific token data for color loupe and color handle
|
|
9
24
|
- c9e76ab: Contextual help did not have any type specific tokens when it was initially defined.
|
|
10
25
|
|
|
11
|
-
|
|
26
|
+
### Token Diff
|
|
12
27
|
|
|
13
|
-
|
|
28
|
+
_Tokens added (4):_
|
|
14
29
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
30
|
+
- `floating-action-button-drop-shadow-y`
|
|
31
|
+
- `floating-action-button-shadow-color`
|
|
32
|
+
- `contextual-help-body-size`
|
|
33
|
+
- `contextual-help-title-size`
|
|
19
34
|
|
|
20
|
-
|
|
35
|
+
_Tokens values updated (7):_
|
|
21
36
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
37
|
+
- `color-handle-drop-shadow-blur`
|
|
38
|
+
- `color-handle-drop-shadow-x`
|
|
39
|
+
- `color-handle-drop-shadow-y`
|
|
40
|
+
- `color-handle-outer-border-opacity`
|
|
41
|
+
- `color-handle-outer-border-width`
|
|
42
|
+
- `color-handle-size`
|
|
43
|
+
- `color-handle-size-key-focus`
|
|
29
44
|
|
|
30
|
-
|
|
45
|
+
_Newly deprecated tokens (1):_
|
|
31
46
|
|
|
32
|
-
|
|
47
|
+
- `color-handle-drop-shadow-color`
|
|
33
48
|
|
|
34
49
|
## 12.5.0
|
|
35
50
|
|
package/dist/json/drover.json
CHANGED
|
@@ -98,13 +98,9 @@
|
|
|
98
98
|
"color-handle-inner-border-opacity": "0.42",
|
|
99
99
|
"color-handle-outer-border-color": "rgb(0, 0, 0)",
|
|
100
100
|
"color-handle-outer-border-opacity": "0.42",
|
|
101
|
-
"color-loupe-bottom-to-color-handle": "12px",
|
|
102
101
|
"color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
|
|
103
|
-
"color-loupe-height": "64px",
|
|
104
102
|
"color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
|
|
105
|
-
"color-loupe-inner-border-width": "2px",
|
|
106
103
|
"color-loupe-outer-border": "rgb(255, 255, 255)",
|
|
107
|
-
"color-loupe-width": "48px",
|
|
108
104
|
"color-slider-border-color": "rgb(0, 0, 0)",
|
|
109
105
|
"cyan-100": "rgb(197, 248, 255)",
|
|
110
106
|
"cyan-1000": "rgb(0, 93, 137)",
|
|
@@ -524,13 +520,9 @@
|
|
|
524
520
|
"color-handle-inner-border-opacity": "0.42",
|
|
525
521
|
"color-handle-outer-border-color": "rgb(0, 0, 0)",
|
|
526
522
|
"color-handle-outer-border-opacity": "0.42",
|
|
527
|
-
"color-loupe-bottom-to-color-handle": "12px",
|
|
528
523
|
"color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
|
|
529
|
-
"color-loupe-height": "64px",
|
|
530
524
|
"color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
|
|
531
|
-
"color-loupe-inner-border-width": "2px",
|
|
532
525
|
"color-loupe-outer-border": "rgb(255, 255, 255)",
|
|
533
|
-
"color-loupe-width": "48px",
|
|
534
526
|
"color-slider-border-color": "rgb(255, 255, 255)",
|
|
535
527
|
"cyan-100": "rgb(0, 61, 98)",
|
|
536
528
|
"cyan-1000": "rgb(84, 211, 241)",
|
|
@@ -950,13 +942,9 @@
|
|
|
950
942
|
"color-handle-inner-border-opacity": "0.42",
|
|
951
943
|
"color-handle-outer-border-color": "rgb(0, 0, 0)",
|
|
952
944
|
"color-handle-outer-border-opacity": "0.42",
|
|
953
|
-
"color-loupe-bottom-to-color-handle": "12px",
|
|
954
945
|
"color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
|
|
955
|
-
"color-loupe-height": "64px",
|
|
956
946
|
"color-loupe-inner-border": "rgba(0, 0, 0, 0.1)",
|
|
957
|
-
"color-loupe-inner-border-width": "2px",
|
|
958
947
|
"color-loupe-outer-border": "rgb(255, 255, 255)",
|
|
959
|
-
"color-loupe-width": "48px",
|
|
960
948
|
"color-slider-border-color": "rgb(255, 255, 255)",
|
|
961
949
|
"cyan-100": "rgb(0, 41, 68)",
|
|
962
950
|
"cyan-1000": "rgb(57, 199, 234)",
|
|
@@ -1440,7 +1428,7 @@
|
|
|
1440
1428
|
"color-loupe-drop-shadow-blur": "8px",
|
|
1441
1429
|
"color-loupe-drop-shadow-y": "2px",
|
|
1442
1430
|
"color-loupe-height": "64px",
|
|
1443
|
-
"color-loupe-inner-border-width": "
|
|
1431
|
+
"color-loupe-inner-border-width": "1px",
|
|
1444
1432
|
"color-loupe-outer-border-width": "2px",
|
|
1445
1433
|
"color-loupe-width": "48px",
|
|
1446
1434
|
"color-slider-border-opacity": "0.1",
|
package/dist/json/variables.json
CHANGED
|
@@ -12206,63 +12206,20 @@
|
|
|
12206
12206
|
"value": "3"
|
|
12207
12207
|
},
|
|
12208
12208
|
"color-loupe-height": {
|
|
12209
|
-
"
|
|
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
|
-
}
|
|
12209
|
+
"value": "64px"
|
|
12224
12210
|
},
|
|
12225
12211
|
"color-loupe-width": {
|
|
12226
|
-
"
|
|
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
|
-
}
|
|
12212
|
+
"value": "48px"
|
|
12241
12213
|
},
|
|
12242
12214
|
"color-loupe-bottom-to-color-handle": {
|
|
12243
|
-
"
|
|
12244
|
-
"spectrum": {
|
|
12245
|
-
"value": "12px"
|
|
12246
|
-
},
|
|
12247
|
-
"express": {
|
|
12248
|
-
"value": "6px"
|
|
12249
|
-
}
|
|
12250
|
-
}
|
|
12215
|
+
"value": "12px"
|
|
12251
12216
|
},
|
|
12252
12217
|
"color-loupe-outer-border-width": {
|
|
12253
12218
|
"ref": "{border-width-200}",
|
|
12254
12219
|
"value": "2px"
|
|
12255
12220
|
},
|
|
12256
12221
|
"color-loupe-inner-border-width": {
|
|
12257
|
-
"
|
|
12258
|
-
"spectrum": {
|
|
12259
|
-
"ref": "{border-width-200}",
|
|
12260
|
-
"value": "2px"
|
|
12261
|
-
},
|
|
12262
|
-
"express": {
|
|
12263
|
-
"value": "3px"
|
|
12264
|
-
}
|
|
12265
|
-
}
|
|
12222
|
+
"value": "1px"
|
|
12266
12223
|
},
|
|
12267
12224
|
"card-minimum-width": {
|
|
12268
12225
|
"value": "100px"
|
package/package.json
CHANGED
|
@@ -3193,60 +3193,15 @@
|
|
|
3193
3193
|
},
|
|
3194
3194
|
"color-loupe-height": {
|
|
3195
3195
|
"component": "color-loupe",
|
|
3196
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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",
|