@adobe/spectrum-tokens 12.5.0-beta.0 → 12.6.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.
Files changed (15) hide show
  1. package/CHANGELOG.md +33 -2
  2. package/dist/json/drover.json +10 -86
  3. package/dist/json/variables.json +116 -798
  4. package/manifest.json +4 -8
  5. package/moon.yml +10 -0
  6. package/package.json +3 -3
  7. package/src/color-component.json +8 -8
  8. package/src/layout-component.json +98 -774
  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,10 +1,41 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
- ## 12.5.0-beta.0
3
+ ## 12.6.0
4
4
 
5
5
  ### Minor Changes
6
6
 
7
- - beb4336: Added table tokens
7
+ - ee5bfd8: Adding a couple tokens to floating action button that should have been included earlier.
8
+ - 853d8c3: Removed express specific token data for color loupe and color handle
9
+ - c9e76ab: Contextual help did not have any type specific tokens when it was initially defined.
10
+
11
+ #### Token Diff
12
+
13
+ _Tokens added (4):_
14
+
15
+ - `floating-action-button-drop-shadow-y`
16
+ - `floating-action-button-shadow-color`
17
+ - `contextual-help-body-size`
18
+ - `contextual-help-title-size`
19
+
20
+ _Tokens values updated (7):_
21
+
22
+ - `color-handle-drop-shadow-blur`
23
+ - `color-handle-drop-shadow-x`
24
+ - `color-handle-drop-shadow-y`
25
+ - `color-handle-outer-border-opacity`
26
+ - `color-handle-outer-border-width`
27
+ - `color-handle-size`
28
+ - `color-handle-size-key-focus`
29
+
30
+ _Newly deprecated tokens (1):_
31
+
32
+ - `color-handle-drop-shadow-color`
33
+
34
+ ## 12.5.0
35
+
36
+ ### Minor Changes
37
+
38
+ - c1eaeee: Added new tokens for slider. Deprecated old slider tokens.
8
39
 
9
40
  ## 12.4.0
10
41
 
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)",
@@ -523,14 +520,10 @@
523
520
  "code-color": "rgb(235, 235, 235)",
524
521
  "color-area-border-color": "rgb(255, 255, 255)",
525
522
  "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
523
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
530
524
  "color-handle-inner-border-opacity": "0.42",
531
525
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
532
526
  "color-handle-outer-border-opacity": "0.42",
533
- "color-handle-outer-border-width": "1px",
534
527
  "color-loupe-bottom-to-color-handle": "12px",
535
528
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
536
529
  "color-loupe-height": "64px",
@@ -567,6 +560,7 @@
567
560
  "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
568
561
  "drop-shadow-color": "rgba(0, 0, 0, 0.5)",
569
562
  "drop-zone-background-color": "rgb(114, 183, 249)",
563
+ "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.25)",
570
564
  "focus-indicator-color": "rgb(84, 163, 246)",
571
565
  "fuchsia-100": "rgb(107, 3, 106)",
572
566
  "fuchsia-1000": "rgb(250, 168, 245)",
@@ -952,14 +946,10 @@
952
946
  "code-color": "rgb(235, 235, 235)",
953
947
  "color-area-border-color": "rgb(255, 255, 255)",
954
948
  "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
949
  "color-handle-inner-border-color": "rgb(0, 0, 0)",
959
950
  "color-handle-inner-border-opacity": "0.42",
960
951
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
961
952
  "color-handle-outer-border-opacity": "0.42",
962
- "color-handle-outer-border-width": "1px",
963
953
  "color-loupe-bottom-to-color-handle": "12px",
964
954
  "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.25)",
965
955
  "color-loupe-height": "64px",
@@ -996,6 +986,7 @@
996
986
  "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
997
987
  "drop-shadow-color": "rgba(0, 0, 0, 0.8)",
998
988
  "drop-zone-background-color": "rgb(94, 170, 247)",
989
+ "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.25)",
999
990
  "focus-indicator-color": "rgb(64, 150, 243)",
1000
991
  "fuchsia-100": "rgb(70, 14, 68)",
1001
992
  "fuchsia-1000": "rgb(246, 149, 243)",
@@ -1438,9 +1429,6 @@
1438
1429
  "color-area-width": "192px",
1439
1430
  "color-control-track-width": "24px",
1440
1431
  "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
1432
  "color-handle-inner-border-opacity": "0.42",
1445
1433
  "color-handle-inner-border-width": "1px",
1446
1434
  "color-handle-outer-border-color": "rgb(0, 0, 0)",
@@ -1522,7 +1510,9 @@
1522
1510
  "component-top-to-workflow-icon-300": "13px",
1523
1511
  "component-top-to-workflow-icon-50": "3px",
1524
1512
  "component-top-to-workflow-icon-75": "4px",
1513
+ "contextual-help-body-size": "18px",
1525
1514
  "contextual-help-minimum-width": "268px",
1515
+ "contextual-help-title-size": "16px",
1526
1516
  "corner-radius-100": "4px",
1527
1517
  "corner-radius-200": "8px",
1528
1518
  "corner-radius-75": "2px",
@@ -1618,6 +1608,7 @@
1618
1608
  "field-top-to-validation-icon-small": "7px",
1619
1609
  "field-width": "192px",
1620
1610
  "floating-action-button-drop-shadow-blur": "12px",
1611
+ "floating-action-button-drop-shadow-y": "4px",
1621
1612
  "focus-indicator-gap": "2px",
1622
1613
  "focus-indicator-thickness": "2px",
1623
1614
  "font-size-100": "14px",
@@ -1750,6 +1741,10 @@
1750
1741
  "slider-control-height-large": "18px",
