@adobe/spectrum-tokens 12.5.0-beta.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.
package/CHANGELOG.md CHANGED
@@ -1,11 +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
+
3
9
  ## 12.5.0-beta.0
4
10
 
5
11
  ### Minor Changes
6
12
 
7
13
  - beb4336: Added table tokens
8
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
+
9
52
  ## 12.4.0
10
53
 
11
54
  ### Minor Changes
@@ -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",
@@ -1853,6 +1857,7 @@
1853
1857
  "table-row-height-small-compact": "24px",
1854
1858
  "table-row-height-small-regular": "32px",
1855
1859
  "table-row-height-small-spacious": "40px",
1860
+ "table-row-hover-opacity": "0.07",
1856
1861
  "table-row-top-to-text-extra-large-compact": "12px",
1857
1862
  "table-row-top-to-text-extra-large-regular": "17px",
1858
1863
  "table-row-top-to-text-extra-large-spacious": "21px",
@@ -1869,6 +1874,8 @@
1869
1874
  "table-section-header-row-height-large": "40px",
1870
1875
  "table-section-header-row-height-medium": "32px",
1871
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",
1872
1879
  "table-thumbnail-to-top-minimum-extra-large": "8px",
1873
1880
  "table-thumbnail-to-top-minimum-large": "7px",
1874
1881
  "table-thumbnail-to-top-minimum-medium": "5px",
@@ -6098,17 +6098,13 @@
6098
6098
  }
6099
6099
  },
6100
6100
  "color-handle-outer-border-opacity": {
6101
+ "ref": "{color-handle-inner-border-opacity}",
6101
6102
  "sets": {
6102
6103
  "spectrum": {
6103
- "ref": "{color-handle-inner-border-opacity}",
6104
- "sets": {
6105
- "spectrum": {
6106
- "value": "0.42"
6107
- },
6108
- "express": {
6109
- "value": "0.15"
6110
- }
6111
- }
6104
+ "value": "0.42"
6105
+ },
6106
+ "express": {
6107
+ "value": "0.15"
6112
6108
  }
6113
6109
  }
6114
6110
  },
@@ -6133,6 +6129,148 @@
6133
6129
  }
6134
6130
  }
6135
6131
  },
