@adobe/spectrum-tokens 13.0.0-beta.14 → 13.0.0-beta.16

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,5 +1,73 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.16
4
+
5
+ ### Minor Changes
6
+
7
+ - 80a3fec: New non-color tokens for S2 tag component added to both desktop and mobile layout.component sets.
8
+
9
+ ## Design Motivation
10
+
11
+ New values for tag component for S2.
12
+
13
+ ## Token Diff
14
+
15
+ _Tokens added (9):_
16
+
17
+ - `tag-edge-to-clear-icon-large`
18
+ - `tag-edge-to-clear-icon-medium`
19
+ - `tag-edge-to-clear-icon-small`
20
+ - `tag-label-clear-icon-large`
21
+ - `tag-label-to-clear-icon-large`
22
+ - `tag-label-to-clear-icon-medium`
23
+ - `tag-label-to-clear-icon-small`
24
+ - `tag-maximum-width-multiplier`
25
+ - `tag-minimum-width-multiplier`
26
+
27
+ ## 13.0.0-beta.15
28
+
29
+ ### Minor Changes
30
+
31
+ - c7c1d81: Added new semantic color aliases to Tokens Studio, in the S2 color tokens, alias sets for both light and dark themes.
32
+ - 4b78009: Updated values and added new tokens for Switch.
33
+
34
+ ## Design Motivation
35
+
36
+ New negative-subdued background tokens were needed for negative and not selected tag components.
37
+
38
+ Added new tokens: `switch-handle-size-_` and `switch-handle-selected-size-_` for both desktop and mobile.
39
+ Update token values on: `switch-control-width-_` and `switch-control-height-_` for both desktop and mobile.
40
+
41
+ The design for Switch in S2 has changed and now has a border when it's not selected. New handle sizes are added and control sizes have been updated.
42
+
43
+ ## Token Diff
44
+
45
+ _Tokens added (12):_
46
+
47
+ - `negative-subdued-background-color-default`
48
+ - `negative-subdued-background-color-down`
49
+ - `negative-subdued-background-color-hover`
50
+ - `negative-subdued-background-color-key-focus`
51
+ - `switch-handle-selected-size-extra-large`
52
+ - `switch-handle-selected-size-large`
53
+ - `switch-handle-selected-size-medium`
54
+ - `switch-handle-selected-size-small`
55
+ - `switch-handle-size-extra-large`
56
+ - `switch-handle-size-large`
57
+ - `switch-handle-size-medium`
58
+ - `switch-handle-size-small`
59
+
60
+ _Token values updated (8):_
61
+
62
+ - `switch-control-height-extra-large`
63
+ - `switch-control-height-large`
64
+ - `switch-control-height-medium`
65
+ - `switch-control-height-small`
66
+ - `switch-control-width-extra-large`
67
+ - `switch-control-width-large`
68
+ - `switch-control-width-medium`
69
+ - `switch-control-width-small`
70
+
3
71
  ## 13.0.0-beta.14
4
72
 
5
73
  ### Minor Changes
@@ -320,6 +320,10 @@
320
320
  "negative-content-color-down": "rgb(183, 40, 24)",
321
321
  "negative-content-color-hover": "rgb(183, 40, 24)",
322
322
  "negative-content-color-key-focus": "rgb(183, 40, 24)",
323
+ "negative-subdued-background-color-default": "rgb(255, 235, 232)",
324
+ "negative-subdued-background-color-down": "rgb(255, 214, 209)",
325
+ "negative-subdued-background-color-hover": "rgb(255, 214, 209)",
326
+ "negative-subdued-background-color-key-focus": "rgb(255, 214, 209)",
323
327
  "negative-visual-color": "rgb(240, 56, 35)",
324
328
  "neutral-background-color-default": "rgb(41, 41, 41)",
325
329
  "neutral-background-color-down": "rgb(19, 19, 19)",
@@ -871,6 +875,10 @@
871
875
  "negative-content-color-down": "rgb(255, 103, 86)",
872
876
  "negative-content-color-hover": "rgb(255, 103, 86)",
873
877
  "negative-content-color-key-focus": "rgb(255, 103, 86)",
878
+ "negative-subdued-background-color-default": "rgb(68, 13, 5)",
879
+ "negative-subdued-background-color-down": "rgb(87, 17, 7)",
880
+ "negative-subdued-background-color-hover": "rgb(87, 17, 7)",
881
+ "negative-subdued-background-color-key-focus": "rgb(87, 17, 7)",
874
882
  "negative-visual-color": "rgb(205, 46, 29)",
