@adobe/spectrum-tokens 13.0.0-beta.2 → 13.0.0-beta.4

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 +82 -0
  2. package/dist/json/drover.json +57 -6
  3. package/dist/json/variables.json +693 -284
  4. package/package.json +1 -1
  5. package/src/color-aliases.json +10 -70
  6. package/src/color-palette.json +2 -2
  7. package/src/layout-component.json +573 -44
  8. package/src/layout.json +72 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,87 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.4
4
+
5
+ ### Major Changes
6
+
7
+ - a08dced: A handful of values transitioned from being defined per-set to being constants; set values are deprecated and root values are defined.
8
+
9
+ ## Token Diff
10
+
11
+ _Token values updated (5):_
12
+
13
+ - `neutral-background-color-default`: changed from a color-set to a single value of a reference of `gray-800`
14
+ - `neutral-background-color-down`: changed from a color-set to a single value of a reference of `gray-900`
15
+ - `neutral-background-color-hover`: changed from a color-set to a single value of a reference of `gray-900`
16
+ - `neutral-background-color-key-focus`: changed from a color-set to a single value of a reference of `gray-900`
17
+ - `notice-background-color-default`: changed from a color-set to a single value of a reference of `notice-color-800`
18
+
19
+ ### Patch Changes
20
+
21
+ - c0a10b4: fix: rgb used instead of rgba for a couple tokens
22
+
23
+ ## 13.0.0-beta.3
24
+
25
+ ### Patch Changes
26
+
27
+ - a546ef7: Returned some tokens that were removed by accident in the previous merging.
28
+
29
+ ## Token Diff
30
+
31
+ _Tokens added (51):_
32
+
33
+ - `checkbox-control-size-extra-large`
34
+ - `checkbox-control-size-large`
35
+ - `checkbox-control-size-medium`
36
+ - `checkbox-control-size-small`
37
+ - `checkbox-top-to-control-extra-large`
38
+ - `checkbox-top-to-control-large`
39
+ - `checkbox-top-to-control-medium`
40
+ - `checkbox-top-to-control-small`
41
+ - `color-area-border-rounding`
42
+ - `corner-radius-100`
43
+ - `corner-radius-200`
44
+ - `corner-radius-75`
45
+ - `drop-shadow-blur`
46
+ - `drop-shadow-x`
47
+ - `drop-shadow-y`
48
+ - `radio-button-control-size-extra-large`
49
+ - `radio-button-control-size-large`
50
+ - `radio-button-control-size-medium`
51
+ - `radio-button-control-size-small`
52
+ - `radio-button-top-to-control-extra-large`
53
+ - `radio-button-top-to-control-large`
54
+ - `radio-button-top-to-control-medium`
55
+ - `radio-button-top-to-control-small`
56
+ - `slider-bottom-to-handle-extra-large`
57
+ - `slider-bottom-to-handle-large`
58
+ - `slider-bottom-to-handle-medium`
59
+ - `slider-bottom-to-handle-small`
60
+ - `slider-control-height-extra-large`
61
+ - `slider-control-height-large`
62
+ - `slider-control-height-medium`
63
+ - `slider-control-height-small`
64
+ - `slider-handle-border-width-down-extra-large`
65
+ - `slider-handle-border-width-down-large`
66
+ - `slider-handle-border-width-down-medium`
67
+ - `slider-handle-border-width-down-small`
68
+ - `slider-handle-size-extra-large`
69
+ - `slider-handle-size-large`
70
+ - `slider-handle-size-medium`
71
+ - `slider-handle-size-small`
72
+ - `switch-control-height-extra-large`
73
+ - `switch-control-height-large`
74
+ - `switch-control-height-medium`
75
+ - `switch-control-height-small`
76
+ - `switch-control-width-extra-large`
77
+ - `switch-control-width-large`
78
+ - `switch-control-width-medium`
79
+ - `switch-control-width-small`
80
+ - `switch-top-to-control-extra-large`
81
+ - `switch-top-to-control-large`
82
+ - `switch-top-to-control-medium`
83
+ - `switch-top-to-control-small`
84
+
3
85
  ## 13.0.0-beta.2
4
86
 
5
87
  ### Major Changes
package/dist/json/drover.json CHANGED
@@ -447,7 +447,7 @@
447
447
  "transparent-black-700": "rgba(0, 0, 0, 0.69)",
448
448
  "transparent-black-75": "rgba(0, 0, 0, 0.05)",
449
449
  "transparent-black-800": "rgba(0, 0, 0, 0.84)",
450
- "transparent-black-900": "rgb(0, 0, 0, 0.93)",
450
+ "transparent-black-900": "rgba(0, 0, 0, 0.93)",
451
451
  "transparent-white-100": "rgba(255, 255, 255, 0.11)",
452
452
  "transparent-white-1000": "rgb(255, 255, 255)",