1751
1742
  "slider-control-height-medium": "16px",
1752
1743
  "slider-control-height-small": "14px",
1744
+ "slider-control-to-field-label-extra-large": "14px",
1745
+ "slider-control-to-field-label-large": "11px",
1746
+ "slider-control-to-field-label-medium": "8px",
1747
+ "slider-control-to-field-label-small": "5px",
1753
1748
  "slider-handle-border-width-down-extra-large": "8px",
1754
1749
  "slider-handle-border-width-down-large": "7px",
1755
1750
  "slider-handle-border-width-down-medium": "6px",
@@ -1802,77 +1797,6 @@
1802
1797
  "switch-top-to-control-large": "12px",
1803
1798
  "switch-top-to-control-medium": "9px",
1804
1799
  "switch-top-to-control-small": "6px",
1805
- "table-border-divider-width": "1px",
1806
- "table-checkbox-to-text": "24px",
1807
- "table-column-header-row-bottom-to-text-extra-large": "13px",
1808
- "table-column-header-row-bottom-to-text-large": "10px",
1809
- "table-column-header-row-bottom-to-text-medium": "8px",
1810
- "table-column-header-row-bottom-to-text-small": "9px",
1811
- "table-column-header-row-top-to-text-extra-large": "13px",
1812
- "table-column-header-row-top-to-text-large": "10px",
1813
- "table-column-header-row-top-to-text-medium": "7px",
1814
- "table-column-header-row-top-to-text-small": "8px",
1815
- "table-edge-to-content": "16px",
1816
- "table-header-row-checkbox-to-top-extra-large": "15px",
1817
- "table-header-row-checkbox-to-top-large": "12px",
1818
- "table-header-row-checkbox-to-top-medium": "9px",
1819
- "table-header-row-checkbox-to-top-small": "10px",
1820
- "table-row-bottom-to-text-extra-large-compact": "14px",
1821
- "table-row-bottom-to-text-extra-large-regular": "17px",
1822
- "table-row-bottom-to-text-extra-large-spacious": "21px",
1823
- "table-row-bottom-to-text-large-compact": "11px",
1824
- "table-row-bottom-to-text-large-regular": "14px",
1825
- "table-row-bottom-to-text-large-spacious": "18px",
1826
- "table-row-bottom-to-text-medium-compact": "9px",
1827
- "table-row-bottom-to-text-medium-regular": "12px",
1828
- "table-row-bottom-to-text-medium-spacious": "16px",
1829
- "table-row-bottom-to-text-small-compact": "5px",
1830
- "table-row-bottom-to-text-small-regular": "9px",
1831
- "table-row-bottom-to-text-small-spacious": "13px",
1832
- "table-row-checkbox-to-top-extra-large-compact": "15px",
1833
- "table-row-checkbox-to-top-extra-large-regular": "19px",
1834
- "table-row-checkbox-to-top-extra-large-spacious": "23px",
1835
- "table-row-checkbox-to-top-large-compact": "12px",
1836
- "table-row-checkbox-to-top-large-regular": "16px",
1837
- "table-row-checkbox-to-top-large-spacious": "20px",
1838
- "table-row-checkbox-to-top-medium-compact": "9px",
1839
- "table-row-checkbox-to-top-medium-regular": "13px",
1840
- "table-row-checkbox-to-top-medium-spacious": "17px",
1841
- "table-row-checkbox-to-top-small-compact": "6px",
1842
- "table-row-checkbox-to-top-small-regular": "10px",
1843
- "table-row-checkbox-to-top-small-spacious": "14px",
1844
- "table-row-height-extra-large-compact": "48px",
1845
- "table-row-height-extra-large-regular": "56px",
1846
- "table-row-height-extra-large-spacious": "64px",
1847
- "table-row-height-large-compact": "40px",
1848
- "table-row-height-large-regular": "48px",
1849
- "table-row-height-large-spacious": "56px",
1850
- "table-row-height-medium-compact": "32px",
1851
- "table-row-height-medium-regular": "40px",
1852
- "table-row-height-medium-spacious": "48px",
1853
- "table-row-height-small-compact": "24px",
1854
- "table-row-height-small-regular": "32px",
1855
- "table-row-height-small-spacious": "40px",
1856
- "table-row-top-to-text-extra-large-compact": "12px",
1857
- "table-row-top-to-text-extra-large-regular": "17px",
1858
- "table-row-top-to-text-extra-large-spacious": "21px",
1859
- "table-row-top-to-text-large-compact": "9px",
1860
- "table-row-top-to-text-large-regular": "14px",
1861
- "table-row-top-to-text-large-spacious": "18px",
1862
- "table-row-top-to-text-medium-compact": "6px",
1863
- "table-row-top-to-text-medium-regular": "11px",
1864
- "table-row-top-to-text-medium-spacious": "15px",
1865
- "table-row-top-to-text-small-compact": "4px",
1866
- "table-row-top-to-text-small-regular": "8px",
1867
- "table-row-top-to-text-small-spacious": "12px",
1868
- "table-section-header-row-height-extra-large": "48px",
1869
- "table-section-header-row-height-large": "40px",
1870
- "table-section-header-row-height-medium": "32px",
1871
- "table-section-header-row-height-small": "24px",
1872
- "table-thumbnail-to-top-minimum-extra-large": "8px",
1873
- "table-thumbnail-to-top-minimum-large": "7px",
1874
- "table-thumbnail-to-top-minimum-medium": "5px",
1875
- "table-thumbnail-to-top-minimum-small": "4px",
1876
1800
  "tag-top-to-avatar-large": "9px",
1877
1801
  "tag-top-to-avatar-medium": "6px",
1878
1802
  "tag-top-to-avatar-small": "4px",