6132
+ "table-row-hover-color": {
6133
+ "ref": "{gray-900}",
6134
+ "sets": {
6135
+ "light": {
6136
+ "value": "rgb(0, 0, 0)"
6137
+ },
6138
+ "dark": {
6139
+ "value": "rgb(255, 255, 255)"
6140
+ },
6141
+ "darkest": {
6142
+ "value": "rgb(255, 255, 255)"
6143
+ },
6144
+ "wireframe": {
6145
+ "value": "rgb(72, 110, 194)"
6146
+ }
6147
+ }
6148
+ },
6149
+ "table-row-hover-opacity": {
6150
+ "value": "0.07"
6151
+ },
6152
+ "table-selected-row-background-color": {
6153
+ "ref": "{informative-background-color-default}",
6154
+ "sets": {
6155
+ "light": {
6156
+ "ref": "{informative-color-900}",
6157
+ "sets": {
6158
+ "light": {
6159
+ "value": "rgb(2, 101, 220)"
6160
+ },
6161
+ "dark": {
6162
+ "value": "rgb(114, 183, 249)"
6163
+ },
6164
+ "darkest": {
6165
+ "value": "rgb(94, 170, 247)"
6166
+ },
6167
+ "wireframe": {
6168
+ "value": "rgb(154, 177, 227)"
6169
+ }
6170
+ }
6171
+ },
6172
+ "dark": {
6173
+ "ref": "{informative-color-500}",
6174
+ "sets": {
6175
+ "light": {
6176
+ "value": "rgb(120, 187, 250)"
6177
+ },
6178
+ "dark": {
6179
+ "value": "rgb(3, 103, 224)"
6180
+ },
6181
+ "darkest": {
6182
+ "value": "rgb(0, 92, 200)"
6183
+ },
6184
+ "wireframe": {
6185
+ "value": "rgb(216, 225, 244)"
6186
+ }
6187
+ }
6188
+ },
6189
+ "darkest": {
6190
+ "ref": "{informative-color-600}",
6191
+ "sets": {
6192
+ "light": {
6193
+ "value": "rgb(89, 167, 246)"
6194
+ },
6195
+ "dark": {
6196
+ "value": "rgb(19, 121, 243)"
6197
+ },
6198
+ "darkest": {
6199
+ "value": "rgb(6, 108, 231)"
6200
+ },
6201
+ "wireframe": {
6202
+ "value": "rgb(203, 215, 241)"
6203
+ }
6204
+ }
6205
+ },
6206
+ "wireframe": {
6207
+ "ref": "{informative-color-900}",
6208
+ "sets": {
6209
+ "light": {
6210
+ "value": "rgb(2, 101, 220)"
6211
+ },
6212
+ "dark": {
6213
+ "value": "rgb(114, 183, 249)"
6214
+ },
6215
+ "darkest": {
6216
+ "value": "rgb(94, 170, 247)"
6217
+ },
6218
+ "wireframe": {
6219
+ "value": "rgb(154, 177, 227)"
6220
+ }
6221
+ }
6222
+ }
6223
+ }
6224
+ },
6225
+ "table-selected-row-background-opacity": {
6226
+ "value": "0.1"
6227
+ },
6228
+ "table-selected-row-background-color-non-emphasized": {
6229
+ "ref": "{neutral-background-color-selected-default}",
6230
+ "sets": {
6231
+ "spectrum": {
6232
+ "ref": "{gray-700}",
6233
+ "sets": {
6234
+ "light": {
6235
+ "value": "rgb(70, 70, 70)"
6236
+ },
6237
+ "dark": {
6238
+ "value": "rgb(209, 209, 209)"
6239
+ },
6240
+ "darkest": {
6241
+ "value": "rgb(208, 208, 208)"
6242
+ },
6243
+ "wireframe": {
6244
+ "value": "rgb(78, 112, 187)"
6245
+ }
6246
+ }
6247
+ },
6248
+ "express": {
6249
+ "ref": "{gray-800}",
6250
+ "sets": {
6251
+ "light": {
6252
+ "value": "rgb(34, 34, 34)"
6253
+ },
6254
+ "dark": {
6255
+ "value": "rgb(235, 235, 235)"
6256
+ },
6257
+ "darkest": {
6258
+ "value": "rgb(235, 235, 235)"
6259
+ },
6260
+ "wireframe": {
6261
+ "value": "rgb(73, 110, 194)"
6262
+ }
6263
+ }
6264
+ }
6265
+ }
6266
+ },
6267
+ "table-selected-row-background-opacity-non-emphasized": {
6268
+ "value": "0.1"
6269
+ },
6270
+ "floating-action-button-shadow-color": {
6271
+ "ref": "{transparent-black-300}",
6272
+ "value": "rgba(0, 0, 0, 0.25)"
6273
+ },
6136
6274
  "white": {
6137
6275
  "value": "rgb(255, 255, 255)"
6138
6276
  },
@@ -11215,6 +11353,46 @@
11215
11353
  }
11216
11354
  }
11217
11355
  },
11356
+ "slider-control-to-field-label-small": {
11357
+ "sets": {
11358
+ "desktop": {
11359
+ "value": "5px"
11360
+ },
11361
+ "mobile": {
11362
+ "value": "6px"
11363
+ }
11364
+ }
11365
+ },
11366
+ "slider-control-to-field-label-medium": {
11367
+ "sets": {
11368
+ "desktop": {
11369
+ "value": "8px"
11370
+ },
11371
+ "mobile": {
11372
+ "value": "10px"
11373
+ }
11374
+ }
11375
+ },
11376
+ "slider-control-to-field-label-large": {
11377
+ "sets": {
11378
+ "desktop": {
11379
+ "value": "11px"
11380
+ },
11381
+ "mobile": {
11382
+ "value": "14px"
11383
+ }
11384
+ }
11385
+ },
11386
+ "slider-control-to-field-label-extra-large": {
11387
+ "sets": {
11388
+ "desktop": {
11389
+ "value": "14px"
11390
+ },
11391
+ "mobile": {
11392
+ "value": "17px"
11393
+ }
11394
+ }
11395
+ },
11218
11396
  "picker-minimum-width-multiplier": {
11219
11397
  "value": "2"
11220
11398
  },
