@adobe/spectrum-design-data 2.1.0 → 2.2.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/components/alert-dialog.json +0 -6
- package/components/cards.json +0 -30
- package/components/combo-box.json +0 -6
- package/components/date-picker.json +0 -16
- package/components/drop-zone.json +0 -18
- package/components/list-view.json +0 -6
- package/components/menu.json +0 -6
- package/components/table.json +0 -18
- package/components/tree-view.json +0 -10
- package/package.json +2 -2
- package/tokens/color-aliases.tokens.json +33 -0
- package/tokens/layout.tokens.json +64 -0
|
@@ -103,12 +103,6 @@
|
|
|
103
103
|
"lifecycle": {
|
|
104
104
|
"introduced": "1.0.0-draft"
|
|
105
105
|
},
|
|
106
|
-
"tokenBindings": [
|
|
107
|
-
{
|
|
108
|
-
"token": "alert-dialog-top-to-alert-icon",
|
|
109
|
-
"context": "Icon asset (error and warning variants)"
|
|
110
|
-
}
|
|
111
|
-
],
|
|
112
106
|
"accessibility": {
|
|
113
107
|
"role": "dialog",
|
|
114
108
|
"intents": ["dismiss"],
|
package/components/cards.json
CHANGED
|
@@ -97,36 +97,6 @@
|
|
|
97
97
|
"lifecycle": {
|
|
98
98
|
"introduced": "1.0.0-draft"
|
|
99
99
|
},
|
|
100
|
-
"tokenBindings": [
|
|
101
|
-
{
|
|
102
|
-
"token": "card-selection-background-corner-radius-small",
|
|
103
|
-
"context": "Selection checkbox "
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"token": "card-selection-background-corner-radius-medium",
|
|
107
|
-
"context": "Selection checkbox "
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
"token": "card-selection-background-corner-radius-large",
|
|
111
|
-
"context": "Selection checkbox "
|
|
112
|
-
},
|
|
113
|
-
{
|
|
114
|
-
"token": "card-selection-background-corner-radius-extra-large",
|
|
115
|
-
"context": "Selection checkbox "
|
|
116
|
-
},
|
|
117
|
-
{
|
|
118
|
-
"token": "card-header-to-footer",
|
|
119
|
-
"context": "Spacing (text to visual)"
|
|
120
|
-
},
|
|
121
|
-
{
|
|
122
|
-
"token": "card-title-to-description",
|
|
123
|
-
"context": "Spacing (title to description)"
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
"token": "horizontal-card-edge-to-content-regular",
|
|
127
|
-
"context": "Spacing (top/side/bottom edge to content)"
|
|
128
|
-
}
|
|
129
|
-
],
|
|
130
100
|
"accessibility": {
|
|
131
101
|
"intents": ["select"],
|
|
132
102
|
"focusable": true,
|
|
@@ -293,12 +293,6 @@
|
|
|
293
293
|
"lifecycle": {
|
|
294
294
|
"introduced": "1.0.0-draft"
|
|
295
295
|
},
|
|
296
|
-
"tokenBindings": [
|
|
297
|
-
{
|
|
298
|
-
"token": "in-field-progress-circle",
|
|
299
|
-
"context": "In-field progress circle"
|
|
300
|
-
}
|
|
301
|
-
],
|
|
302
296
|
"accessibility": {
|
|
303
297
|
"role": "combobox",
|
|
304
298
|
"intents": ["input", "select", "expand"],
|
|
@@ -263,26 +263,10 @@
|
|
|
263
263
|
"introduced": "1.0.0-draft"
|
|
264
264
|
},
|
|
265
265
|
"tokenBindings": [
|
|
266
|
-
{
|
|
267
|
-
"token": "range-border-dash-length",
|
|
268
|
-
"context": "Range fill stroke padding"
|
|
269
|
-
},
|
|
270
|
-
{
|
|
271
|
-
"token": "range-border-dash-gap",
|
|
272
|
-
"context": "Range fill stroke padding"
|
|
273
|
-
},
|
|
274
|
-
{
|
|
275
|
-
"token": "range-border-dash-thickness",
|
|
276
|
-
"context": "Range fill stroke padding"
|
|
277
|
-
},
|
|
278
266
|
{
|
|
279
267
|
"token": "strikethrough-day-thickness",
|
|
280
268
|
"context": "Strikethrough day "
|
|
281
269
|
},
|
|
282
|
-
{
|
|
283
|
-
"token": "strikethrough-day-orientation",
|
|
284
|
-
"context": "Strikethrough day "
|
|
285
|
-
},
|
|
286
270
|
{
|
|
287
271
|
"token": "date-picker-text-to-in-field-button",
|
|
288
272
|
"context": "Spacing (value to in-field button)"
|
|
@@ -82,24 +82,6 @@
|
|
|
82
82
|
"lifecycle": {
|
|
83
83
|
"introduced": "1.0.0-draft"
|
|
84
84
|
},
|
|
85
|
-
"tokenBindings": [
|
|
86
|
-
{
|
|
87
|
-
"token": "component-top",
|
|
88
|
-
"context": "Text area (filled, hover)"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"token": "text-300",
|
|
92
|
-
"context": "Text area (filled, hover)"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"token": "default-font-size",
|
|
96
|
-
"context": "Title area and body area"
|
|
97
|
-
},
|
|
98
|
-
{
|
|
99
|
-
"token": "accent-content-color",
|
|
100
|
-
"context": "Illustration color"
|
|
101
|
-
}
|
|
102
|
-
],
|
|
103
85
|
"accessibility": {
|
|
104
86
|
"intents": ["input"],
|
|
105
87
|
"focusable": true,
|
|
@@ -213,12 +213,6 @@
|
|
|
213
213
|
"lifecycle": {
|
|
214
214
|
"introduced": "1.0.0-draft"
|
|
215
215
|
},
|
|
216
|
-
"tokenBindings": [
|
|
217
|
-
{
|
|
218
|
-
"token": "stack-item-drag-handle-to-control",
|
|
219
|
-
"context": "Spacing (drag handle to checkbox, to visual, to text)"
|
|
220
|
-
}
|
|
221
|
-
],
|
|
222
216
|
"accessibility": {
|
|
223
217
|
"intents": ["select", "navigate"],
|
|
224
218
|
"focusable": true,
|
package/components/menu.json
CHANGED
|
@@ -289,12 +289,6 @@
|
|
|
289
289
|
"lifecycle": {
|
|
290
290
|
"introduced": "1.0.0-draft"
|
|
291
291
|
},
|
|
292
|
-
"tokenBindings": [
|
|
293
|
-
{
|
|
294
|
-
"token": "popover-submenu-to-menu-item-position",
|
|
295
|
-
"context": "Sub-menu alignment with menu item"
|
|
296
|
-
}
|
|
297
|
-
],
|
|
298
292
|
"accessibility": {
|
|
299
293
|
"role": "menu",
|
|
300
294
|
"intents": ["select"],
|
package/components/table.json
CHANGED
|
@@ -247,24 +247,6 @@
|
|
|
247
247
|
"lifecycle": {
|
|
248
248
|
"introduced": "1.0.0-draft"
|
|
249
249
|
},
|
|
250
|
-
"tokenBindings": [
|
|
251
|
-
{
|
|
252
|
-
"token": "table-selected-row-background-color-highlight",
|
|
253
|
-
"context": "Selected row background (highlight selection)"
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"token": "table-selected-row-background-opacity-highlight",
|
|
257
|
-
"context": "Selected row background (highlight selection)"
|
|
258
|
-
},
|
|
259
|
-
{
|
|
260
|
-
"token": "table-selected-row-background-opacity-highlight-hover",
|
|
261
|
-
"context": "Selected row background (highlight selection, hover)"
|
|
262
|
-
},
|
|
263
|
-
{
|
|
264
|
-
"token": "table-selected-row-background-opacity-hover-highlight",
|
|
265
|
-
"context": "S2 Selected row background (highlight selection, hover)"
|
|
266
|
-
}
|
|
267
|
-
],
|
|
268
250
|
"accessibility": {
|
|
269
251
|
"role": "grid",
|
|
270
252
|
"intents": ["select", "navigate"],
|
|
@@ -249,16 +249,6 @@
|
|
|
249
249
|
"lifecycle": {
|
|
250
250
|
"introduced": "1.0.0-draft"
|
|
251
251
|
},
|
|
252
|
-
"tokenBindings": [
|
|
253
|
-
{
|
|
254
|
-
"token": "tree-view-edge-to-drag-handle",
|
|
255
|
-
"context": "Spacing (edge to drag handle, drag handle)"
|
|
256
|
-
},
|
|
257
|
-
{
|
|
258
|
-
"token": "tree-view-drag-handle-to-checkbox",
|
|
259
|
-
"context": "Spacing (drag handle to checkbox, drag handle + checkbox)"
|
|
260
|
-
}
|
|
261
|
-
],
|
|
262
252
|
"accessibility": {
|
|
263
253
|
"role": "tree",
|
|
264
254
|
"intents": ["navigate", "select", "expand"],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adobe/spectrum-design-data",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"description": "Spectrum design tokens in cascade format — the canonical source of truth for @adobe/spectrum-tokens",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"devDependencies": {
|
|
63
63
|
"ajv": "^8.12.0",
|
|
64
64
|
"ajv-formats": "^3.0.1",
|
|
65
|
-
"@adobe/design-data-spec": "3.2.
|
|
65
|
+
"@adobe/design-data-spec": "3.2.1"
|
|
66
66
|
},
|
|
67
67
|
"scripts": {}
|
|
68
68
|
}
|
|
@@ -3369,6 +3369,39 @@
|
|
|
3369
3369
|
"$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
|
|
3370
3370
|
"uuid": "c2c538e0-6f8d-4586-953a-b98ef40c9eca"
|
|
3371
3371
|
},
|
|
3372
|
+
{
|
|
3373
|
+
"name": {
|
|
3374
|
+
"colorRole": "neutral",
|
|
3375
|
+
"property": "content-color",
|
|
3376
|
+
"state": ["selected", "default"],
|
|
3377
|
+
"legacyKey": "neutral-content-color-selected-default"
|
|
3378
|
+
},
|
|
3379
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3380
|
+
"$ref": "f417fb5b-c7cc-41c2-a870-f6cd9a280c22",
|
|
3381
|
+
"uuid": "7289003d-78b6-4c61-aada-a3252a7a9bd2"
|
|
3382
|
+
},
|
|
3383
|
+
{
|
|
3384
|
+
"name": {
|
|
3385
|
+
"colorRole": "neutral",
|
|
3386
|
+
"property": "content-color",
|
|
3387
|
+
"state": ["selected", "hover"],
|
|
3388
|
+
"legacyKey": "neutral-content-color-selected-hover"
|
|
3389
|
+
},
|
|
3390
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3391
|
+
"$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
|
|
3392
|
+
"uuid": "018f02b1-2f01-4b48-8161-4a0e9d2eed09"
|
|
3393
|
+
},
|
|
3394
|
+
{
|
|
3395
|
+
"name": {
|
|
3396
|
+
"colorRole": "neutral",
|
|
3397
|
+
"property": "content-color",
|
|
3398
|
+
"state": ["selected", "keyboard-focus"],
|
|
3399
|
+
"legacyKey": "neutral-content-color-selected-key-focus"
|
|
3400
|
+
},
|
|
3401
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
3402
|
+
"$ref": "e0eaa59c-81ad-4632-a61d-ab0bee53af4a",
|
|
3403
|
+
"uuid": "1b040ae6-315e-49a5-9363-62ba79b139ff"
|
|
3404
|
+
},
|
|
3372
3405
|
{
|
|
3373
3406
|
"name": {
|
|
3374
3407
|
"colorRole": "neutral",
|
|
@@ -7192,5 +7192,69 @@
|
|
|
7192
7192
|
"uuid": "a659c66d-1e77-4818-95ea-501e65162841",
|
|
7193
7193
|
"set_uuid": "dd3133de-94a6-4007-a68e-4202762f0eb5",
|
|
7194
7194
|
"set_schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/scale-set.json"
|
|
7195
|
+
},
|
|
7196
|
+
{
|
|
7197
|
+
"name": {
|
|
7198
|
+
"component": "tabs",
|
|
7199
|
+
"property": "gap",
|
|
7200
|
+
"orientation": "horizontal",
|
|
7201
|
+
"density": "compact",
|
|
7202
|
+
"size": "m",
|
|
7203
|
+
"legacyKey": "tab-item-to-tab-item-compact-horizontal-medium"
|
|
7204
|
+
},
|
|
7205
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
7206
|
+
"$ref": "ec565065-0820-460f-9a1b-b81911c48cb5",
|
|
7207
|
+
"uuid": "95593667-9f7c-4e5e-a739-8dd479cd082f",
|
|
7208
|
+
"description": "Spacing between tab items, horizontal, compact density"
|
|
7209
|
+
},
|
|
7210
|
+
{
|
|
7211
|
+
"name": {
|
|
7212
|
+
"component": "tabs",
|
|
7213
|
+
"anatomy": "indicator",
|
|
7214
|
+
"property": "thickness",
|
|
7215
|
+
"legacyKey": "tab-selection-indicator-thickness"
|
|
7216
|
+
},
|
|
7217
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
7218
|
+
"value": "2px",
|
|
7219
|
+
"uuid": "181806e5-0216-4b11-a775-9ed4bb8832fc",
|
|
7220
|
+
"description": "Thickness of the tab selection indicator (underline)"
|
|
7221
|
+
},
|
|
7222
|
+
{
|
|
7223
|
+
"name": {
|
|
7224
|
+
"component": "date-picker",
|
|
7225
|
+
"anatomy": "day",
|
|
7226
|
+
"qualifier": "strikethrough",
|
|
7227
|
+
"property": "thickness",
|
|
7228
|
+
"legacyKey": "strikethrough-day-thickness"
|
|
7229
|
+
},
|
|
7230
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
7231
|
+
"value": "2px",
|
|
7232
|
+
"uuid": "c4e4695b-3838-4bd4-b045-8219c77f6786",
|
|
7233
|
+
"description": "Thickness of the strikethrough line on an unavailable calendar day"
|
|
7234
|
+
},
|
|
7235
|
+
{
|
|
7236
|
+
"name": {
|
|
7237
|
+
"component": "date-picker",
|
|
7238
|
+
"anatomy": "day",
|
|
7239
|
+
"qualifier": "strikethrough",
|
|
7240
|
+
"property": "angle",
|
|
7241
|
+
"legacyKey": "strikethrough-day-orientation"
|
|
7242
|
+
},
|
|
7243
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/angle.json",
|
|
7244
|
+
"value": -25,
|
|
7245
|
+
"uuid": "e9a6e122-49fc-4d40-880d-1d9006d7154e",
|
|
7246
|
+
"description": "Angle of the strikethrough line on an unavailable calendar day, in degrees (negative rotates counter-clockwise from horizontal)"
|
|
7247
|
+
},
|
|
7248
|
+
{
|
|
7249
|
+
"name": {
|
|
7250
|
+
"component": "date-picker",
|
|
7251
|
+
"anatomy": "in-field-button",
|
|
7252
|
+
"property": "gap",
|
|
7253
|
+
"legacyKey": "date-picker-text-to-in-field-button"
|
|
7254
|
+
},
|
|
7255
|
+
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
7256
|
+
"value": "20px",
|
|
7257
|
+
"uuid": "19864654-c28c-4ad9-b35d-c669b33c5b9c",
|
|
7258
|
+
"description": "Spacing between date field value and the in-field calendar button"
|
|
7195
7259
|
}
|
|
7196
7260
|
]
|