@adobe/spectrum-tokens 12.4.0 → 12.5.0-beta.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 (15) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/dist/json/drover.json +93 -15
  3. package/dist/json/variables.json +955 -69
  4. package/manifest.json +4 -8
  5. package/moon.yml +10 -0
  6. package/package.json +3 -3
  7. package/src/color-component.json +32 -8
  8. package/src/layout-component.json +778 -74
  9. package/tasks/buildManifest.js +12 -0
  10. package/tasks/buildSpectrumTokens.js +1 -1
  11. package/tasks/deprecateExpress.js +12 -0
  12. package/tasks/diff.js +12 -0
  13. package/tasks/lib/augmentExpressTokens.js +12 -0
  14. package/test/deprecateExpress.test.js +12 -0
  15. package/test/drover.test.js +12 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,54 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 12.5.0-beta.1
4
+
5
+ ### Minor Changes
6
+
7
+ - 75d4661: Added color tokens for the table component
8
+
9
+ ## 12.5.0-beta.0
10
+
11
+ ### Minor Changes
12
+
13
+ - beb4336: Added table tokens
14
+
15
+ ## 12.6.0
16
+
17
+ ### Minor Changes
18
+
19
+ - ee5bfd8: Adding a couple tokens to floating action button that should have been included earlier.
20
+ - 853d8c3: Removed express specific token data for color loupe and color handle
21
+ - c9e76ab: Contextual help did not have any type specific tokens when it was initially defined.
22
+
23
+ #### Token Diff
24
+
25
+ _Tokens added (4):_
26
+
27
+ - `floating-action-button-drop-shadow-y`
28
+ - `floating-action-button-shadow-color`
29
+ - `contextual-help-body-size`
30
+ - `contextual-help-title-size`
31
+
32
+ _Tokens values updated (7):_
33
+
34
+ - `color-handle-drop-shadow-blur`
35
+ - `color-handle-drop-shadow-x`
36
+ - `color-handle-drop-shadow-y`
37
+ - `color-handle-outer-border-opacity`
38
+ - `color-handle-outer-border-width`
39
+ - `color-handle-size`
40
+ - `color-handle-size-key-focus`
41
+
42
+ _Newly deprecated tokens (1):_
43
+
44
+ - `color-handle-drop-shadow-color`
45
+
46
+ ## 12.5.0
47
+
48
+ ### Minor Changes
49
+
50
+ - c1eaeee: Added new tokens for slider. Deprecated old slider tokens.
51
+
3
52
  ## 12.4.0
4
53
 
5
54
  ### Minor Changes
package/dist/json/drover.json CHANGED
@@ -94,14 +94,10 @@
94
94
  "code-color": "rgb(34, 34, 34)",
95
95
  "color-area-border-color": "rgb(0, 0, 0)",
96
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
97
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
101
98
  "color-handle-inner-border-opacity": "0.42",
102
99
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
103
100
  "color-handle-outer-border-opacity": "0.42",
104
- "color-handle-outer-border-width": "1px",
105
101
  "color-loupe-bottom-to-color-handle": "12px",
106
102
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
107
103
  "color-loupe-height": "64px",
@@ -138,6 +134,7 @@
138
134
  "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
139
135
  "drop-shadow-color": "rgba(0, 0, 0, 0.15)",
140
136
  "drop-zone-background-color": "rgb(20, 122, 243)",
137
+ "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.25)",
141
138
  "focus-indicator-color": "rgb(20, 122, 243)",
142
139
  "fuchsia-100": "rgb(255, 233, 252)",
143
140
  "fuchsia-1000": "rgb(157, 3, 158)",
@@ -403,6 +400,9 @@
403
400
  "static-white-focus-indicator-color": "rgb(255, 255, 255)",
404
401
  "swatch-border-color": "rgb(0, 0, 0)",
405
402
  "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
