@adobe/spectrum-tokens 12.0.0-beta.62 → 12.0.0-beta.64
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 +6 -3
- package/commitlint.config.cjs +19 -0
- package/dist/json/drover.json +37 -12
- package/dist/json/variables.json +684 -425
- package/{jest.config.js → jest.config.cjs} +1 -1
- package/package.json +5 -4
- package/src/color-aliases.json +40 -0
- package/src/color-component.json +16 -8
- package/src/layout-component.json +102 -153
- package/src/layout.json +54 -4
- package/src/typography.json +247 -218
- package/{config.js → tasks/buildSpectrumTokens.js} +4 -9
- package/commitlint.config.js +0 -3
- package/test/drover.test.js +0 -45
package/CHANGELOG.md
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
|
-
# [12.0.0-beta.
|
|
1
|
+
# [12.0.0-beta.64](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.63...v12.0.0-beta.64) (2023-01-11)
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
###
|
|
4
|
+
### Features
|
|
5
5
|
|
|
6
|
-
*
|
|
6
|
+
* adding floating action button shadow blur token (DNA-1246) ([840c48f](https://github.com/adobe/spectrum-tokens/commit/840c48f1631ff576fc98aa1c6acc18d330857643))
|
|
7
|
+
* rename typography tokens, new heading tokens (DNA-1242, DNA-1243) ([ffe856a](https://github.com/adobe/spectrum-tokens/commit/ffe856afbeb67924043c6e86a045cf76e2923bbe))
|
|
8
|
+
* update field label values (DNA-1240) ([e9ed057](https://github.com/adobe/spectrum-tokens/commit/e9ed057f76d6cc86f706c87438df2ef4d1737621))
|
|
9
|
+
* update side label character count spacing (DNA-1241) ([2738648](https://github.com/adobe/spectrum-tokens/commit/2738648704acc73f35d7eeefb71ff5928f7ef01f))
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright 2022 Adobe. All rights reserved.
|
|
3
|
+
This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
+
of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
+
|
|
7
|
+
Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
+
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
+
OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
+
governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
/*
|
|
13
|
+
* For a detailed explanation regarding each configuration property, visit:
|
|
14
|
+
* https://jestjs.io/docs/configuration
|
|
15
|
+
*/
|
|
16
|
+
|
|
17
|
+
module.exports = {
|
|
18
|
+
extends: ["@commitlint/config-conventional"],
|
|
19
|
+
};
|
package/dist/json/drover.json
CHANGED
|
@@ -90,6 +90,7 @@
|
|
|
90
90
|
"chartreuse-visual-color": "rgb(135, 177, 3)",
|
|
91
91
|
"color-area-border-color": "rgb(0, 0, 0)",
|
|
92
92
|
"color-area-border-width": "1px",
|
|
93
|
+
"color-slider-border-color": "rgb(0, 0, 0)",
|
|
93
94
|
"cyan-100": "rgb(197, 248, 255)",
|
|
94
95
|
"cyan-1000": "rgb(0, 93, 137)",
|
|
95
96
|
"cyan-1100": "rgb(0, 74, 115)",
|
|
@@ -251,6 +252,10 @@
|
|
|
251
252
|
"neutral-background-color-down": "rgb(0, 0, 0)",
|
|
252
253
|
"neutral-background-color-hover": "rgb(0, 0, 0)",
|
|
253
254
|
"neutral-background-color-key-focus": "rgb(0, 0, 0)",
|
|
255
|
+
"neutral-background-color-selected-default": "rgb(70, 70, 70)",
|
|
256
|
+
"neutral-background-color-selected-down": "rgb(0, 0, 0)",
|
|
257
|
+
"neutral-background-color-selected-hover": "rgb(34, 34, 34)",
|
|
258
|
+
"neutral-background-color-selected-key-focus": "rgb(34, 34, 34)",
|
|
254
259
|
"neutral-content-color-default": "rgb(34, 34, 34)",
|
|
255
260
|
"neutral-content-color-down": "rgb(0, 0, 0)",
|
|
256
261
|
"neutral-content-color-focus": "rgb(0, 0, 0)",
|
|
@@ -491,6 +496,7 @@
|
|
|
491
496
|
"chartreuse-visual-color": "rgb(148, 192, 8)",
|
|
492
497
|
"color-area-border-color": "rgb(255, 255, 255)",
|
|
493
498
|
"color-area-border-width": "1px",
|
|
499
|
+
"color-slider-border-color": "rgb(255, 255, 255)",
|
|
494
500
|
"cyan-100": "rgb(0, 61, 98)",
|
|
495
501
|
"cyan-1000": "rgb(84, 211, 241)",
|
|
496
502
|
"cyan-1100": "rgb(127, 228, 249)",
|
|
@@ -652,6 +658,10 @@
|
|
|
652
658
|
"neutral-background-color-down": "rgb(63, 63, 63)",
|
|
653
659
|
"neutral-background-color-hover": "rgb(84, 84, 84)",
|
|
654
660
|
"neutral-background-color-key-focus": "rgb(84, 84, 84)",
|
|
661
|
+
"neutral-background-color-selected-default": "rgb(209, 209, 209)",
|
|
662
|
+
"neutral-background-color-selected-down": "rgb(255, 255, 255)",
|
|
663
|
+
"neutral-background-color-selected-hover": "rgb(235, 235, 235)",
|
|
664
|
+
"neutral-background-color-selected-key-focus": "rgb(235, 235, 235)",
|
|
655
665
|
"neutral-content-color-default": "rgb(235, 235, 235)",
|
|
656
666
|
"neutral-content-color-down": "rgb(255, 255, 255)",
|
|
657
667
|
"neutral-content-color-focus": "rgb(255, 255, 255)",
|
|
@@ -892,6 +902,7 @@
|
|
|
892
902
|
"chartreuse-visual-color": "rgb(138, 180, 3)",
|
|
893
903
|
"color-area-border-color": "rgb(255, 255, 255)",
|
|
894
904
|
"color-area-border-width": "1px",
|
|
905
|
+
"color-slider-border-color": "rgb(255, 255, 255)",
|
|
895
906
|
"cyan-100": "rgb(0, 41, 68)",
|
|
896
907
|
"cyan-1000": "rgb(57, 199, 234)",
|
|
897
908
|
"cyan-1100": "rgb(96, 216, 243)",
|
|
@@ -1053,6 +1064,10 @@
|
|
|
1053
1064
|
"neutral-background-color-down": "rgb(48, 48, 48)",
|
|
1054
1065
|
"neutral-background-color-hover": "rgb(75, 75, 75)",
|
|
1055
1066
|
"neutral-background-color-key-focus": "rgb(75, 75, 75)",
|
|
1067
|
+
"neutral-background-color-selected-default": "rgb(208, 208, 208)",
|
|
1068
|
+
"neutral-background-color-selected-down": "rgb(255, 255, 255)",
|
|
1069
|
+
"neutral-background-color-selected-hover": "rgb(235, 235, 235)",
|
|
1070
|
+
"neutral-background-color-selected-key-focus": "rgb(235, 235, 235)",
|
|
1056
1071
|
"neutral-content-color-default": "rgb(235, 235, 235)",
|
|
1057
1072
|
"neutral-content-color-down": "rgb(255, 255, 255)",
|
|
1058
1073
|
"neutral-content-color-focus": "rgb(255, 255, 255)",
|
|
@@ -1245,8 +1260,8 @@
|
|
|
1245
1260
|
"background-opacity-down": "0.1",
|
|
1246
1261
|
"background-opacity-hover": "0.1",
|
|
1247
1262
|
"background-opacity-key-focus": "0.1",
|
|
1263
|
+
"body-cjk-line-height": "1.7",
|
|
1248
1264
|
"body-line-height": "1.5",
|
|
1249
|
-
"body-line-height-cjk": "1.7",
|
|
1250
1265
|
"body-margin-multiplier": "0.75",
|
|
1251
1266
|
"body-size-l": "18px",
|
|
1252
1267
|
"body-size-m": "16px",
|
|
@@ -1292,8 +1307,11 @@
|
|
|
1292
1307
|
"checkbox-top-to-control-large": "12px",
|
|
1293
1308
|
"checkbox-top-to-control-medium": "9px",
|
|
1294
1309
|
"checkbox-top-to-control-small": "6px",
|
|
1310
|
+
"cjk-letter-spacing": "0.05em",
|
|
1311
|
+
"cjk-line-height-100": "1.5",
|
|
1312
|
+
"cjk-line-height-200": "1.7",
|
|
1313
|
+
"code-cjk-line-height": "1.7",
|
|
1295
1314
|
"code-line-height": "1.5",
|
|
1296
|
-
"code-line-height-cjk": "1.7",
|
|
1297
1315
|
"code-size-l": "18px",
|
|
1298
1316
|
"code-size-m": "16px",
|
|
1299
1317
|
"code-size-s": "14px",
|
|
@@ -1306,11 +1324,12 @@
|
|
|
1306
1324
|
"color-area-minimum-width": "64px",
|
|
1307
1325
|
"color-area-width": "192px",
|
|
1308
1326
|
"color-control-track-width": "24px",
|
|
1327
|
+
"color-slider-border-opacity": "0.1",
|
|
1309
1328
|
"color-slider-border-rounding": "4px",
|
|
1310
1329
|
"color-slider-border-width": "1px",
|
|
1311
1330
|
"color-slider-length": "192px",
|
|
1312
1331
|
"color-slider-minimum-length": "200px",
|
|
1313
|
-
"color-wheel-area-margin": "12px",
|
|
1332
|
+
"color-wheel-color-area-margin": "12px",
|
|
1314
1333
|
"color-wheel-minimum-width": "192px",
|
|
1315
1334
|
"combo-box-minimum-width-multiplier": "2.5",
|
|
1316
1335
|
"combo-box-visual-to-field-button-extra-large": "10px",
|
|
@@ -1372,9 +1391,9 @@
|
|
|
1372
1391
|
"corner-radius-100": "4px",
|
|
1373
1392
|
"corner-radius-200": "8px",
|
|
1374
1393
|
"corner-radius-75": "2px",
|
|
1394
|
+
"detail-cjk-line-height": "1.5",
|
|
1375
1395
|
"detail-letter-spacing": "0.06em",
|
|
1376
1396
|
"detail-line-height": "1.3",
|
|
1377
|
-
"detail-line-height-cjk": "1.5",
|
|
1378
1397
|
"detail-margin-bottom-multiplier": "0.25",
|
|
1379
1398
|
"detail-margin-top-mulitplier": "0.88888889",
|
|
1380
1399
|
"detail-size-l": "14px",
|
|
@@ -1416,8 +1435,8 @@
|
|
|
1416
1435
|
"field-label-to-component-quiet-large": "-12px",
|
|
1417
1436
|
"field-label-to-component-quiet-medium": "-8px",
|
|
1418
1437
|
"field-label-to-component-quiet-small": "-8px",
|
|
1419
|
-
"field-label-top-margin-extra-large": "
|
|
1420
|
-
"field-label-top-margin-large": "
|
|
1438
|
+
"field-label-top-margin-extra-large": "5px",
|
|
1439
|
+
"field-label-top-margin-large": "5px",
|
|
1421
1440
|
"field-label-top-margin-medium": "4px",
|
|
1422
1441
|
"field-label-top-margin-small": "0px",
|
|
1423
1442
|
"field-label-top-to-asterisk-extra-large": "19px",
|
|
@@ -1444,6 +1463,7 @@
|
|
|
1444
1463
|
"field-top-to-validation-icon-large": "14px",
|
|
1445
1464
|
"field-top-to-validation-icon-medium": "11px",
|
|
1446
1465
|
"field-top-to-validation-icon-small": "7px",
|
|
1466
|
+
"floating-action-button-drop-shadow-blur": "12px",
|
|
1447
1467
|
"focus-indicator-gap": "2px",
|
|
1448
1468
|
"focus-indicator-thickness": "2px",
|
|
1449
1469
|
"font-size-100": "14px",
|
|
@@ -1462,8 +1482,16 @@
|
|
|
1462
1482
|
"font-size-800": "32px",
|
|
1463
1483
|
"font-size-900": "36px",
|
|
1464
1484
|
"heading-cjk-font-weight": "extra-bold",
|
|
1485
|
+
"heading-cjk-line-height": "1.5",
|
|
1486
|
+
"heading-cjk-size-l": "25px",
|
|
1487
|
+
"heading-cjk-size-m": "20px",
|
|
1488
|
+
"heading-cjk-size-s": "18px",
|
|
1489
|
+
"heading-cjk-size-xl": "32px",
|
|
1490
|
+
"heading-cjk-size-xs": "16px",
|
|
1491
|
+
"heading-cjk-size-xxl": "36px",
|
|
1492
|
+
"heading-cjk-size-xxs": "14px",
|
|
1493
|
+
"heading-cjk-size-xxxl": "60px",
|
|
1465
1494
|
"heading-line-height": "1.3",
|
|
1466
|
-
"heading-line-height-cjk": "1.5",
|
|
1467
1495
|
"heading-margin-bottom-multiplier": "0.25",
|
|
1468
1496
|
"heading-margin-top-multiplier": "0.88888889",
|
|
1469
1497
|
"heading-sans-serif-emphasized-font-weight": "bold",
|
|
@@ -1484,11 +1512,8 @@
|
|
|
1484
1512
|
"help-text-top-to-workflow-icon-medium": "3px",
|
|
1485
1513
|
"help-text-top-to-workflow-icon-small": "4px",
|
|
1486
1514
|
"in-line-alert-minimum-width": "240px",
|
|
1487
|
-
"letter-spacing-cjk": "0.05em",
|
|
1488
1515
|
"line-height-100": "1.3",
|
|
1489
1516
|
"line-height-200": "1.5",
|
|
1490
|
-
"line-height-cjk-100": "1.5",
|
|
1491
|
-
"line-height-cjk-200": "1.7",
|
|
1492
1517
|
"menu-item-edge-to-content-not-selected-extra-large": "45px",
|
|
1493
1518
|
"menu-item-edge-to-content-not-selected-large": "38px",
|
|
1494
1519
|
"menu-item-edge-to-content-not-selected-medium": "32px",
|
|
@@ -1540,8 +1565,8 @@
|
|
|
1540
1565
|
"rating-indicator-to-icon": "4px",
|
|
1541
1566
|
"rating-indicator-width": "18px",
|
|
1542
1567
|
"side-label-character-count-to-field": "12px",
|
|
1543
|
-
"side-label-character-count-top-margin-extra-large": "
|
|
1544
|
-
"side-label-character-count-top-margin-large": "
|
|
1568
|
+
"side-label-character-count-top-margin-extra-large": "14px",
|
|
1569
|
+
"side-label-character-count-top-margin-large": "11px",
|
|
1545
1570
|
"side-label-character-count-top-margin-medium": "8px",
|
|
1546
1571
|
"side-label-character-count-top-margin-small": "4px",
|
|
1547
1572
|
"slider-bottom-to-handle-extra-large": "14px",
|