@adobe/spectrum-tokens 13.0.0-beta.11 → 13.0.0-beta.13

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,54 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
+ ## 13.0.0-beta.13
4
+
5
+ ### Minor Changes
6
+
7
+ - ef600c4: ## Design Motivation
8
+
9
+ - The updated tooltip component in Spectrum 2 has a larger, slightly rounded tip
10
+ - Added tokens for horizontal and vertical orientation
11
+
12
+ ## Tokens Diff
13
+
14
+ _Tokens added (3):_
15
+
16
+ - `divider-horizontal-minimum-width`
17
+ - `divider-vertical-minimum-height`
18
+ - `tooltip-tip-corner-radius`
19
+
20
+ _Token values updated (2):_
21
+
22
+ - `tooltip-tip-height`
23
+ - `tooltip-tip-width`
24
+
25
+ ## 13.0.0-beta.12
26
+
27
+ ### Minor Changes
28
+
29
+ - c87d743: Updates to spacing tokens for the S2 field label component include:
30
+
31
+ Token: field-label-top-to-asterisk-[medium, large, extra-large]. Only value for extra-large token required updating in the desktop scale. All other sizes presented accurate values.
32
+
33
+ Token: field-label-top-margin-[medium, large, extra-large]. All values were updated to reflect 0px for both desktop and mobile scales
34
+
35
+ ## Design Motivation
36
+
37
+ These changes occurred as a result of updates to the field label component for S2.
38
+
39
+ ## Token Diff
40
+
41
+ _Token values updated (4):_
42
+
43
+ - `field-label-top-margin-extra-large`
44
+ - `field-label-top-margin-large`
45
+ - `field-label-top-margin-medium`
46
+ - `field-label-top-to-asterisk-extra-large`
47
+
48
+ ## Schema Diff
49
+
50
+ Adds missing schema information for `corner-radius-1000`. Also added `schemas/token-types/multiplier.json` to the `scale-set` schema.
51
+
3
52
  ## 13.0.0-beta.11
4
53
 
5
54
  ### Minor Changes
@@ -1479,9 +1479,11 @@
1479
1479
  "disclosure-indicator-top-to-disclosure-icon-large": "14px",
1480
1480
  "disclosure-indicator-top-to-disclosure-icon-medium": "11px",
1481
1481
  "disclosure-indicator-top-to-disclosure-icon-small": "7px",
1482
+ "divider-horizontal-minimum-width": "200px",
1482
1483
  "divider-thickness-large": "4px",
1483
1484
  "divider-thickness-medium": "2px",
1484
1485
  "divider-thickness-small": "1px",
1486
+ "divider-vertical-minimum-height": "200px",
1485
1487
  "drop-shadow-blur": "4px",
1486
1488
  "drop-shadow-x": "0px",
1487
1489
  "drop-shadow-y": "1px",
@@ -1524,11 +1526,11 @@
1524
1526
  "field-label-to-component-quiet-large": "-12px",
1525
1527
  "field-label-to-component-quiet-medium": "-8px",
1526
1528
  "field-label-to-component-quiet-small": "-8px",
1527
- "field-label-top-margin-extra-large": "5px",
1528
- "field-label-top-margin-large": "5px",
1529
- "field-label-top-margin-medium": "4px",
1529
+ "field-label-top-margin-extra-large": "0px",
1530
+ "field-label-top-margin-large": "0px",
1531
+ "field-label-top-margin-medium": "0px",
1530
1532
  "field-label-top-margin-small": "0px",
1531
- "field-label-top-to-asterisk-extra-large": "19px",
1533
+ "field-label-top-to-asterisk-extra-large": "18px",
1532
1534
  "field-label-top-to-asterisk-large": "15px",
1533
1535
  "field-label-top-to-asterisk-medium": "12px",
1534
1536
  "field-label-top-to-asterisk-small": "8px",
@@ -1940,8 +1942,9 @@
1940
1942
  "toast-top-to-text": "14px",
1941
1943
  "toast-top-to-workflow-icon": "15px",
1942
1944
  "tooltip-maximum-width": "160px",
1943
- "tooltip-tip-height": "4px",
1944
- "tooltip-tip-width": "8px",
1945
+ "tooltip-tip-corner-radius": "1px",
1946
+ "tooltip-tip-height": "5px",
1947
+ "tooltip-tip-width": "10px",
1945
1948
  "tray-top-to-content-area": "4px",
1946
1949
  "workflow-icon-size-100": "20px",
1947
1950
  "workflow-icon-size-200": "22px",