403
+ "table-row-hover-color": "rgb(0, 0, 0)",
404
+ "table-selected-row-background-color": "rgb(2, 101, 220)",
405
+ "table-selected-row-background-color-non-emphasized": "rgb(70, 70, 70)",
406
406
  "thumbnail-border-color": "rgb(34, 34, 34)",
407
407
  "transparent-black-100": "rgba(0, 0, 0, 0)",
408
408
  "transparent-black-200": "rgba(0, 0, 0, 0.1)",
@@ -523,14 +523,10 @@
523
523
  "code-color": "rgb(235, 235, 235)",
524
524
  "color-area-border-color": "rgb(255, 255, 255)",
525
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
526
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
530
527
  "color-handle-inner-border-opacity": "0.42",
531
528
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
532
529
  "color-handle-outer-border-opacity": "0.42",
533
- "color-handle-outer-border-width": "1px",
534
530
  "color-loupe-bottom-to-color-handle": "12px",
535
531
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
536
532
  "color-loupe-height": "64px",
@@ -567,6 +563,7 @@
567
563
  "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
568
564
  "drop-shadow-color": "rgba(0, 0, 0, 0.5)",
569
565
  "drop-zone-background-color": "rgb(114, 183, 249)",
566
+ "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.25)",
570
567
  "focus-indicator-color": "rgb(84, 163, 246)",
571
568
  "fuchsia-100": "rgb(107, 3, 106)",
572
569
  "fuchsia-1000": "rgb(250, 168, 245)",
@@ -832,6 +829,9 @@
832
829
  "static-white-focus-indicator-color": "rgb(255, 255, 255)",
833
830
  "swatch-border-color": "rgb(255, 255, 255)",
834
831
  "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
832
+ "table-row-hover-color": "rgb(255, 255, 255)",
833
+ "table-selected-row-background-color": "rgb(3, 103, 224)",
834
+ "table-selected-row-background-color-non-emphasized": "rgb(209, 209, 209)",
835
835
  "thumbnail-border-color": "rgb(235, 235, 235)",
836
836
  "transparent-black-100": "rgba(0, 0, 0, 0)",
837
837
  "transparent-black-200": "rgba(0, 0, 0, 0.1)",
@@ -952,14 +952,10 @@
952
952
  "code-color": "rgb(235, 235, 235)",
953
953
  "color-area-border-color": "rgb(255, 255, 255)",
954
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
955
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
959
956
  "color-handle-inner-border-opacity": "0.42",
960
957
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
961
958
  "color-handle-outer-border-opacity": "0.42",
962
- "color-handle-outer-border-width": "1px",
963
959
  "color-loupe-bottom-to-color-handle": "12px",
964
960
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
965
961
  "color-loupe-height": "64px",
@@ -996,6 +992,7 @@
996
992
  "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
997
993
  "drop-shadow-color": "rgba(0, 0, 0, 0.8)",
998
994
  "drop-zone-background-color": "rgb(94, 170, 247)",
995
+ "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.25)",
999
996
  "focus-indicator-color": "rgb(64, 150, 243)",
1000
997
  "fuchsia-100": "rgb(70, 14, 68)",
1001
998
  "fuchsia-1000": "rgb(246, 149, 243)",
@@ -1261,6 +1258,9 @@
1261
1258
  "static-white-focus-indicator-color": "rgb(255, 255, 255)",
1262
1259
  "swatch-border-color": "rgb(255, 255, 255)",
1263
1260
  "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
1261
+ "table-row-hover-color": "rgb(255, 255, 255)",
1262
+ "table-selected-row-background-color": "rgb(6, 108, 231)",
1263
+ "table-selected-row-background-color-non-emphasized": "rgb(208, 208, 208)",
1264
1264
  "thumbnail-border-color": "rgb(235, 235, 235)",
1265
1265
  "transparent-black-100": "rgba(0, 0, 0, 0)",
1266
1266
  "transparent-black-200": "rgba(0, 0, 0, 0.1)",