453
453
  "transparent-white-200": "rgba(255, 255, 255, 0.14)",
@@ -460,7 +460,7 @@
460
460
  "transparent-white-700": "rgba(255, 255, 255, 0.66)",
461
461
  "transparent-white-75": "rgba(255, 255, 255, 0.07)",
462
462
  "transparent-white-800": "rgba(255, 255, 255, 0.85)",
463
- "transparent-white-900": "rgb(255, 255, 255, 0.94)",
463
+ "transparent-white-900": "rgba(255, 255, 255, 0.94)",
464
464
  "white": "rgb(255, 255, 255)",
465
465
  "yellow-100": "rgb(255, 248, 204)",
466
466
  "yellow-1000": "rgb(134, 85, 0)",
@@ -917,7 +917,7 @@
917
917
  "transparent-black-700": "rgba(0, 0, 0, 0.69)",
918
918
  "transparent-black-75": "rgba(0, 0, 0, 0.05)",
919
919
  "transparent-black-800": "rgba(0, 0, 0, 0.84)",
920
- "transparent-black-900": "rgb(0, 0, 0, 0.93)",
920
+ "transparent-black-900": "rgba(0, 0, 0, 0.93)",
921
921
  "transparent-white-100": "rgba(255, 255, 255, 0.11)",
922
922
  "transparent-white-1000": "rgb(255, 255, 255)",
923
923
  "transparent-white-200": "rgba(255, 255, 255, 0.14)",
@@ -930,7 +930,7 @@
930
930
  "transparent-white-700": "rgba(255, 255, 255, 0.66)",
931
931
  "transparent-white-75": "rgba(255, 255, 255, 0.07)",
932
932
  "transparent-white-800": "rgba(255, 255, 255, 0.85)",
933
- "transparent-white-900": "rgb(255, 255, 255, 0.94)",
933
+ "transparent-white-900": "rgba(255, 255, 255, 0.94)",
934
934
  "white": "rgb(255, 255, 255)",
935
935
  "yellow-100": "rgb(37, 23, 0)",
936
936
  "yellow-1000": "rgb(200, 138, 0)",
@@ -984,7 +984,7 @@
984
984
  "transparent-black-700": "rgba(0, 0, 0, 0.69)",
985
985
  "transparent-black-75": "rgba(0, 0, 0, 0.05)",
986
986
  "transparent-black-800": "rgba(0, 0, 0, 0.84)",
987
- "transparent-black-900": "rgb(0, 0, 0, 0.93)",
987
+ "transparent-black-900": "rgba(0, 0, 0, 0.93)",
988
988
  "transparent-white-100": "rgba(255, 255, 255, 0.11)",
989
989
  "transparent-white-1000": "rgb(255, 255, 255)",
990
990
  "transparent-white-200": "rgba(255, 255, 255, 0.14)",
@@ -997,7 +997,7 @@
997
997
  "transparent-white-700": "rgba(255, 255, 255, 0.66)",
998
998
  "transparent-white-75": "rgba(255, 255, 255, 0.07)",
999
999
  "transparent-white-800": "rgba(255, 255, 255, 0.85)",
1000
- "transparent-white-900": "rgb(255, 255, 255, 0.94)",
1000
+ "transparent-white-900": "rgba(255, 255, 255, 0.94)",
1001
1001
  "white": "rgb(255, 255, 255)"
1002
1002
  }
1003
1003
  },
@@ -1110,6 +1110,14 @@
1110
1110
  "character-count-to-field-quiet-large": "-3px",
1111
1111
  "character-count-to-field-quiet-medium": "-3px",
1112
1112
  "character-count-to-field-quiet-small": "-3px",
1113
+ "checkbox-control-size-extra-large": "18px",
1114
+ "checkbox-control-size-large": "16px",
1115
+ "checkbox-control-size-medium": "14px",
1116
+ "checkbox-control-size-small": "12px",
1117
+ "checkbox-top-to-control-extra-large": "15px",
1118
+ "checkbox-top-to-control-large": "12px",
1119
+ "checkbox-top-to-control-medium": "9px",
1120
+ "checkbox-top-to-control-small": "6px",
1113
1121
  "cjk-letter-spacing": "0.05em",
1114
1122
  "cjk-line-height-100": "1.5",
1115
1123
  "cjk-line-height-200": "1.7",
@@ -1131,6 +1139,7 @@
1131
1139
  "code-size-xl": "20px",
1132
1140
  "code-size-xs": "12px",
1133
1141
  "color-area-border-opacity": "0.1",
1142
+ "color-area-border-rounding": "4px",
1134
1143
  "color-area-border-width": "1px",
1135
1144
  "color-area-height": "192px",
1136
1145
  "color-area-minimum-height": "64px",
@@ -1222,6 +1231,9 @@
1222
1231
  "contextual-help-body-size": "18px",