@@ -10351,7 +10351,7 @@
10351
10351
  "field-label-top-to-asterisk-extra-large": {
10352
10352
  "sets": {
10353
10353
  "desktop": {
10354
- "value": "19px",
10354
+ "value": "18px",
10355
10355
  "uuid": "e53ea4a5-bde5-4695-9ab8-50c2ce704019"
10356
10356
  },
10357
10357
  "mobile": {
@@ -10375,11 +10375,11 @@
10375
10375
  "field-label-top-margin-medium": {
10376
10376
  "sets": {
10377
10377
  "desktop": {
10378
- "value": "4px",
10378
+ "value": "0px",
10379
10379
  "uuid": "b5243f56-7985-4686-b41f-9b9b9a18b047"
10380
10380
  },
10381
10381
  "mobile": {
10382
- "value": "5px",
10382
+ "value": "0px",
10383
10383
  "uuid": "9d00a023-3a33-4b98-819e-3229e03d103b"
10384
10384
  }
10385
10385
  }
@@ -10387,11 +10387,11 @@
10387
10387
  "field-label-top-margin-large": {
10388
10388
  "sets": {
10389
10389
  "desktop": {
10390
- "value": "5px",
10390
+ "value": "0px",
10391
10391
  "uuid": "f7dd90d8-91e6-4090-a5a9-6b30087860a4"
10392
10392
  },
10393
10393
  "mobile": {
10394
- "value": "6px",
10394
+ "value": "0px",
10395
10395
  "uuid": "f83b208f-dfdb-49a8-aedd-08fe8c7a86a9"
10396
10396
  }
10397
10397
  }
@@ -10399,11 +10399,11 @@
10399
10399
  "field-label-top-margin-extra-large": {
10400
10400
  "sets": {
10401
10401
  "desktop": {
10402
- "value": "5px",
10402
+ "value": "0px",
10403
10403
  "uuid": "5c14d528-fe17-4b0b-a123-edbdb93fd173"
10404
10404
  },
10405
10405
  "mobile": {
10406
- "value": "6px",
10406
+ "value": "0px",
10407
10407
  "uuid": "c4c5e251-d514-42cf-b9e3-56694910e95b"
10408
10408
  }
10409
10409
  }
@@ -10755,11 +10755,11 @@
10755
10755
  "tooltip-tip-width": {
10756
10756
  "sets": {
10757
10757
  "desktop": {
10758
- "value": "8px",
10758
+ "value": "10px",
10759
10759
  "uuid": "0732bd0e-c5c0-4e58-8fee-2015c1753237"
10760
10760
  },
10761
10761
  "mobile": {
10762
- "value": "10px",
10762
+ "value": "12px",
10763
10763
  "uuid": "ad2c09a6-c42e-4eef-94a3-6c2180c6e2af"
10764
10764
  }
10765
10765
  }
@@ -10767,11 +10767,11 @@
10767
10767
  "tooltip-tip-height": {
10768
10768
  "sets": {
10769
10769
  "desktop": {
10770
- "value": "4px",
10770
+ "value": "5px",
10771
10771
  "uuid": "481757aa-c6b5-4281-9a63-feeb1c88aec6"
10772
10772
  },
10773
10773
  "mobile": {
10774
- "value": "5px",
10774
+ "value": "6px",
10775
10775
  "uuid": "70c9f65f-1e23-4c47-94dd-0c3ddde15743"
10776
10776
  }
10777
10777
  }
@@ -15824,6 +15824,18 @@
15824
15824
  }
15825
15825
  }
15826
15826
  },
15827
+ "divider-vertical-minimum-height": {
15828
+ "value": "200px",
15829
+ "uuid": "299db7d6-66f6-4fcb-890d-223406c85ae4"
15830
+ },
15831
+ "divider-horizontal-minimum-width": {
15832
+ "value": "200px",
15833
+ "uuid": "a0093378-0b2c-474b-9fe5-76940fd1398b"
15834
+ },
15835
+ "tooltip-tip-corner-radius": {
15836
+ "value": "1px",
15837
+ "uuid": "53fef925-59e3-4df5-9ac2-e2b4d34d9bca"
15838
+ },
15827
15839
  "corner-radius-0": {
15828
15840
  "sets": {
15829
15841
  "desktop": {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "13.0.0-beta.11",
3
+ "version": "13.0.0-beta.13",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "tasks/buildSpectrumTokens.js",
@@ -26,6 +26,9 @@
26
26
  },
27
27
  {
28
28
  "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json"
29
+ },
30
+ {
31
+ "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json"
29
32
  }
30
33
  ]
31
34
  },
@@ -39,6 +42,9 @@
39
42
  },
40
43
  {
41
44
  "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json"
45
+ },
46
+ {
47
+ "$ref": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json"
42
48
  }
43
49
  ]
44
50
  }
@@ -571,7 +571,7 @@
571
571
  "sets": {
572
572
  "desktop": {
573
573
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
574
- "value": "19px",
574
+ "value": "18px",
575
575
  "uuid": "e53ea4a5-bde5-4695-9ab8-50c2ce704019"
576
576
  },
577
577
  "mobile": {
@@ -603,12 +603,12 @@
603
603
  "sets": {
604
604
  "desktop": {
605
605
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
606
- "value": "4px",
606
+ "value": "0px",
607
607
  "uuid": "b5243f56-7985-4686-b41f-9b9b9a18b047"
608
608
  },
609
609
  "mobile": {
610
610
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
611
- "value": "5px",
611
+ "value": "0px",
612
612
  "uuid": "9d00a023-3a33-4b98-819e-3229e03d103b"
613
613
  }
614
614
  }
@@ -619,12 +619,12 @@
619
619
  "sets": {
620
620
  "desktop": {
621
621
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
622
- "value": "5px",
622
+ "value": "0px",
623
623
  "uuid": "f7dd90d8-91e6-4090-a5a9-6b30087860a4"
624
624
  },
625
625
  "mobile": {
626
626
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
627
- "value": "6px",
627
+ "value": "0px",
628
628
  "uuid": "f83b208f-dfdb-49a8-aedd-08fe8c7a86a9"
629
629
  }
630
630
  }
@@ -635,12 +635,12 @@
635
635
  "sets": {
636
636
  "desktop": {
637
637
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
638
- "value": "5px",
638
+ "value": "0px",
639
639
  "uuid": "5c14d528-fe17-4b0b-a123-edbdb93fd173"
640
640
  },
641
641
  "mobile": {
642
642
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
643
- "value": "6px",
643
+ "value": "0px",
644
644
  "uuid": "c4c5e251-d514-42cf-b9e3-56694910e95b"
645
645
  }
646
646
  }
@@ -1021,12 +1021,12 @@
1021
1021
  "sets": {
1022
1022
  "desktop": {
1023
1023
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1024
- "value": "8px",
1024
+ "value": "10px",
1025
1025
  "uuid": "0732bd0e-c5c0-4e58-8fee-2015c1753237"
1026
1026
  },
1027
1027
  "mobile": {
1028
1028
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1029
- "value": "10px",
1029
+ "value": "12px",
1030
1030
  "uuid": "ad2c09a6-c42e-4eef-94a3-6c2180c6e2af"
1031
1031
  }
1032
1032
  }
@@ -1037,12 +1037,12 @@
1037
1037
  "sets": {
1038
1038
  "desktop": {
1039
1039
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1040
- "value": "4px",
1040
+ "value": "5px",
1041
1041
  "uuid": "481757aa-c6b5-4281-9a63-feeb1c88aec6"
1042
1042
  },
1043
1043
  "mobile": {
1044
1044
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
1045
- "value": "5px",
1045
+ "value": "6px",
1046
1046
  "uuid": "70c9f65f-1e23-4c47-94dd-0c3ddde15743"
1047
1047
  }
1048
1048
  }
@@ -7060,5 +7060,20 @@
7060
7060
  "uuid": "ad959938-ad69-4137-91e4-fcf2465b223a"
7061
7061
  }
7062
7062
  }
7063
+ },
7064
+ "divider-vertical-minimum-height": {
7065
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7066
+ "value": "200px",
7067
+ "uuid": "299db7d6-66f6-4fcb-890d-223406c85ae4"
7068
+ },
7069
+ "divider-horizontal-minimum-width": {
7070
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7071
+ "value": "200px",
7072
+ "uuid": "a0093378-0b2c-474b-9fe5-76940fd1398b"
7073
+ },
7074
+ "tooltip-tip-corner-radius": {
7075
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
7076
+ "value": "1px",
7077
+ "uuid": "53fef925-59e3-4df5-9ac2-e2b4d34d9bca"
7063
7078
  }
7064
- }
7079
+ }
package/src/layout.json CHANGED
@@ -153,10 +153,12 @@
153
153
  "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
154
154
  "sets": {
155
155
  "desktop": {
156
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
156
157
  "value": "0.5",
157
158
  "uuid": "e4ad85b2-97bf-48cf-a5a9-3ff3d1fada5b"
158
159
  },
159
160
  "mobile": {
161
+ "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
160
162
  "value": "0.5",
161
163
  "uuid": "9cd69903-8417-4d6a-92cf-7ec759d5f60f"
162
164
  }