@@ -11539,6 +11717,58 @@
11539
11717
  "contextual-help-minimum-width": {
11540
11718
  "value": "268px"
11541
11719
  },
11720
+ "contextual-help-title-size": {
11721
+ "sets": {
11722
+ "desktop": {
11723
+ "ref": "{heading-size-xs}",
11724
+ "sets": {
11725
+ "desktop": {
11726
+ "value": "16px"
11727
+ },
11728
+ "mobile": {
11729
+ "value": "19px"
11730
+ }
11731
+ }
11732
+ },
11733
+ "mobile": {
11734
+ "ref": "{heading-size-xxs}",
11735
+ "sets": {
11736
+ "desktop": {
11737
+ "value": "14px"
11738
+ },
11739
+ "mobile": {
11740
+ "value": "17px"
11741
+ }
11742
+ }
11743
+ }
11744
+ }
11745
+ },
11746
+ "contextual-help-body-size": {
11747
+ "sets": {
11748
+ "desktop": {
11749
+ "ref": "{heading-size-s}",
11750
+ "sets": {
11751
+ "desktop": {
11752
+ "value": "18px"
11753
+ },
11754
+ "mobile": {
11755
+ "value": "22px"
11756
+ }
11757
+ }
11758
+ },
11759
+ "mobile": {
11760
+ "ref": "{heading-size-xs}",
11761
+ "sets": {
11762
+ "desktop": {
11763
+ "value": "16px"
11764
+ },
11765
+ "mobile": {
11766
+ "value": "19px"
11767
+ }
11768
+ }
11769
+ }
11770
+ }
11771
+ },
11542
11772
  "breadcrumbs-height": {
11543
11773
  "ref": "{component-height-300}",
11544
11774
  "sets": {
@@ -12026,6 +12256,9 @@
12026
12256
  "floating-action-button-drop-shadow-blur": {
12027
12257
  "value": "12px"
12028
12258
  },
12259
+ "floating-action-button-drop-shadow-y": {
12260
+ "value": "4px"
12261
+ },
12029
12262
  "illustrated-message-maximum-width": {
12030
12263
  "value": "380px"
12031
12264
  },
@@ -12671,49 +12904,21 @@
12671
12904
  },
12672
12905
  "color-handle-size": {
12673
12906
  "sets": {
12674
- "spectrum": {
12675
- "sets": {
12676
- "desktop": {
12677
- "value": "16px"
12678
- },
12679
- "mobile": {
12680
- "value": "20px"
12681
- }
12682
- }
12907
+ "desktop": {
12908
+ "value": "16px"
12683
12909
  },
12684
- "express": {
12685
- "sets": {
12686
- "desktop": {
12687
- "value": "20px"
12688
- },
12689
- "mobile": {
12690
- "value": "24px"
12691
- }
12692
- }
12910
+ "mobile": {
12911
+ "value": "20px"
12693
12912
  }
12694
12913
  }
12695
12914
  },
12696
12915
  "color-handle-size-key-focus": {
12697
12916
  "sets": {
12698
- "spectrum": {
12699
- "sets": {
12700
- "desktop": {
12701
- "value": "32px"
12702
- },
12703
- "mobile": {
12704
- "value": "40px"
12705
- }
12706
- }
12917
+ "desktop": {
12918
+ "value": "32px"
12707
12919
  },
12708
- "express": {
12709
- "sets": {
12710
- "desktop": {
12711
- "value": "40px"
12712
- },
12713
- "mobile": {
12714
- "value": "48px"
12715
- }
12716
- }
12920
+ "mobile": {
12921
+ "value": "40px"
12717
12922
  }
12718
12923
  }
12719
12924
  },
@@ -12725,50 +12930,16 @@
12725
12930
  "value": "1px"
12726
12931
  },
12727
12932
  "color-handle-outer-border-width": {
12728
- "sets": {
12729
- "spectrum": {
12730
- "value": "1px"
12731
- },
12732
- "express": {
12733
- "value": "0px"
12734
- }
12735
- }
12933
+ "value": "1px"
12736
12934
  },
12737
12935
  "color-handle-drop-shadow-x": {
12738
- "sets": {
12739
- "spectrum": {
12740
- "value": "0"
12741
- },
12742
- "express": {
12743
- "ref": "{drop-shadow-x}",
12744
- "sets": {
12745
- "spectrum": {},
12746
- "express": {}
12747
- }
12748
- }
12749
- }
12936
+ "value": "0"
12750
12937
  },
12751
12938
  "color-handle-drop-shadow-y": {
12752
- "sets": {
12753
- "spectrum": {
12754
- "value": "0"
12755
- },
12756
- "express": {
12757
- "ref": "{color-loupe-drop-shadow-y}",
12758
- "value": "2px"
12759
- }
12760
- }
12939
+ "value": "0"
12761
12940
  },
12762
12941
  "color-handle-drop-shadow-blur": {
12763
- "sets": {
12764
- "spectrum": {
12765
- "value": "0"
12766
- },
12767
- "express": {
12768
- "ref": "{color-loupe-drop-shadow-blur}",
12769
- "value": "8px"
12770
- }
12771
- }
12942
+ "value": "0"
12772
12943
  },
12773
12944
  "table-column-header-row-top-to-text-small": {
12774
12945
  "sets": {
package/manifest.json CHANGED
@@ -1,9 +1,5 @@
1
1
  [
2
- "src/color-aliases.json",
3
- "src/color-component.json",
4
- "src/color-palette.json",
5
- "src/layout-component.json",
6
- "src/layout.json",
7
- "src/semantic-color-palette.json",
8
- "src/typography.json"
9
- ]
2
+ "src/color-aliases.json", "src/color-component.json",
3
+ "src/color-palette.json", "src/layout-component.json", "src/layout.json",
4
+ "src/semantic-color-palette.json", "src/typography.json"
5
+ ]
package/moon.yml CHANGED
@@ -1,3 +1,13 @@
1
+ # Copyright 2023 Adobe. All rights reserved.
2
+ # This file is licensed to you under the Apache License, Version 2.0 (the "License");
3
+ # you may not use this file except in compliance with the License. You may obtain a copy
4
+ # of the License at http://www.apache.org/licenses/LICENSE-2.0
5
+
6
+ # Unless required by applicable law or agreed to in writing, software distributed under
7
+ # the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
8
+ # OF ANY KIND, either express or implied. See the License for the specific language
9
+ # governing permissions and limitations under the License.
10
+
1
11
  fileGroups:
2
12
  sources:
3
13
  - "src/**/*"
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.5.0-beta.0",
3
+ "version": "12.5.0-beta.1",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
- "main": "config.js",
6
+ "main": "tasks/buildSpectrumTokens.js",
7
7
  "tokens": "dist/json/variables.json",
8
8
  "repository": {
9
9
  "type": "git",
@@ -17,7 +17,7 @@
17
17
  "bugs": {
18
18
  "url": "https://github.com/adobe/spectrum-tokens/issues"
19
19
  },
20
- "homepage": "https://github.com/adobe/spectrum-tokens#readme",
20
+ "homepage": "https://github.com/adobe/spectrum-tokens/tree/main/packages/tokens#readme",
21
21
  "devDependencies": {
22
22
  "deep-object-diff": "^1.1.7",
23
23
  "glob": "^8.1.0",
@@ -136,20 +136,44 @@
136
136
  },
137
137
  "color-handle-outer-border-opacity": {
138
138
  "component": "color-handle",
139
- "sets": {
140
- "spectrum": {
141
- "value": "{color-handle-inner-border-opacity}"
142
- }
143
- }
139
+ "value": "{color-handle-inner-border-opacity}"
144
140
  },
145
141
  "color-handle-drop-shadow-color": {
146
142
  "component": "color-handle",
143
+ "deprecated": true,
144
+ "deprecated_comment": "Express does not need a separate design for Color loupe and Color handle components",
147
145
  "sets": {
148
146
  "express": {
149
- "value": "{drop-shadow-color}",
150
- "deprecated": true,
151
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
147
+ "value": "{drop-shadow-color}"
152
148
  }
153
149
  }
150
+ },
151
+ "table-row-hover-color": {
152
+ "component": "table",
153
+ "value": "{gray-900}"
154
+ },
155
+ "table-row-hover-opacity": {
156
+ "component": "table",
157
+ "value": "0.07"
158
+ },
159
+ "table-selected-row-background-color": {
160
+ "component": "table",
161
+ "value": "{informative-background-color-default}"
162
+ },
163
+ "table-selected-row-background-opacity": {
164
+ "component": "table",
165
+ "value": "0.1"
166
+ },
167
+ "table-selected-row-background-color-non-emphasized": {
168
+ "component": "table",
169
+ "value": "{neutral-background-color-selected-default}"
170
+ },
171
+ "table-selected-row-background-opacity-non-emphasized": {
172
+ "component": "table",
173
+ "value": "0.1"
174
+ },
175
+ "floating-action-button-shadow-color": {
176
+ "component": "floating-action-button",
177
+ "value": "{transparent-black-300}"
154
178
  }
155
179
  }
@@ -1775,6 +1775,8 @@
1775
1775
  },
1776
1776
  "slider-control-height-small": {
1777
1777
  "component": "slider",
1778
+ "deprecated": true,
1779
+ "deprecated_comment": "use `component-height-75` instead",
1778
1780
  "sets": {
1779
1781
  "spectrum": {
1780
1782
  "sets": {
@@ -1804,6 +1806,8 @@
1804
1806
  },
1805
1807
  "slider-control-height-medium": {
1806
1808
  "component": "slider",
1809
+ "deprecated": true,
1810
+ "deprecated_comment": "use `component-height-100` instead",
1807
1811
  "sets": {
1808
1812
  "spectrum": {
1809
1813
  "sets": {
@@ -1833,6 +1837,8 @@
1833
1837
  },
1834
1838
  "slider-control-height-large": {
1835
1839
  "component": "slider",
1840
+ "deprecated": true,
1841
+ "deprecated_comment": "use `component-height-200` instead",
1836
1842
  "sets": {
1837
1843
  "spectrum": {
1838
1844
  "sets": {
@@ -1862,6 +1868,8 @@
1862
1868
  },
1863
1869
  "slider-control-height-extra-large": {
1864
1870
  "component": "slider",
1871
+ "deprecated": true,
1872
+ "deprecated_comment": "use `component-height-300` instead",
1865
1873
  "sets": {
1866
1874
  "spectrum": {
1867
1875
  "sets": {
@@ -2136,6 +2144,8 @@
2136
2144
  },
2137
2145
  "slider-bottom-to-handle-small": {
2138
2146
  "component": "slider",
2147
+ "deprecated": true,
2148
+ "deprecated_comment": "no longer needed with the increased control height",
2139
2149
  "sets": {
2140
2150
  "spectrum": {
2141
2151
  "sets": {
@@ -2165,6 +2175,8 @@
2165
2175
  },
2166
2176
  "slider-bottom-to-handle-medium": {
2167
2177
  "component": "slider",
2178
+ "deprecated": true,
2179
+ "deprecated_comment": "no longer needed with the increased control height",
2168
2180
  "sets": {
2169
2181
  "spectrum": {
2170
2182
  "sets": {
@@ -2194,6 +2206,8 @@
2194
2206
  },
2195
2207
  "slider-bottom-to-handle-large": {
2196
2208
  "component": "slider",
2209
+ "deprecated": true,
2210
+ "deprecated_comment": "no longer needed with the increased control height",
2197
2211
  "sets": {
2198
2212
  "spectrum": {
2199
2213
  "sets": {
@@ -2223,6 +2237,8 @@
2223
2237
  },
2224
2238
  "slider-bottom-to-handle-extra-large": {
2225
2239
  "component": "slider",
2240
+ "deprecated": true,
2241
+ "deprecated_comment": "no longer needed with the increased control height",
2226
2242
  "sets": {
2227
2243
  "spectrum": {
2228
2244
  "sets": {
@@ -2250,6 +2266,50 @@
2250
2266
  }
2251
2267
  }
2252
2268
  },
2269
+ "slider-control-to-field-label-small": {
2270
+ "component": "slider",
2271
+ "sets": {
2272
+ "desktop": {
2273
+ "value": "5px"
2274
+ },
2275
+ "mobile": {
2276
+ "value": "6px"
2277
+ }
2278
+ }
2279
+ },
2280
+ "slider-control-to-field-label-medium": {
2281
+ "component": "slider",
2282
+ "sets": {
2283
+ "desktop": {
2284
+ "value": "8px"
2285
+ },
2286
+ "mobile": {
2287
+ "value": "10px"
2288
+ }
2289
+ }
2290
+ },
2291
+ "slider-control-to-field-label-large": {
2292
+ "component": "slider",
2293
+ "sets": {
2294
+ "desktop": {
2295
+ "value": "11px"
2296
+ },
2297
+ "mobile": {
2298
+ "value": "14px"
2299
+ }
2300
+ }
2301
+ },
2302
+ "slider-control-to-field-label-extra-large": {
2303
+ "component": "slider",
2304
+ "sets": {
2305
+ "desktop": {
2306
+ "value": "14px"
2307
+ },
2308
+ "mobile": {
2309
+ "value": "17px"
2310
+ }
2311
+ }
2312
+ },
2253
2313
  "picker-minimum-width-multiplier": {
2254
2314
  "component": "picker",
2255
2315
  "value": "2"
@@ -2569,6 +2629,28 @@
2569
2629
  "component": "contextual-help",
2570
2630
  "value": "268px"
2571
2631
  },
2632
+ "contextual-help-title-size": {
2633
+ "component": "contextual-help",
2634
+ "sets": {
2635
+ "desktop": {
2636
+ "value": "{heading-size-xs}"
2637
+ },
2638
+ "mobile": {
2639
+ "value": "{heading-size-xxs}"
2640
+ }
2641
+ }
2642
+ },
2643
+ "contextual-help-body-size": {
2644
+ "component": "contextual-help",
2645
+ "sets": {
2646
+ "desktop": {
2647
+ "value": "{heading-size-s}"
2648
+ },
2649
+ "mobile": {
2650
+ "value": "{heading-size-xs}"
2651
+ }
2652
+ }
2653
+ },
2572
2654
  "breadcrumbs-height": {
2573
2655
  "component": "breadcrumbs",
2574
2656
  "value": "{component-height-300}"
@@ -3064,6 +3146,10 @@
3064
3146
  "component": "floating-action-button",
3065
3147
  "value": "12px"
3066
3148
  },
3149
+ "floating-action-button-drop-shadow-y": {
3150
+ "component": "floating-action-button",
3151
+ "value": "4px"
3152
+ },
3067
3153
  "illustrated-message-maximum-width": {
3068
3154
  "component": "illustrated-message",
3069
3155
  "value": "380px"
@@ -3631,58 +3717,22 @@
3631
3717
  "color-handle-size": {
3632
3718
  "component": "color-handle",
3633
3719
  "sets": {
3634
- "spectrum": {
3635
- "sets": {
3636
- "desktop": {
3637
- "value": "16px"
3638
- },
3639
- "mobile": {
3640
- "value": "20px"
3641
- }
3642
- }
3720
+ "desktop": {
3721
+ "value": "16px"
3643
3722
  },
3644
- "express": {
3645
- "sets": {
3646
- "desktop": {
3647
- "value": "20px",
3648
- "deprecated": true,
3649
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3650
- },
3651
- "mobile": {
3652
- "value": "24px",
3653
- "deprecated": true,
3654
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3655
- }
3656
- }
3723
+ "mobile": {
3724
+ "value": "20px"
3657
3725
  }
3658
3726
  }
3659
3727
  },
3660
3728
  "color-handle-size-key-focus": {
3661
3729
  "component": "color-handle",
3662
3730
  "sets": {
3663
- "spectrum": {
3664
- "sets": {
3665
- "desktop": {
3666
- "value": "32px"
3667
- },
3668
- "mobile": {
3669
- "value": "40px"
3670
- }
3671
- }
3731
+ "desktop": {
3732
+ "value": "32px"
3672
3733
  },
3673
- "express": {
3674
- "sets": {
3675
- "desktop": {
3676
- "value": "40px",
3677
- "deprecated": true,
3678
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3679
- },
3680
- "mobile": {
3681
- "value": "48px",
3682
- "deprecated": true,
3683
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3684
- }
3685
- }
3734
+ "mobile": {
3735
+ "value": "40px"
3686
3736
  }
3687
3737
  }
3688
3738
  },
@@ -3696,55 +3746,19 @@
3696
3746
  },
3697
3747
  "color-handle-outer-border-width": {
3698
3748
  "component": "color-handle",
3699
- "sets": {
3700
- "spectrum": {
3701
- "value": "1px"
3702
- },
3703
- "express": {
3704
- "value": "0px",
3705
- "deprecated": true,
3706
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3707
- }
3708
- }
3749
+ "value": "1px"
3709
3750
  },
3710
3751
  "color-handle-drop-shadow-x": {
3711
3752
  "component": "color-handle",
3712
- "sets": {
3713
- "spectrum": {
3714
- "value": "0"
3715
- },
3716
- "express": {
3717
- "value": "{drop-shadow-x}",
3718
- "deprecated": true,
3719
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3720
- }
3721
- }
3753
+ "value": "0"
3722
3754
  },
3723
3755
  "color-handle-drop-shadow-y": {
3724
3756
  "component": "color-handle",
3725
- "sets": {
3726
- "spectrum": {
3727
- "value": "0"
3728
- },
3729
- "express": {
3730
- "value": "{color-loupe-drop-shadow-y}",
3731
- "deprecated": true,
3732
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3733
- }
3734
- }
3757
+ "value": "0"
3735
3758
  },
3736
3759
  "color-handle-drop-shadow-blur": {
3737
3760
  "component": "color-handle",
3738
- "sets": {
3739
- "spectrum": {
3740
- "value": "0"
3741
- },
3742
- "express": {
3743
- "value": "{color-loupe-drop-shadow-blur}",
3744
- "deprecated": true,
3745
- "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
3746
- }
3747
- }
3761
+ "value": "0"
3748
3762
  },
3749
3763
  "table-column-header-row-top-to-text-small": {
3750
3764
  "component": "table",
@@ -1,3 +1,15 @@
1
+ /*
2
+ Copyright 2023 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
+
1
13
  import glob from "glob-promise";
2
14
  import { writeFile } from "fs/promises";
3
15
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- Copyright 2022 Adobe. All rights reserved.
2
+ Copyright 2023 Adobe. All rights reserved.
3
3
  This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
4
  you may not use this file except in compliance with the License. You may obtain a copy
5
5
  of the License at http://www.apache.org/licenses/LICENSE-2.0
@@ -1,3 +1,15 @@
1
+ /*
2
+ Copyright 2023 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
+
1
13
  import glob from "glob-promise";
2
14
  import { readFile, writeFile } from "fs/promises";
3
15
  import augmentExpressTokens from "./lib/augmentExpressTokens.js";
package/tasks/diff.js CHANGED
@@ -1,3 +1,15 @@
1
+ /*
2
+ Copyright 2023 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
+
1
13
  import { access, readFile, writeFile } from "fs/promises";
2
14
  import { join, dirname } from "path";
3
15
  import { fileURLToPath } from "url";
@@ -1,3 +1,15 @@
1
+ /*
2
+ Copyright 2023 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
+
1
13
  const deprecationObj = {
2
14
  deprecated: true,
3
15
  deprecated_comment:
@@ -1,3 +1,15 @@
1
+ /*
2
+ Copyright 2023 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
+
1
13
  import test from "ava";
2
14
  import augmentExpressTokens from "../tasks/lib/augmentExpressTokens.js";
3
15
 
@@ -1,3 +1,15 @@
1
+ /*
2
+ Copyright 2023 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
+
1
13
  import test from "ava";
2
14
  import { readFile } from "fs/promises";
3
15