1223
1232
  "contextual-help-minimum-width": "268px",
1224
1233
  "contextual-help-title-size": "16px",
1234
+ "corner-radius-100": "4px",
1235
+ "corner-radius-200": "8px",
1236
+ "corner-radius-75": "2px",
1225
1237
  "detail-cjk-line-height": "1.5",
1226
1238
  "detail-letter-spacing": "0.06em",
1227
1239
  "detail-line-height": "1.3",
@@ -1238,6 +1250,9 @@
1238
1250
  "divider-thickness-large": "4px",
1239
1251
  "divider-thickness-medium": "2px",
1240
1252
  "divider-thickness-small": "1px",
1253
+ "drop-shadow-blur": "4px",
1254
+ "drop-shadow-x": "0px",
1255
+ "drop-shadow-y": "1px",
1241
1256
  "drop-zone-background-color-opacity": "0.1",
1242
1257
  "drop-zone-background-color-opacity-filled": "0.3",
1243
1258
  "drop-zone-body-size": "14px",
@@ -1428,7 +1443,15 @@
1428
1443
  "progress-circle-thickness-large": "4px",
1429
1444
  "progress-circle-thickness-medium": "3px",
1430
1445
  "progress-circle-thickness-small": "2px",
1446
+ "radio-button-control-size-extra-large": "18px",
1447
+ "radio-button-control-size-large": "16px",
1448
+ "radio-button-control-size-medium": "14px",
1449
+ "radio-button-control-size-small": "12px",
1431
1450
  "radio-button-selection-indicator": "4px",
1451
+ "radio-button-top-to-control-extra-large": "15px",
1452
+ "radio-button-top-to-control-large": "12px",
1453
+ "radio-button-top-to-control-medium": "9px",
1454
+ "radio-button-top-to-control-small": "6px",
1432
1455
  "rating-indicator-to-icon": "4px",
1433
1456
  "rating-indicator-width": "18px",
1434
1457
  "side-label-character-count-to-field": "12px",
@@ -1446,11 +1469,27 @@
1446
1469
  "side-navigation-width": "192px",
1447
1470
  "side-navigation-with-icon-second-level-edge-to-text": "50px",
1448
1471
  "side-navigation-with-icon-third-level-edge-to-text": "62px",
1472
+ "slider-bottom-to-handle-extra-large": "14px",
1473
+ "slider-bottom-to-handle-large": "11px",
1474
+ "slider-bottom-to-handle-medium": "8px",
1475
+ "slider-bottom-to-handle-small": "5px",
1476
+ "slider-control-height-extra-large": "20px",
1477
+ "slider-control-height-large": "18px",
1478
+ "slider-control-height-medium": "16px",
1479
+ "slider-control-height-small": "14px",
1449
1480
  "slider-control-to-field-label-extra-large": "14px",
1450
1481
  "slider-control-to-field-label-large": "11px",
1451
1482
  "slider-control-to-field-label-medium": "8px",
1452
1483
  "slider-control-to-field-label-small": "5px",
1484
+ "slider-handle-border-width-down-extra-large": "8px",
1485
+ "slider-handle-border-width-down-large": "7px",
1486
+ "slider-handle-border-width-down-medium": "6px",
1487
+ "slider-handle-border-width-down-small": "5px",
1453
1488
  "slider-handle-gap": "4px",
1489
+ "slider-handle-size-extra-large": "20px",
1490
+ "slider-handle-size-large": "18px",
1491
+ "slider-handle-size-medium": "16px",
1492
+ "slider-handle-size-small": "14px",
1454
1493
  "slider-track-thickness": "2px",
1455
1494
  "spacing-100": "8px",
1456
1495
  "spacing-1000": "96px",
@@ -1482,6 +1521,18 @@
1482
1521
  "swatch-slash-thickness-large": "5px",
1483
1522
  "swatch-slash-thickness-medium": "4px",
1484
1523
  "swatch-slash-thickness-small": "3px",
1524
+ "switch-control-height-extra-large": "18px",
1525
+ "switch-control-height-large": "16px",
1526
+ "switch-control-height-medium": "14px",
1527
+ "switch-control-height-small": "12px",
1528
+ "switch-control-width-extra-large": "33px",
1529
+ "switch-control-width-large": "29px",
1530
+ "switch-control-width-medium": "26px",
1531
+ "switch-control-width-small": "23px",
1532
+ "switch-top-to-control-extra-large": "15px",
1533
+ "switch-top-to-control-large": "12px",
1534
+ "switch-top-to-control-medium": "9px",
1535
+ "switch-top-to-control-small": "6px",
1485
1536
  "tab-item-bottom-to-text-compact-extra-large": "13px",
1486
1537
  "tab-item-bottom-to-text-compact-large": "12px",
1487
1538
  "tab-item-bottom-to-text-compact-medium": "8px",