875
883
  "neutral-background-color-default": "rgb(219, 219, 219)",
876
884
  "neutral-background-color-down": "rgb(242, 242, 242)",
@@ -1756,14 +1764,22 @@
1756
1764
  "swatch-slash-thickness-large": "5px",
1757
1765
  "swatch-slash-thickness-medium": "4px",
1758
1766
  "swatch-slash-thickness-small": "3px",
1759
- "switch-control-height-extra-large": "18px",
1760
- "switch-control-height-large": "16px",
1761
- "switch-control-height-medium": "14px",
1762
- "switch-control-height-small": "12px",
1763
- "switch-control-width-extra-large": "33px",
1764
- "switch-control-width-large": "29px",
1767
+ "switch-control-height-extra-large": "20px",
1768
+ "switch-control-height-large": "18px",
1769
+ "switch-control-height-medium": "16px",
1770
+ "switch-control-height-small": "14px",
1771
+ "switch-control-width-extra-large": "34px",
1772
+ "switch-control-width-large": "30px",
1765
1773
  "switch-control-width-medium": "26px",
1766
- "switch-control-width-small": "23px",
1774
+ "switch-control-width-small": "22px",
1775
+ "switch-handle-selected-size-extra-large": "14px",
1776
+ "switch-handle-selected-size-large": "12px",
1777
+ "switch-handle-selected-size-medium": "10px",
1778
+ "switch-handle-selected-size-small": "8px",
1779
+ "switch-handle-size-extra-large": "12px",
1780
+ "switch-handle-size-large": "10px",
1781
+ "switch-handle-size-medium": "8px",
1782
+ "switch-handle-size-small": "6px",
1767
1783
  "switch-top-to-control-extra-large": "15px",
1768
1784
  "switch-top-to-control-large": "12px",
1769
1785
  "switch-top-to-control-medium": "9px",
@@ -1902,6 +1918,12 @@
1902
1918
  "table-thumbnail-to-top-minimum-small-compact": "4px",
1903
1919
  "table-thumbnail-to-top-minimum-small-regular": "5px",
1904
1920
  "table-thumbnail-to-top-minimum-small-spacious": "7px",
1921
+ "tag-edge-to-clear-icon-large": "15px",
1922
+ "tag-edge-to-clear-icon-medium": "12px",
1923
+ "tag-edge-to-clear-icon-small": "8px",
1924
+ "tag-label-to-clear-icon-large": "15px",
1925
+ "tag-label-to-clear-icon-medium": "12px",
1926
+ "tag-label-to-clear-icon-small": "8px",
1905
1927
  "tag-top-to-avatar-large": "9px",
1906
1928
  "tag-top-to-avatar-medium": "6px",
1907
1929
  "tag-top-to-avatar-small": "4px",
@@ -9903,11 +9903,11 @@
9903
9903
  "switch-control-width-small": {
9904
9904
  "sets": {
9905
9905
  "desktop": {
9906
- "value": "23px",
9906
+ "value": "22px",
9907
9907
  "uuid": "f4d6fe1a-70bd-473a-9fa5-477865ea898e"
9908
9908
  },
9909
9909
  "mobile": {
9910
- "value": "32px",
9910
+ "value": "30px",
9911
9911
  "uuid": "ca939c4d-9369-498c-81cb-61df1397f657"
9912
9912
  }
9913
9913
  }
@@ -9919,7 +9919,7 @@
9919
9919
  "uuid": "d329eda6-f13d-4a44-b962-ff06c371ed93"
9920
9920
  },
9921
9921
  "mobile": {
9922
- "value": "36px",
9922
+ "value": "34px",
9923
9923
  "uuid": "ec2f3b6b-80db-4c43-bdd2-caee98796775"
9924
9924
  }
9925
9925
  }