@@ -1438,9 +1438,6 @@
1438
1438
  "color-area-width": "192px",
1439
1439
  "color-control-track-width": "24px",
1440
1440
  "color-handle-border-width": "2px",
1441
- "color-handle-drop-shadow-blur": "0",
1442
- "color-handle-drop-shadow-x": "0",
1443
- "color-handle-drop-shadow-y": "0",
1444
1441
  "color-handle-inner-border-opacity": "0.42",
1445
1442
  "color-handle-inner-border-width": "1px",
1446
1443
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
@@ -1522,7 +1519,9 @@
1522
1519
  "component-top-to-workflow-icon-300": "13px",
1523
1520
  "component-top-to-workflow-icon-50": "3px",
1524
1521
  "component-top-to-workflow-icon-75": "4px",
1522
+ "contextual-help-body-size": "18px",
1525
1523
  "contextual-help-minimum-width": "268px",
1524
+ "contextual-help-title-size": "16px",
1526
1525
  "corner-radius-100": "4px",
1527
1526
  "corner-radius-200": "8px",
1528
1527
  "corner-radius-75": "2px",
@@ -1618,6 +1617,7 @@
1618
1617
  "field-top-to-validation-icon-small": "7px",
1619
1618
  "field-width": "192px",
1620
1619
  "floating-action-button-drop-shadow-blur": "12px",
1620
+ "floating-action-button-drop-shadow-y": "4px",
1621
1621
  "focus-indicator-gap": "2px",
1622
1622
  "focus-indicator-thickness": "2px",
1623
1623
  "font-size-100": "14px",
@@ -1750,6 +1750,10 @@
1750
1750
  "slider-control-height-large": "18px",
1751
1751
  "slider-control-height-medium": "16px",
1752
1752
  "slider-control-height-small": "14px",
1753
+ "slider-control-to-field-label-extra-large": "14px",
1754
+ "slider-control-to-field-label-large": "11px",
1755
+ "slider-control-to-field-label-medium": "8px",
1756
+ "slider-control-to-field-label-small": "5px",
1753
1757
  "slider-handle-border-width-down-extra-large": "8px",
1754
1758
  "slider-handle-border-width-down-large": "7px",
1755
1759
  "slider-handle-border-width-down-medium": "6px",
@@ -1802,6 +1806,80 @@
1802
1806
  "switch-top-to-control-large": "12px",
1803
1807
  "switch-top-to-control-medium": "9px",
1804
1808
  "switch-top-to-control-small": "6px",
