@adobe/spectrum-tokens 12.0.0 → 12.1.1

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 +2 -47
  2. package/dist/json/drover.json +85 -1
  3. package/dist/json/variables.json +767 -112
  4. package/package.json +4 -4
  5. package/src/color-component.json +47 -0
  6. package/src/layout-component.json +588 -2
  7. package/src/layout.json +20 -0
  8. package/jest.config.cjs +0 -22
package/CHANGELOG.md CHANGED
@@ -1,51 +1,6 @@
1
- # [12.0.0](https://github.com/adobe/spectrum-tokens/compare/v11.0.0...v12.0.0) (2023-02-14)
1
+ ## [12.1.1](https://github.com/adobe/spectrum-tokens/compare/v12.1.0...v12.1.1) (2023-03-21)
2
2
 
3
3
 
4
4
  ### Bug Fixes
5
5
 
6
- * .releaserc config updated to treat beta as a release branch] ([8f54fa5](https://github.com/adobe/spectrum-tokens/commit/8f54fa525210d1d915d22b5ff39f8f218b243708))
7
- * fixed missing token sets for color loupe ([7de5d5b](https://github.com/adobe/spectrum-tokens/commit/7de5d5bf4148e565336b65aed8691275896c0b87))
8
- * heading-cjk-light-strong-emphasized-font-weight should be font-weight-extra-bold ([db7ce60](https://github.com/adobe/spectrum-tokens/commit/db7ce6071bf643387d4dfa129614d95e50187195))
9
- * missing units on `toast-maximum-width` ([9b0fa71](https://github.com/adobe/spectrum-tokens/commit/9b0fa716b28c7618e7c2cf2314692d20a54c8b71))
10
- * orange bugs in notice and visual color ([1606dea](https://github.com/adobe/spectrum-tokens/commit/1606dea473a6f415fd51914cd6cc670c67dbc2b9))
11
- * rename meter-thinkness-medium; closes DNA-1224 ([#75](https://github.com/adobe/spectrum-tokens/issues/75)) ([bcd839f](https://github.com/adobe/spectrum-tokens/commit/bcd839fa92cb9fde155a6e3ac398b7ab86984993))
12
- * token name typo ([007da82](https://github.com/adobe/spectrum-tokens/commit/007da828661f97ea7f8880b795d8571f3a0026d2))
13
- * trigger release ([44d7637](https://github.com/adobe/spectrum-tokens/commit/44d7637db052d168dd23de42c2246ff66124e128))
14
- * typo in typography - changed `spectrum for express` to `express` ([e19eea3](https://github.com/adobe/spectrum-tokens/commit/e19eea3f8253096f031897a5c69c7e86fee555ea))
15
-
16
-
17
- * ci!: merge branch 'next-major' into beta ([1e6cdd2](https://github.com/adobe/spectrum-tokens/commit/1e6cdd2536950871500471bef39219f705d43b9e))
18
-
19
-
20
- ### Features
21
-
22
- * add border-400 and opacity-disabled ([0447910](https://github.com/adobe/spectrum-tokens/commit/0447910f99577ad5206937ba3b234b4996ae00b4))
23
- * added alert-banner tokens ([626d3ab](https://github.com/adobe/spectrum-tokens/commit/626d3abfd80d04abe31f9b835c4202908416444e))
24
- * added detail typography tokens for uppercase, DNA-1257 ([a4fce7e](https://github.com/adobe/spectrum-tokens/commit/a4fce7e3b197f23f92a5f8f869d4cf11f32339dc))
25
- * added dropzone tokens, DNA-1258 ([c0ce9df](https://github.com/adobe/spectrum-tokens/commit/c0ce9dfe39f0a9a22ac5b3ba31bebb4c80aa48e4))
26
- * added field-width token ([8894edd](https://github.com/adobe/spectrum-tokens/commit/8894edde8c6bf87e359b9a400ccc8e1325f94754))
27
- * added illustrated-message tokens ([3326f28](https://github.com/adobe/spectrum-tokens/commit/3326f28d285a7cbbc9c97d74d7ca032e2442a79f))
28
- * added missing field-edge-to-visual-quiet token ([4250036](https://github.com/adobe/spectrum-tokens/commit/4250036a7923837a2e28937812b2488c40f29b61))
29
- * added new alert dialog typography tokens, DNA-1255 ([f590663](https://github.com/adobe/spectrum-tokens/commit/f590663292178e5d261013d4e830de487fcadd25))
30
- * added rating indicator tokens ([1df0d94](https://github.com/adobe/spectrum-tokens/commit/1df0d94a0ab283a6fe33ecdf9b9725c1fc9cc357))
31
- * added search-field tokens ([3f8f544](https://github.com/adobe/spectrum-tokens/commit/3f8f54493eec685897429b6379345889073f84a3))
32
- * adding color area tokens (DNA-1234) ([28f42bc](https://github.com/adobe/spectrum-tokens/commit/28f42bcc06e5b0be5c6ce26d01c607a3c6b2b90b))
33
- * adding floating action button shadow blur token (DNA-1246) ([840c48f](https://github.com/adobe/spectrum-tokens/commit/840c48f1631ff576fc98aa1c6acc18d330857643))
34
- * adds alert dialog tokens; closes DNA-1223 ([ed9a705](https://github.com/adobe/spectrum-tokens/commit/ed9a7054a285dbed6d0c5f4aaedf6e74c29412fb))
35
- * adds navigational indicator tokens (DNA-1236) ([c4eb51c](https://github.com/adobe/spectrum-tokens/commit/c4eb51c4e0deb62c11aac5e18f91ccc4a27c42e8))
36
- * adds thumbnail tokens; closes DNA-1221 ([086e6fa](https://github.com/adobe/spectrum-tokens/commit/086e6fae30813fc332da45836c732ade588e93ba))
37
- * color loupe tokens, DNA-1249 ([4169f4a](https://github.com/adobe/spectrum-tokens/commit/4169f4a9548169b855fdd78ae918f74935cc0306))
38
- * color-slider tokens (DNA-1238) ([524feaf](https://github.com/adobe/spectrum-tokens/commit/524feaf43ead77ffb681e8ca35dc69182064ef95))
39
- * color-wheeeeeeeeeeeeeeeeel tokens (DNA-1235) ([9c8daac](https://github.com/adobe/spectrum-tokens/commit/9c8daace803665f1cd5196deb5c016dba33a2fb1))
40
- * new card tokens, DNA-1250 ([c9e3bdd](https://github.com/adobe/spectrum-tokens/commit/c9e3bdd24d77659b174e350a5671067bb019a081))
41
- * new typography color tokens, DNA-1254 ([b836ae5](https://github.com/adobe/spectrum-tokens/commit/b836ae5e47014e6a5eca23e9e574b5f6d27a04b1))
42
- * rename typography tokens, new heading tokens (DNA-1242, DNA-1243) ([ffe856a](https://github.com/adobe/spectrum-tokens/commit/ffe856afbeb67924043c6e86a045cf76e2923bbe))
43
- * Typography updated ([#76](https://github.com/adobe/spectrum-tokens/issues/76)) ([83b8c74](https://github.com/adobe/spectrum-tokens/commit/83b8c741a9f3cacee2b36d188dc94c82ef9827ad))
44
- * update field label values (DNA-1240) ([e9ed057](https://github.com/adobe/spectrum-tokens/commit/e9ed057f76d6cc86f706c87438df2ef4d1737621))
45
- * update side label character count spacing (DNA-1241) ([2738648](https://github.com/adobe/spectrum-tokens/commit/2738648704acc73f35d7eeefb71ff5928f7ef01f))
46
- * updated color-wheel-minimum-width and added color-wheel-width, DNA-1256 ([57ee5f4](https://github.com/adobe/spectrum-tokens/commit/57ee5f425abde5941c486224c91b3bd4d82a3261))
47
-
48
-
49
- ### BREAKING CHANGES
50
-
51
- * moving to new format, a departure from v11.x.x
6
+ * add 'px' to zero length value in combobox token ([2ad7205](https://github.com/adobe/spectrum-tokens/commit/2ad7205f7be79edeea18205cab8adefbb6717962))
package/dist/json/drover.json CHANGED
@@ -90,9 +90,18 @@
90
90
  "chartreuse-900": "rgb(87, 116, 0)",
91
91
  "chartreuse-background-color-default": "rgb(152, 197, 10)",
92
92
  "chartreuse-visual-color": "rgb(135, 177, 3)",
93
+ "coach-mark-pagination-color": "rgb(109, 109, 109)",
93
94
  "code-color": "rgb(34, 34, 34)",
94
95
  "color-area-border-color": "rgb(0, 0, 0)",
95
96
  "color-area-border-width": "1px",
97
+ "color-handle-drop-shadow-blur": "0",
98
+ "color-handle-drop-shadow-x": "0",
99
+ "color-handle-drop-shadow-y": "0",
100
+ "color-handle-inner-border-color": "rgb(0, 0, 0)",
101
+ "color-handle-inner-border-opacity": "0.42",
102
+ "color-handle-outer-border-color": "rgb(0, 0, 0)",
103
+ "color-handle-outer-border-opacity": "0.42",
104
+ "color-handle-outer-border-width": "1px",
96
105
  "color-loupe-bottom-to-color-handle": "12px",
97
106
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
98
107
  "color-loupe-height": "64px",
@@ -320,6 +329,7 @@
320
329
  "orange-visual-color": "rgb(228, 111, 0)",
321
330
  "overlay-color": "rgb(0, 0, 0)",
322
331
  "overlay-opacity": "0.4",
332
+ "picker-border-width": "1px",
323
333
  "positive-background-color-default": "rgb(0, 122, 77)",
324
334
  "positive-background-color-down": "rgb(0, 81, 50)",
325
335
  "positive-background-color-hover": "rgb(0, 101, 62)",
@@ -509,9 +519,18 @@
509
519
  "chartreuse-900": "rgb(148, 192, 8)",
510
520
  "chartreuse-background-color-default": "rgb(148, 192, 8)",
511
521
  "chartreuse-visual-color": "rgb(148, 192, 8)",
522
+ "coach-mark-pagination-color": "rgb(178, 178, 178)",
512
523
  "code-color": "rgb(235, 235, 235)",
513
524
  "color-area-border-color": "rgb(255, 255, 255)",
514
525
  "color-area-border-width": "1px",
526
+ "color-handle-drop-shadow-blur": "0",
527
+ "color-handle-drop-shadow-x": "0",
528
+ "color-handle-drop-shadow-y": "0",
529
+ "color-handle-inner-border-color": "rgb(0, 0, 0)",
530
+ "color-handle-inner-border-opacity": "0.42",
531
+ "color-handle-outer-border-color": "rgb(0, 0, 0)",
532
+ "color-handle-outer-border-opacity": "0.42",
533
+ "color-handle-outer-border-width": "1px",
515
534
  "color-loupe-bottom-to-color-handle": "12px",
516
535
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
517
536
  "color-loupe-height": "64px",
@@ -739,6 +758,7 @@
739
758
  "orange-visual-color": "rgb(254, 154, 46)",
740
759
  "overlay-color": "rgb(0, 0, 0)",
741
760
  "overlay-opacity": "0.5",
761
+ "picker-border-width": "1px",
742
762
  "positive-background-color-default": "rgb(0, 125, 78)",
743
763
  "positive-background-color-down": "rgb(0, 92, 56)",
744
764
  "positive-background-color-hover": "rgb(0, 108, 67)",
@@ -928,9 +948,18 @@
928
948
  "chartreuse-900": "rgb(138, 180, 3)",
929
949
  "chartreuse-background-color-default": "rgb(138, 180, 3)",
930
950
  "chartreuse-visual-color": "rgb(138, 180, 3)",
951
+ "coach-mark-pagination-color": "rgb(176, 176, 176)",
931
952
  "code-color": "rgb(235, 235, 235)",
932
953
  "color-area-border-color": "rgb(255, 255, 255)",
933
954
  "color-area-border-width": "1px",
955
+ "color-handle-drop-shadow-blur": "0",
956
+ "color-handle-drop-shadow-x": "0",
957
+ "color-handle-drop-shadow-y": "0",
958
+ "color-handle-inner-border-color": "rgb(0, 0, 0)",
959
+ "color-handle-inner-border-opacity": "0.42",
960
+ "color-handle-outer-border-color": "rgb(0, 0, 0)",
961
+ "color-handle-outer-border-opacity": "0.42",
962
+ "color-handle-outer-border-width": "1px",
934
963
  "color-loupe-bottom-to-color-handle": "12px",
935
964
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
936
965
  "color-loupe-height": "64px",
@@ -1158,6 +1187,7 @@
1158
1187
  "orange-visual-color": "rgb(249, 137, 23)",
1159
1188
  "overlay-color": "rgb(0, 0, 0)",
1160
1189
  "overlay-opacity": "0.6",
1190
+ "picker-border-width": "1px",
1161
1191
  "positive-background-color-default": "rgb(0, 130, 82)",
1162
1192
  "positive-background-color-down": "rgb(0, 93, 57)",
1163
1193
  "positive-background-color-hover": "rgb(0, 111, 69)",
@@ -1272,6 +1302,37 @@
1272
1302
  "dimensions": {
1273
1303
  "description": "A scale stop of a given size",
1274
1304
  "scale-factor": "1",
1305
+ "accordion-bottom-to-text-compact-extra-large": "8px",
1306
+ "accordion-bottom-to-text-compact-large": "8px",
1307
+ "accordion-bottom-to-text-compact-medium": "5px",
1308
+ "accordion-bottom-to-text-compact-small": "2px",
1309
+ "accordion-bottom-to-text-regular-extra-large": "12px",
1310
+ "accordion-bottom-to-text-regular-large": "11px",
1311
+ "accordion-bottom-to-text-regular-medium": "9px",
1312
+ "accordion-bottom-to-text-regular-small": "7px",
1313
+ "accordion-bottom-to-text-spacious-extra-large": "16px",
1314
+ "accordion-bottom-to-text-spacious-large": "16px",
1315
+ "accordion-bottom-to-text-spacious-medium": "13px",
1316
+ "accordion-bottom-to-text-spacious-small": "11px",
1317
+ "accordion-content-area-bottom-to-content": "16px",
1318
+ "accordion-content-area-top-to-content": "8px",
1319
+ "accordion-disclosure-indicator-to-text": "0px",
1320
+ "accordion-edge-to-disclosure-indicator": "0px",
1321
+ "accordion-edge-to-text": "0px",
1322
+ "accordion-focus-indicator-gap": "0px",
1323
+ "accordion-minimum-width": "200px",
1324
+ "accordion-small-top-to-text-spacious": "9px",
1325
+ "accordion-top-to-text-compact-extra-large": "5px",
1326
+ "accordion-top-to-text-compact-large": "4px",
1327
+ "accordion-top-to-text-compact-medium": "4px",
1328
+ "accordion-top-to-text-compact-small": "2px",
1329
+ "accordion-top-to-text-regular-extra-large": "9px",
1330
+ "accordion-top-to-text-regular-large": "9px",
1331
+ "accordion-top-to-text-regular-medium": "8px",
1332
+ "accordion-top-to-text-regular-small": "5px",
1333
+ "accordion-top-to-text-spacious-extra-large": "13px",
1334
+ "accordion-top-to-text-spacious-large": "12px",
1335
+ "accordion-top-to-text-spacious-medium": "12px",
1275
1336
  "action-bar-height": "48px",
1276
1337
  "action-bar-top-to-item-counter": "14px",
1277
1338
  "action-button-edge-to-hold-icon-extra-large": "6px",
@@ -1355,6 +1416,10 @@
1355
1416
  "cjk-letter-spacing": "0.05em",
1356
1417
  "cjk-line-height-100": "1.5",
1357
1418
  "cjk-line-height-200": "1.7",
1419
+ "coach-mark-edge-to-content": "24px",
1420
+ "coach-mark-media-minimum-height": "166px",
1421
+ "coach-mark-minimum-width": "296px",
1422
+ "coach-mark-pagination-text-to-bottom-edge": "33px",
1358
1423
  "code-cjk-line-height": "1.7",
1359
1424
  "code-line-height": "1.5",
1360
1425
  "code-size-l": "18px",
@@ -1369,6 +1434,17 @@
1369
1434
  "color-area-minimum-width": "64px",
1370
1435
  "color-area-width": "192px",
1371
1436
  "color-control-track-width": "24px",
1437
+ "color-handle-border-width": "2px",
1438
+ "color-handle-drop-shadow-blur": "0",
1439
+ "color-handle-drop-shadow-x": "0",
1440
+ "color-handle-drop-shadow-y": "0",
1441
+ "color-handle-inner-border-opacity": "0.42",
1442
+ "color-handle-inner-border-width": "1px",
1443
+ "color-handle-outer-border-color": "rgb(0, 0, 0)",
1444
+ "color-handle-outer-border-opacity": "0.42",
1445
+ "color-handle-outer-border-width": "1px",
1446
+ "color-handle-size": "16px",
1447
+ "color-handle-size-key-focus": "32px",
1372
1448
  "color-loupe-bottom-to-color-handle": "12px",
1373
1449
  "color-loupe-drop-shadow-blur": "8px",
1374
1450
  "color-loupe-drop-shadow-y": "2px",
@@ -1380,7 +1456,7 @@
1380
1456
  "color-slider-border-rounding": "4px",
1381
1457
  "color-slider-border-width": "1px",
1382
1458
  "color-slider-length": "192px",
1383
- "color-slider-minimum-length": "200px",
1459
+ "color-slider-minimum-length": "80px",
1384
1460
  "color-wheel-color-area-margin": "12px",
1385
1461
  "color-wheel-minimum-width": "175px",
1386
1462
  "color-wheel-width": "192px",
@@ -1388,6 +1464,7 @@
1388
1464
  "combo-box-visual-to-field-button-extra-large": "10px",
1389
1465
  "combo-box-visual-to-field-button-large": "9px",
1390
1466
  "combo-box-visual-to-field-button-medium": "8px",
1467
+ "combo-box-visual-to-field-button-quiet": "0px",
1391
1468
  "combo-box-visual-to-field-button-small": "7px",
1392
1469
  "component-bottom-to-text-100": "9px",
1393
1470
  "component-bottom-to-text-200": "11px",
@@ -1412,7 +1489,9 @@
1412
1489
  "component-height-100": "32px",
1413
1490
  "component-height-200": "40px",
1414
1491
  "component-height-300": "48px",
1492
+ "component-height-400": "56px",
1415
1493
  "component-height-50": "20px",
1494
+ "component-height-500": "64px",
1416
1495
  "component-height-75": "24px",
1417
1496
  "component-pill-edge-to-text-100": "16px",
1418
1497
  "component-pill-edge-to-text-200": "20px",
@@ -1591,6 +1670,10 @@
1591
1670
  "menu-item-top-to-disclosure-icon-large": "14px",
1592
1671
  "menu-item-top-to-disclosure-icon-medium": "11px",
1593
1672
  "menu-item-top-to-disclosure-icon-small": "7px",
1673
+ "menu-item-top-to-selected-icon-extra-large": "17px",
1674
+ "menu-item-top-to-selected-icon-large": "14px",
1675
+ "menu-item-top-to-selected-icon-medium": "11px",
1676
+ "menu-item-top-to-selected-icon-small": "7px",
1594
1677
  "meter-default-width": "192px",
1595
1678
  "meter-maximum-width": "768px",
1596
1679
  "meter-minimum-width": "48px",
@@ -1602,6 +1685,7 @@
1602
1685
  "navigational-indicator-top-to-back-icon-small": "7px",
1603
1686
  "opacity-checkerboard-square-size": "8px",
1604
1687
  "opacity-disabled": "0.3",
1688
+ "picker-border-width": "1px",
1605
1689
  "picker-visual-to-disclosure-icon-extra-large": "10px",
1606
1690
  "picker-visual-to-disclosure-icon-large": "9px",
1607
1691
  "picker-visual-to-disclosure-icon-medium": "8px",