@@ -9927,11 +9927,11 @@
9927
9927
  "switch-control-width-large": {
9928
9928
  "sets": {
9929
9929
  "desktop": {
9930
- "value": "29px",
9930
+ "value": "30px",
9931
9931
  "uuid": "cef839a5-2ba7-4e47-9a85-d94260a8ff10"
9932
9932
  },
9933
9933
  "mobile": {
9934
- "value": "41px",
9934
+ "value": "38px",
9935
9935
  "uuid": "5c7bdcc9-63f8-4c4b-b26f-97b39f53dbea"
9936
9936
  }
9937
9937
  }
@@ -9939,7 +9939,7 @@
9939
9939
  "switch-control-width-extra-large": {
9940
9940
  "sets": {
9941
9941
  "desktop": {
9942
- "value": "33px",
9942
+ "value": "34px",
9943
9943
  "uuid": "f3102afd-e5df-4912-9203-8226ce37fed5"
9944
9944
  },
9945
9945
  "mobile": {
@@ -9951,11 +9951,11 @@
9951
9951
  "switch-control-height-small": {
9952
9952
  "sets": {
9953
9953
  "desktop": {
9954
- "value": "12px",
9954
+ "value": "14px",
9955
9955
  "uuid": "3bf75a24-5e95-4c18-9da2-b7088377fe21"
9956
9956
  },
9957
9957
  "mobile": {
9958
- "value": "16px",
9958
+ "value": "18px",
9959
9959
  "uuid": "a1dbcaf0-bbcf-444d-9d22-7f86db20303a"
9960
9960
  }
9961
9961
  }
@@ -9963,11 +9963,11 @@
9963
9963
  "switch-control-height-medium": {
9964
9964
  "sets": {
9965
9965
  "desktop": {
9966
- "value": "14px",
9966
+ "value": "16px",
9967
9967
  "uuid": "f97f0f1b-c0c2-410f-b116-86d30f4d52cf"
9968
9968
  },
9969
9969
  "mobile": {
9970
- "value": "18px",
9970
+ "value": "20px",
9971
9971
  "uuid": "0d5f13f2-4d5b-4c30-b3a3-fa4fcc33b928"
9972
9972
  }
9973
9973
  }
@@ -9975,11 +9975,11 @@
9975
9975
  "switch-control-height-large": {
9976
9976
  "sets": {
9977
9977
  "desktop": {
9978
- "value": "16px",
9978
+ "value": "18px",
9979
9979
  "uuid": "8301bfca-a086-4efd-a22f-1d348cbd6dcf"
9980
9980
  },
9981
9981
  "mobile": {
9982
- "value": "20px",
9982
+ "value": "22px",
9983
9983
  "uuid": "91b828ce-8ff9-4d32-958e-a8a23ef9b345"
9984
9984
  }
9985
9985
  }
@@ -9987,11 +9987,11 @@
9987
9987
  "switch-control-height-extra-large": {
9988
9988
  "sets": {
9989
9989
  "desktop": {
9990
- "value": "18px",
9990
+ "value": "20px",
9991
9991
  "uuid": "2372d602-78ce-45a7-9dff-152152e55117"
9992
9992
  },
9993
9993
  "mobile": {
9994
- "value": "22px",
9994
+ "value": "26px",
9995
9995
  "uuid": "b7ae7b32-b347-4e09-9978-3b0b92a4dbab"
9996
9996
  }
9997
9997
  }
@@ -15587,6 +15587,182 @@
15587
15587
  "value": "1px",
15588
15588
  "uuid": "53fef925-59e3-4df5-9ac2-e2b4d34d9bca"
15589
15589
  },
15590
+ "switch-handle-size-small": {
15591
+ "sets": {
15592
+ "desktop": {
15593
+ "value": "6px",
15594
+ "uuid": "459a9b8c-b59b-4c9c-bc2d-c840d463040a"
15595
+ },
15596
+ "mobile": {
15597
+ "value": "10px",
15598
+ "uuid": "8ccf8d0c-13a8-48da-a6dd-790ad728083f"
15599
+ }
15600
+ }
15601
+ },
15602
+ "switch-handle-selected-size-small": {
15603
+ "sets": {
15604
+ "desktop": {
15605
+ "value": "8px",
15606
+ "uuid": "507c0319-747b-448c-8962-5a73097ddfe2"
15607
+ },
15608
+ "mobile": {
15609
+ "value": "12px",
15610
+ "uuid": "14b85a33-6501-4366-90d3-e0c5375c522b"
15611
+ }
15612
+ }
15613
+ },
15614
+ "switch-handle-selected-size-medium": {
15615
+ "sets": {
15616
+ "desktop": {
15617
+ "value": "10px",
15618
+ "uuid": "29e7e1f1-d789-4d3c-9288-a139c7ae07ad"
15619
+ },
15620
+ "mobile": {
15621
+ "value": "14px",
15622
+ "uuid": "12f8e465-8241-4b1a-91f8-27e91e5a01bf"
15623
+ }
15624
+ }
15625
+ },
15626
+ "switch-handle-selected-size-large": {
15627
+ "sets": {
15628
+ "desktop": {
15629
+ "value": "12px",
15630
+ "uuid": "83d7ed85-236a-4266-a57f-d33a5f1785ff"
15631
+ },
15632
+ "mobile": {
15633
+ "value": "16px",
15634
+ "uuid": "eadbe025-3d4a-4874-89ad-b6f667a62837"
15635
+ }
15636
+ }
15637
+ },
15638
+ "switch-handle-selected-size-extra-large": {
15639
+ "sets": {
15640
+ "desktop": {
15641
+ "value": "14px",
15642
+ "uuid": "272949bf-1503-4e7b-80d5-859c1ce57169"
15643
+ },
15644
+ "mobile": {
15645
+ "value": "20px",
15646
+ "uuid": "63c42c0c-3976-4d4e-a86f-0234a3a72243"
15647
+ }
15648
+ }
15649
+ },
15650
+ "switch-handle-size-medium": {
15651
+ "sets": {
15652
+ "desktop": {
15653
+ "value": "8px",
15654
+ "uuid": "6b885dfc-af50-4c44-8ee5-bf6b03624203"
15655
+ },
15656
+ "mobile": {
15657
+ "value": "12px",
15658
+ "uuid": "6263739c-dd33-4670-819a-d3aa0b9056b4"
15659
+ }
15660
+ }
15661
+ },
15662
+ "switch-handle-size-large": {
15663
+ "sets": {
15664
+ "desktop": {
15665
+ "value": "10px",
15666
+ "uuid": "2216638d-6dc7-4bfa-8364-99fe8eab2b3b"
15667
+ },
15668
+ "mobile": {
15669
+ "value": "14px",
15670
+ "uuid": "91764817-6e5d-4273-b856-6751e40eb548"
15671
+ }
15672
+ }
15673
+ },
15674
+ "switch-handle-size-extra-large": {
15675
+ "sets": {
15676
+ "desktop": {
15677
+ "value": "12px",
15678
+ "uuid": "cfa167e1-39e9-4d05-b757-bdd616830358"
15679
+ },
15680
+ "mobile": {
15681
+ "value": "18px",
15682
+ "uuid": "daee9fb3-c94c-4f91-90d5-99e40034c1fd"
15683
+ }
15684
+ }
15685
+ },
15686
+ "tag-minimum-width-multiplier": {
15687
+ "value": "1",
15688
+ "uuid": "837b2ac3-0adc-438c-b249-b96bac07049f"
15689
+ },
15690
+ "tag-maximum-width-multiplier": {
15691
+ "value": "7",
15692
+ "uuid": "8771f506-a491-4222-be86-0e666ea2c711"
15693
+ },
15694
+ "tag-label-to-clear-icon-small": {
15695
+ "sets": {
15696
+ "desktop": {
15697
+ "value": "8px",
15698
+ "uuid": "bfc9cd19-e115-4ff2-908d-6cd4725f68bc"
15699
+ },
15700
+ "mobile": {
15701
+ "value": "10px",
15702
+ "uuid": "2011748e-f950-4c6e-9eee-1c0d77b7ba36"
15703
+ }
15704
+ }
15705
+ },
15706
+ "tag-label-to-clear-icon-medium": {
15707
+ "sets": {
15708
+ "desktop": {
15709
+ "value": "12px",
15710
+ "uuid": "c964fe64-fcb6-4417-977d-b15880daf164"
15711
+ },
15712
+ "mobile": {
15713
+ "value": "15px",
15714
+ "uuid": "ff7424ba-5f65-46ff-b408-4ffb2cfc5035"
15715
+ }
15716
+ }
15717
+ },
15718
+ "tag-label-to-clear-icon-large": {
15719
+ "sets": {
15720
+ "desktop": {
15721
+ "value": "15px",
15722
+ "uuid": "8533ad58-9e81-4154-8ad1-57213741e814"
15723
+ },
15724
+ "mobile": {
15725
+ "value": "19px",
15726
+ "uuid": "7c1375da-c6c7-42b3-b60e-0ef6724c6303"
15727
+ }
15728
+ }
15729
+ },
15730
+ "tag-edge-to-clear-icon-small": {
15731
+ "sets": {
15732
+ "desktop": {
15733
+ "value": "8px",
15734
+ "uuid": "a27b0e7c-8840-4d08-8f88-39643589c554"
15735
+ },
15736
+ "mobile": {
15737
+ "value": "10px",
15738
+ "uuid": "6f913e5f-debc-4b7d-897d-c2704847c2e5"
15739
+ }
15740
+ }
15741
+ },
15742
+ "tag-edge-to-clear-icon-medium": {
15743
+ "sets": {
15744
+ "desktop": {
15745
+ "value": "12px",
15746
+ "uuid": "e4e422af-181f-47b5-b165-f514a0a6f41c"
15747
+ },
15748
+ "mobile": {
15749
+ "value": "15px",
15750
+ "uuid": "a2f75bb4-0ce4-4993-9a43-09cd2b7376bf"
15751
+ }
15752
+ }
15753
+ },
15754
+ "tag-edge-to-clear-icon-large": {
15755
+ "sets": {
15756
+ "desktop": {
15757
+ "value": "15px",
15758
+ "uuid": "896b20fc-c13e-4785-a252-00857208d51c"
15759
+ },
15760
+ "mobile": {
15761
+ "value": "19px",
15762
+ "uuid": "b046b12c-5c39-4018-8ccc-9a5cb08eb6e5"
15763
+ }
15764
+ }
15765
+ },
15590
15766
  "corner-radius-0": {
15591
15767
  "value": "0px",
15592
15768
  "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"
@@ -18846,6 +19022,78 @@
18846
19022
  },
18847
19023
  "uuid": "de206438-991f-4580-8aa1-1488acb03a09"
18848
19024
  },
19025
+ "negative-subdued-background-color-default": {
19026
+ "ref": "{negative-color-200}",
19027
+ "sets": {
19028
+ "light": {
19029
+ "value": "rgb(255, 235, 232)",
19030
+ "uuid": "a1f7b6a3-4195-44dc-a772-9a04d3cf859c"
19031
+ },
19032
+ "dark": {
19033
+ "value": "rgb(68, 13, 5)",
19034
+ "uuid": "b18ca77b-898e-4e09-88e2-8901de3e9172"
19035
+ },
19036
+ "wireframe": {
19037
+ "value": "rgb(235, 239, 248)",
19038
+ "uuid": "1d78cfc4-2c54-450e-9c5a-e3d3a40bcf32"
19039
+ }
19040
+ },
19041
+ "uuid": "a553db3e-a051-4023-87eb-da6545b983b2"
19042
+ },
19043
+ "negative-subdued-background-color-hover": {
19044
+ "ref": "{negative-color-300}",
19045
+ "sets": {
19046
+ "light": {
19047
+ "value": "rgb(255, 214, 209)",
19048
+ "uuid": "3a393af6-c7f2-45bb-a4bc-9b55518c71ac"
19049
+ },
19050
+ "dark": {
19051
+ "value": "rgb(87, 17, 7)",
19052
+ "uuid": "fcfcf026-be31-4a05-b833-6757cacb8b05"
19053
+ },
19054
+ "wireframe": {
19055
+ "value": "rgb(216, 224, 242)",
19056
+ "uuid": "c020ab70-b666-478b-aaf2-8e06c033f307"
19057
+ }
19058
+ },
19059
+ "uuid": "9513cf13-8537-443f-81ce-f9d88292ba32"
19060
+ },
19061
+ "negative-subdued-background-color-down": {
19062
+ "ref": "{negative-color-300}",
19063
+ "sets": {
19064
+ "light": {
19065
+ "value": "rgb(255, 214, 209)",
19066
+ "uuid": "3a393af6-c7f2-45bb-a4bc-9b55518c71ac"
19067
+ },
19068
+ "dark": {
19069
+ "value": "rgb(87, 17, 7)",
19070
+ "uuid": "fcfcf026-be31-4a05-b833-6757cacb8b05"
19071
+ },
19072
+ "wireframe": {
19073
+ "value": "rgb(216, 224, 242)",
19074
+ "uuid": "c020ab70-b666-478b-aaf2-8e06c033f307"
19075
+ }
19076
+ },
19077
+ "uuid": "1eea917c-52e7-4295-b0e1-d33c2e73a137"
19078
+ },
19079
+ "negative-subdued-background-color-key-focus": {
19080
+ "ref": "{negative-color-300}",
19081
+ "sets": {
19082
+ "light": {
19083
+ "value": "rgb(255, 214, 209)",
19084
+ "uuid": "3a393af6-c7f2-45bb-a4bc-9b55518c71ac"
19085
+ },
19086
+ "dark": {
19087
+ "value": "rgb(87, 17, 7)",
19088
+ "uuid": "fcfcf026-be31-4a05-b833-6757cacb8b05"
19089
+ },
19090
+ "wireframe": {
19091
+ "value": "rgb(216, 224, 242)",
19092
+ "uuid": "c020ab70-b666-478b-aaf2-8e06c033f307"
19093
+ }
19094
+ },
19095
+ "uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88"
19096
+ },
18849
19097
  "default-font-family": {
18850
19098
  "ref": "{sans-serif-font-family}",
18851
19099
  "value": "Adobe Clean",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "13.0.0-beta.14",
3
+ "version": "13.0.0-beta.16",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "tasks/buildSpectrumTokens.js",
@@ -133,12 +133,12 @@
133
133
  "sets": {
134
134
  "desktop": {
135
135
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
136
- "value": "23px",
136
+ "value": "22px",
137
137
  "uuid": "f4d6fe1a-70bd-473a-9fa5-477865ea898e"
138
138
  },
139
139
  "mobile": {
140
140
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
141
- "value": "32px",
141
+ "value": "30px",
142
142
  "uuid": "ca939c4d-9369-498c-81cb-61df1397f657"
143
143
  }
144
144
  }
@@ -154,7 +154,7 @@
154
154
  },
155
155
  "mobile": {
156
156
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
157
- "value": "36px",
157
+ "value": "34px",
158
158
  "uuid": "ec2f3b6b-80db-4c43-bdd2-caee98796775"
159
159
  }
160
160
  }
@@ -165,12 +165,12 @@
165
165
  "sets": {
166
166
  "desktop": {
167
167
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
168
- "value": "29px",
168
+ "value": "30px",
169
169
  "uuid": "cef839a5-2ba7-4e47-9a85-d94260a8ff10"
170
170
  },
171
171
  "mobile": {
172
172
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
173
- "value": "41px",
173
+ "value": "38px",
174
174
  "uuid": "5c7bdcc9-63f8-4c4b-b26f-97b39f53dbea"
175
175
  }
176
176
  }
@@ -181,7 +181,7 @@
181
181
  "sets": {
182
182
  "desktop": {
183
183
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
184
- "value": "33px",
184
+ "value": "34px",
185
185
  "uuid": "f3102afd-e5df-4912-9203-8226ce37fed5"
186
186
  },
187
187
  "mobile": {
@@ -197,12 +197,12 @@
197
197
  "sets": {
198
198
  "desktop": {
199
199
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
200
- "value": "12px",
200
+ "value": "14px",
201
201
  "uuid": "3bf75a24-5e95-4c18-9da2-b7088377fe21"
202
202
  },
203
203
  "mobile": {
204
204
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
205
- "value": "16px",
205
+ "value": "18px",
206
206
  "uuid": "a1dbcaf0-bbcf-444d-9d22-7f86db20303a"
207
207
  }
208
208
  }
@@ -213,12 +213,12 @@
213
213
  "sets": {
214
214
  "desktop": {
215
215
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
216
- "value": "14px",
216
+ "value": "16px",
217
217
  "uuid": "f97f0f1b-c0c2-410f-b116-86d30f4d52cf"
218
218
  },
219
219
  "mobile": {
220
220
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
221
- "value": "18px",
221
+ "value": "20px",
222
222
  "uuid": "0d5f13f2-4d5b-4c30-b3a3-fa4fcc33b928"
223
223
  }
224
224
  }
@@ -229,12 +229,12 @@
229
229
  "sets": {
230
230
  "desktop": {
231
231
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
232
- "value": "16px",
232
+ "value": "18px",
233
233
  "uuid": "8301bfca-a086-4efd-a22f-1d348cbd6dcf"
234
234
  },
235
235
  "mobile": {
236
236
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
237
- "value": "20px",
237
+ "value": "22px",
238
238
  "uuid": "91b828ce-8ff9-4d32-958e-a8a23ef9b345"
239
239
  }
240
240
  }
@@ -245,12 +245,12 @@
245
245
  "sets": {
246
246
  "desktop": {
247
247
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
248
- "value": "18px",
248
+ "value": "20px",
249
249
  "uuid": "2372d602-78ce-45a7-9dff-152152e55117"
250
250
  },
251
251
  "mobile": {
252
252
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
253
- "value": "22px",
253
+ "value": "26px",
254
254
  "uuid": "b7ae7b32-b347-4e09-9978-3b0b92a4dbab"
255
255
  }
256
256
  }
@@ -6925,5 +6925,225 @@
6925
6925
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6926
6926
  "value": "1px",
6927
6927
  "uuid": "53fef925-59e3-4df5-9ac2-e2b4d34d9bca"
6928
+ },
6929
+ "switch-handle-size-small": {
6930
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
6931
+ "sets": {
6932
+ "desktop": {
6933
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6934
+ "value": "6px",
6935
+ "uuid": "459a9b8c-b59b-4c9c-bc2d-c840d463040a"
6936
+ },
6937
+ "mobile": {
6938
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6939
+ "value": "10px",
6940
+ "uuid": "8ccf8d0c-13a8-48da-a6dd-790ad728083f"
6941
+ }
6942
+ }
6943
+ },
6944
+ "switch-handle-selected-size-small": {
6945
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
6946
+ "sets": {
6947
+ "desktop": {
6948
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6949
+ "value": "8px",
6950
+ "uuid": "507c0319-747b-448c-8962-5a73097ddfe2"
6951
+ },
6952
+ "mobile": {
6953
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6954
+ "value": "12px",
6955
+ "uuid": "14b85a33-6501-4366-90d3-e0c5375c522b"
6956
+ }
6957
+ }
6958
+ },
6959
+ "switch-handle-selected-size-medium": {
6960
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
6961
+ "sets": {
6962
+ "desktop": {
6963
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6964
+ "value": "10px",
6965
+ "uuid": "29e7e1f1-d789-4d3c-9288-a139c7ae07ad"
6966
+ },
6967
+ "mobile": {
6968
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6969
+ "value": "14px",
6970
+ "uuid": "12f8e465-8241-4b1a-91f8-27e91e5a01bf"
6971
+ }
6972
+ }
6973
+ },
6974
+ "switch-handle-selected-size-large": {
6975
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
6976
+ "sets": {
6977
+ "desktop": {
6978
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6979
+ "value": "12px",
6980
+ "uuid": "83d7ed85-236a-4266-a57f-d33a5f1785ff"
6981
+ },
6982
+ "mobile": {
6983
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6984
+ "value": "16px",
6985
+ "uuid": "eadbe025-3d4a-4874-89ad-b6f667a62837"
6986
+ }
6987
+ }
6988
+ },
6989
+ "switch-handle-selected-size-extra-large": {
6990
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
6991
+ "sets": {
6992
+ "desktop": {
6993
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6994
+ "value": "14px",
6995
+ "uuid": "272949bf-1503-4e7b-80d5-859c1ce57169"
6996
+ },
6997
+ "mobile": {
6998
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
6999
+ "value": "20px",
7000
+ "uuid": "63c42c0c-3976-4d4e-a86f-0234a3a72243"
7001
+ }
7002
+ }
7003
+ },
7004
+ "switch-handle-size-medium": {
7005
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7006
+ "sets": {
7007
+ "desktop": {
7008
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7009
+ "value": "8px",
7010
+ "uuid": "6b885dfc-af50-4c44-8ee5-bf6b03624203"
7011
+ },
7012
+ "mobile": {
7013
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7014
+ "value": "12px",
7015
+ "uuid": "6263739c-dd33-4670-819a-d3aa0b9056b4"
7016
+ }
7017
+ }
7018
+ },
7019
+ "switch-handle-size-large": {
7020
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7021
+ "sets": {
7022
+ "desktop": {
7023
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7024
+ "value": "10px",
7025
+ "uuid": "2216638d-6dc7-4bfa-8364-99fe8eab2b3b"
7026
+ },
7027
+ "mobile": {
7028
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7029
+ "value": "14px",
7030
+ "uuid": "91764817-6e5d-4273-b856-6751e40eb548"
7031
+ }
7032
+ }
7033
+ },
7034
+ "switch-handle-size-extra-large": {
7035
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7036
+ "sets": {
7037
+ "desktop": {
7038
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7039
+ "value": "12px",
7040
+ "uuid": "cfa167e1-39e9-4d05-b757-bdd616830358"
7041
+ },
7042
+ "mobile": {
7043
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7044
+ "value": "18px",
7045
+ "uuid": "daee9fb3-c94c-4f91-90d5-99e40034c1fd"
7046
+ }
7047
+ }
7048
+ },
7049
+ "tag-minimum-width-multiplier": {
7050
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
7051
+ "value": "1",
7052
+ "uuid": "837b2ac3-0adc-438c-b249-b96bac07049f"
7053
+ },
7054
+ "tag-maximum-width-multiplier": {
7055
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
7056
+ "value": "7",
7057
+ "uuid": "8771f506-a491-4222-be86-0e666ea2c711"
7058
+ },
7059
+ "tag-label-to-clear-icon-small": {
7060
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7061
+ "sets": {
7062
+ "desktop": {
7063
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7064
+ "value": "8px",
7065
+ "uuid": "bfc9cd19-e115-4ff2-908d-6cd4725f68bc"
7066
+ },
7067
+ "mobile": {
7068
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7069
+ "value": "10px",
7070
+ "uuid": "2011748e-f950-4c6e-9eee-1c0d77b7ba36"
7071
+ }
7072
+ }
7073
+ },
7074
+ "tag-label-to-clear-icon-medium": {
7075
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7076
+ "sets": {
7077
+ "desktop": {
7078
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7079
+ "value": "12px",
7080
+ "uuid": "c964fe64-fcb6-4417-977d-b15880daf164"
7081
+ },
7082
+ "mobile": {
7083
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7084
+ "value": "15px",
7085
+ "uuid": "ff7424ba-5f65-46ff-b408-4ffb2cfc5035"
7086
+ }
7087
+ }
7088
+ },
7089
+ "tag-label-to-clear-icon-large": {
7090
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7091
+ "sets": {
7092
+ "desktop": {
7093
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7094
+ "value": "15px",
7095
+ "uuid": "8533ad58-9e81-4154-8ad1-57213741e814"
7096
+ },
7097
+ "mobile": {
7098
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7099
+ "value": "19px",
7100
+ "uuid": "7c1375da-c6c7-42b3-b60e-0ef6724c6303"
7101
+ }
7102
+ }
7103
+ },
7104
+ "tag-edge-to-clear-icon-small": {
7105
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7106
+ "sets": {
7107
+ "desktop": {
7108
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7109
+ "value": "8px",
7110
+ "uuid": "a27b0e7c-8840-4d08-8f88-39643589c554"
7111
+ },
7112
+ "mobile": {
7113
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7114
+ "value": "10px",
7115
+ "uuid": "6f913e5f-debc-4b7d-897d-c2704847c2e5"
7116
+ }
7117
+ }
7118
+ },
7119
+ "tag-edge-to-clear-icon-medium": {
7120
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7121
+ "sets": {
7122
+ "desktop": {
7123
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7124
+ "value": "12px",
7125
+ "uuid": "e4e422af-181f-47b5-b165-f514a0a6f41c"
7126
+ },
7127
+ "mobile": {
7128
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7129
+ "value": "15px",
7130
+ "uuid": "a2f75bb4-0ce4-4993-9a43-09cd2b7376bf"
7131
+ }
7132
+ }
7133
+ },
7134
+ "tag-edge-to-clear-icon-large": {
7135
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
7136
+ "sets": {
7137
+ "desktop": {
7138
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7139
+ "value": "15px",
7140
+ "uuid": "896b20fc-c13e-4785-a252-00857208d51c"
7141
+ },
7142
+ "mobile": {
7143
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7144
+ "value": "19px",
7145
+ "uuid": "b046b12c-5c39-4018-8ccc-9a5cb08eb6e5"
7146
+ }
7147
+ }
6928
7148
  }
6929
- }
7149
+ }
@@ -398,5 +398,25 @@
398
398
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
399
399
  "value": "{green-1600}",
400
400
  "uuid": "de206438-991f-4580-8aa1-1488acb03a09"
401
+ },
402
+ "negative-subdued-background-color-default": {
403
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
404
+ "value": "{negative-color-200}",
405
+ "uuid": "a553db3e-a051-4023-87eb-da6545b983b2"
406
+ },
407
+ "negative-subdued-background-color-hover": {
408
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
409
+ "value": "{negative-color-300}",
410
+ "uuid": "9513cf13-8537-443f-81ce-f9d88292ba32"
411
+ },
412
+ "negative-subdued-background-color-down": {
413
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
414
+ "value": "{negative-color-300}",
415
+ "uuid": "1eea917c-52e7-4295-b0e1-d33c2e73a137"
416
+ },
417
+ "negative-subdued-background-color-key-focus": {
418
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
419
+ "value": "{negative-color-300}",
420
+ "uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88"
401
421
  }
402
- }
422
+ }