1809
+ "table-border-divider-width": "1px",
1810
+ "table-checkbox-to-text": "24px",
1811
+ "table-column-header-row-bottom-to-text-extra-large": "13px",
1812
+ "table-column-header-row-bottom-to-text-large": "10px",
1813
+ "table-column-header-row-bottom-to-text-medium": "8px",
1814
+ "table-column-header-row-bottom-to-text-small": "9px",
1815
+ "table-column-header-row-top-to-text-extra-large": "13px",
1816
+ "table-column-header-row-top-to-text-large": "10px",
1817
+ "table-column-header-row-top-to-text-medium": "7px",
1818
+ "table-column-header-row-top-to-text-small": "8px",
1819
+ "table-edge-to-content": "16px",
1820
+ "table-header-row-checkbox-to-top-extra-large": "15px",
1821
+ "table-header-row-checkbox-to-top-large": "12px",
1822
+ "table-header-row-checkbox-to-top-medium": "9px",
1823
+ "table-header-row-checkbox-to-top-small": "10px",
1824
+ "table-row-bottom-to-text-extra-large-compact": "14px",
1825
+ "table-row-bottom-to-text-extra-large-regular": "17px",
1826
+ "table-row-bottom-to-text-extra-large-spacious": "21px",
1827
+ "table-row-bottom-to-text-large-compact": "11px",
1828
+ "table-row-bottom-to-text-large-regular": "14px",
1829
+ "table-row-bottom-to-text-large-spacious": "18px",
1830
+ "table-row-bottom-to-text-medium-compact": "9px",
1831
+ "table-row-bottom-to-text-medium-regular": "12px",
1832
+ "table-row-bottom-to-text-medium-spacious": "16px",
1833
+ "table-row-bottom-to-text-small-compact": "5px",
1834
+ "table-row-bottom-to-text-small-regular": "9px",
1835
+ "table-row-bottom-to-text-small-spacious": "13px",
1836
+ "table-row-checkbox-to-top-extra-large-compact": "15px",
1837
+ "table-row-checkbox-to-top-extra-large-regular": "19px",
1838
+ "table-row-checkbox-to-top-extra-large-spacious": "23px",
1839
+ "table-row-checkbox-to-top-large-compact": "12px",
1840
+ "table-row-checkbox-to-top-large-regular": "16px",
1841
+ "table-row-checkbox-to-top-large-spacious": "20px",
1842
+ "table-row-checkbox-to-top-medium-compact": "9px",
1843
+ "table-row-checkbox-to-top-medium-regular": "13px",
1844
+ "table-row-checkbox-to-top-medium-spacious": "17px",
1845
+ "table-row-checkbox-to-top-small-compact": "6px",
1846
+ "table-row-checkbox-to-top-small-regular": "10px",
1847
+ "table-row-checkbox-to-top-small-spacious": "14px",
1848
+ "table-row-height-extra-large-compact": "48px",
1849
+ "table-row-height-extra-large-regular": "56px",
1850
+ "table-row-height-extra-large-spacious": "64px",
1851
+ "table-row-height-large-compact": "40px",
1852
+ "table-row-height-large-regular": "48px",
1853
+ "table-row-height-large-spacious": "56px",
1854
+ "table-row-height-medium-compact": "32px",
1855
+ "table-row-height-medium-regular": "40px",
1856
+ "table-row-height-medium-spacious": "48px",
1857
+ "table-row-height-small-compact": "24px",
1858
+ "table-row-height-small-regular": "32px",
1859
+ "table-row-height-small-spacious": "40px",
1860
+ "table-row-hover-opacity": "0.07",
1861
+ "table-row-top-to-text-extra-large-compact": "12px",
1862
+ "table-row-top-to-text-extra-large-regular": "17px",
1863
+ "table-row-top-to-text-extra-large-spacious": "21px",
1864
+ "table-row-top-to-text-large-compact": "9px",
1865
+ "table-row-top-to-text-large-regular": "14px",
1866
+ "table-row-top-to-text-large-spacious": "18px",
1867
+ "table-row-top-to-text-medium-compact": "6px",
1868
+ "table-row-top-to-text-medium-regular": "11px",
1869
+ "table-row-top-to-text-medium-spacious": "15px",
1870
+ "table-row-top-to-text-small-compact": "4px",
1871
+ "table-row-top-to-text-small-regular": "8px",
1872
+ "table-row-top-to-text-small-spacious": "12px",
1873
+ "table-section-header-row-height-extra-large": "48px",
1874
+ "table-section-header-row-height-large": "40px",
1875
+ "table-section-header-row-height-medium": "32px",
1876
+ "table-section-header-row-height-small": "24px",
1877
+ "table-selected-row-background-opacity": "0.1",
1878
+ "table-selected-row-background-opacity-non-emphasized": "0.1",
1879
+ "table-thumbnail-to-top-minimum-extra-large": "8px",
1880
+ "table-thumbnail-to-top-minimum-large": "7px",
1881
+ "table-thumbnail-to-top-minimum-medium": "5px",
1882
+ "table-thumbnail-to-top-minimum-small": "4px",
1805
1883
  "tag-top-to-avatar-large": "9px",
1806
1884
  "tag-top-to-avatar-medium": "6px",
1807
1885
  "tag-top-to-avatar-small": "4px",