@adobe/spectrum-tokens 12.15.0 → 12.17.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.
package/CHANGELOG.md CHANGED
@@ -1,16 +1,49 @@
1
1
  # @adobe/spectrum-tokens
2
2
 
3
- ## 12.15.0
3
+ ## 12.17.0
4
4
 
5
5
  ### Minor Changes
6
6
 
7
- - fc12f6d: Added side-navigation token
7
+ - 687f6c3: Updated coach-mark tokens
8
+
9
+ #### Token Diff
10
+
11
+ _Tokens added (6):_
12
+
13
+ - `coach-mark-maximum-width`
14
+ - `coach-mark-media-height`
15
+ - `coach-mark-width`
16
+
17
+ _Token values updated (1):_
18
+
19
+ - `coach-mark-minimum-width`: `mobile` from `208px` to `216px`
20
+ - `coach-mark-title-size`: added `desktop` value
21
+ - `coach-mark-body-size`: added `desktop` value
22
+ - `coach-mark-pagination-body-size`: added `desktop` value
23
+
24
+ ## 12.16.0
25
+
26
+ ### Minor Changes
27
+
28
+ - 25dc20d: Add new menu-item token for section dividers
8
29
 
9
30
  #### Token Diff
10
31
 
11
32
  _Tokens added (1):_
12
33
 
13
- - `side-navigation-bottom-to-text`
34
+ - `menu-item-section-divider-height`
35
+
36
+ ## 12.15.0
37
+
38
+ ### Minor Changes
39
+
40
+ - fc12f6d: Added side-navigation token
41
+
42
+ #### Token Diff
43
+
44
+ _Tokens added (1):_
45
+
46
+ - `side-navigation-bottom-to-text`
14
47
 
15
48
  ## 12.14.0
16
49
 
@@ -1437,10 +1437,16 @@
1437
1437
  "cjk-letter-spacing": "0.05em",
1438
1438
  "cjk-line-height-100": "1.5",
1439
1439
  "cjk-line-height-200": "1.7",
1440
+ "coach-mark-body-size": "14px",
1440
1441
  "coach-mark-edge-to-content": "24px",
1442
+ "coach-mark-maximum-width": "380px",
1443
+ "coach-mark-media-height": "222px",
1441
1444
  "coach-mark-media-minimum-height": "166px",
1442
1445
  "coach-mark-minimum-width": "296px",
1446
+ "coach-mark-pagination-body-size": "14px",
1443
1447
  "coach-mark-pagination-text-to-bottom-edge": "33px",
1448
+ "coach-mark-title-size": "16px",
1449
+ "coach-mark-width": "296px",
1444
1450
  "code-cjk-line-height": "1.7",
1445
1451
  "code-line-height": "1.5",
1446
1452
  "code-size-l": "18px",
@@ -1714,6 +1720,7 @@
1714
1720
  "menu-item-edge-to-content-not-selected-medium": "32px",
1715
1721
  "menu-item-edge-to-content-not-selected-small": "28px",
1716
1722
  "menu-item-label-to-description": "1px",
1723
+ "menu-item-section-divider-height": "8px",
1717
1724
  "menu-item-top-to-disclosure-icon-extra-large": "17px",
1718
1725
  "menu-item-top-to-disclosure-icon-large": "14px",
1719
1726
  "menu-item-top-to-disclosure-icon-medium": "11px",
@@ -13795,6 +13795,10 @@
13795
13795
  }
13796
13796
  }
13797
13797
  },
13798
+ "menu-item-section-divider-height": {
13799
+ "value": "8px",
13800
+ "uuid": "dac5c077-b948-434b-91bd-0759c2414007"
13801
+ },
13798
13802
  "slider-track-thickness": {
13799
13803
  "sets": {
13800
13804
  "spectrum": {
@@ -15638,6 +15642,18 @@
15638
15642
  },
15639
15643
  "uuid": "bb3fee51-24cc-4643-9f22-fa1592ab2457"
15640
15644
  },
15645
+ "coach-mark-width": {
15646
+ "sets": {
15647
+ "desktop": {
15648
+ "value": "296px",
15649
+ "uuid": "49d1e2be-3aa2-4515-ba54-7f6cf3ab007c"
15650
+ },
15651
+ "mobile": {
15652
+ "value": "216px",
15653
+ "uuid": "b3f14387-44fd-43d3-a152-c8e691ef87df"
15654
+ }
15655
+ }
15656
+ },
15641
15657
  "coach-mark-minimum-width": {
15642
15658
  "sets": {
15643
15659
  "desktop": {
@@ -15645,11 +15661,23 @@
15645
15661
  "uuid": "9f413341-5ed5-4cd0-8348-1c7141dcab8d"
15646
15662
  },
15647
15663
  "mobile": {
15648
- "value": "208px",
15664
+ "value": "216px",
15649
15665
  "uuid": "9004d69e-5726-42f5-a4d0-de09db2de784"
15650
15666
  }
15651
15667
  }
15652
15668
  },
15669
+ "coach-mark-maximum-width": {
15670
+ "sets": {
15671
+ "desktop": {
15672
+ "value": "380px",
15673
+ "uuid": "07cdeb95-d368-4ed1-ba29-6b9ddeae1396"
15674
+ },
15675
+ "mobile": {
15676
+ "value": "248px",
15677
+ "uuid": "7f8346b2-f8bf-441d-8412-2a2a28cf4b90"
15678
+ }
15679
+ }
15680
+ },
15653
15681
  "coach-mark-edge-to-content": {
15654
15682
  "sets": {
15655
15683
  "desktop": {
@@ -15676,6 +15704,18 @@
15676
15704
  }
15677
15705
  }
15678
15706
  },
15707
+ "coach-mark-media-height": {
15708
+ "sets": {
15709
+ "desktop": {
15710
+ "value": "222px",
15711
+ "uuid": "f6381a33-ac4e-4ff9-86a3-183c857772ad"
15712
+ },
15713
+ "mobile": {
15714
+ "value": "162px",
15715
+ "uuid": "45b31e46-b878-40a2-a28a-91c480f45253"
15716
+ }
15717
+ }
15718
+ },
15679
15719
  "coach-mark-media-minimum-height": {
15680
15720
  "sets": {
15681
15721
  "desktop": {
@@ -15690,6 +15730,20 @@
15690
15730
  },
15691
15731
  "coach-mark-title-size": {
15692
15732
  "sets": {
15733
+ "desktop": {
15734
+ "ref": "{heading-size-xs}",
15735
+ "sets": {
15736
+ "desktop": {
15737
+ "value": "16px",
15738
+ "uuid": "b36caaa3-7047-4dfb-8a84-f990a8ac3a91"
15739
+ },
15740
+ "mobile": {
15741
+ "value": "19px",
15742
+ "uuid": "7e51ff4e-2749-49d1-b9ed-75de92a73991"
15743
+ }
15744
+ },
15745
+ "uuid": "331604db-3f28-472e-810d-9010ed2c8e33"
15746
+ },
15693
15747
  "mobile": {
15694
15748
  "ref": "{heading-size-xxs}",
15695
15749
  "sets": {
@@ -15708,6 +15762,20 @@
15708
15762
  },
15709
15763
  "coach-mark-body-size": {
15710
15764
  "sets": {
15765
+ "desktop": {
15766
+ "ref": "{body-size-s}",
15767
+ "sets": {
15768
+ "desktop": {
15769
+ "value": "14px",
15770
+ "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
15771
+ },
15772
+ "mobile": {
15773
+ "value": "17px",
15774
+ "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
15775
+ }
15776
+ },
15777
+ "uuid": "eba9f466-deda-48d5-a120-14419d5a670f"
15778
+ },
15711
15779
  "mobile": {
15712
15780
  "ref": "{body-size-xs}",
15713
15781
  "sets": {
@@ -15726,6 +15794,20 @@
15726
15794
  },
15727
15795
  "coach-mark-pagination-body-size": {
15728
15796
  "sets": {
15797
+ "desktop": {
15798
+ "ref": "{body-size-s}",
15799
+ "sets": {
15800
+ "desktop": {
15801
+ "value": "14px",
15802
+ "uuid": "938e2d24-1e90-48f0-a596-595a69103707"
15803
+ },
15804
+ "mobile": {
15805
+ "value": "17px",
15806
+ "uuid": "2f9ee3cf-ccb1-4f0b-aed6-96e472fb7411"
15807
+ }
15808
+ },
15809
+ "uuid": "df8bc8ae-b6fa-4414-93b7-c89d8097fe11"
15810
+ },
15729
15811
  "mobile": {
15730
15812
  "ref": "{body-size-xs}",
15731
15813
  "sets": {
package/manifest.json CHANGED
@@ -1,9 +1,9 @@
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",
2
+ "src/typography.json",
7
3
  "src/semantic-color-palette.json",
8
- "src/typography.json"
4
+ "src/layout.json",
5
+ "src/layout-component.json",
6
+ "src/color-palette.json",
7
+ "src/color-component.json",
8
+ "src/color-aliases.json"
9
9
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@adobe/spectrum-tokens",
3
- "version": "12.15.0",
3
+ "version": "12.17.0",
4
4
  "description": "Design tokens for Spectrum, Adobe's design system",
5
5
  "type": "module",
6
6
  "main": "tasks/buildSpectrumTokens.js",
@@ -21,12 +21,11 @@
21
21
  "devDependencies": {
22
22
  "ajv": "^8.12.0",
23
23
  "ajv-formats": "^2.1.1",
24
- "deep-object-diff": "^1.1.7",
25
- "glob": "^8.1.0",
26
- "glob-promise": "^6.0.2",
27
- "style-dictionary": "^3.7.1",
24
+ "deep-object-diff": "^1.1.9",
25
+ "glob": "^10.3.3",
26
+ "style-dictionary": "^3.8.0",
28
27
  "style-dictionary-sets": "^2.3.0",
29
- "tar": "^6.1.13",
28
+ "tar": "^6.1.15",
30
29
  "tmp-promise": "^3.0.3"
31
30
  },
32
31
  "scripts": {}
@@ -2050,6 +2050,11 @@
2050
2050
  }
2051
2051
  }
2052
2052
  },
2053
+ "menu-item-section-divider-height": {
2054
+ "component": "menu",
2055
+ "value": "8px",
2056
+ "uuid": "dac5c077-b948-434b-91bd-0759c2414007"
2057
+ },
2053
2058
  "slider-track-thickness": {
2054
2059
  "component": "slider",
2055
2060
  "sets": {
@@ -3805,6 +3810,19 @@
3805
3810
  "value": "{illustrated-message-body-size}",
3806
3811
  "uuid": "bb3fee51-24cc-4643-9f22-fa1592ab2457"
3807
3812
  },
3813
+ "coach-mark-width": {
3814
+ "component": "coach-mark",
3815
+ "sets": {
3816
+ "desktop": {
3817
+ "value": "296px",
3818
+ "uuid": "49d1e2be-3aa2-4515-ba54-7f6cf3ab007c"
3819
+ },
3820
+ "mobile": {
3821
+ "value": "216px",
3822
+ "uuid": "b3f14387-44fd-43d3-a152-c8e691ef87df"
3823
+ }
3824
+ }
3825
+ },
3808
3826
  "coach-mark-minimum-width": {
3809
3827
  "component": "coach-mark",
3810
3828
  "sets": {
@@ -3813,11 +3831,24 @@
3813
3831
  "uuid": "9f413341-5ed5-4cd0-8348-1c7141dcab8d"
3814
3832
  },
3815
3833
  "mobile": {
3816
- "value": "208px",
3834
+ "value": "216px",
3817
3835
  "uuid": "9004d69e-5726-42f5-a4d0-de09db2de784"
3818
3836
  }
3819
3837
  }
3820
3838
  },
3839
+ "coach-mark-maximum-width": {
3840
+ "component": "coach-mark",
3841
+ "sets": {
3842
+ "desktop": {
3843
+ "value": "380px",
3844
+ "uuid": "07cdeb95-d368-4ed1-ba29-6b9ddeae1396"
3845
+ },
3846
+ "mobile": {
3847
+ "value": "248px",
3848
+ "uuid": "7f8346b2-f8bf-441d-8412-2a2a28cf4b90"
3849
+ }
3850
+ }
3851
+ },
3821
3852
  "coach-mark-edge-to-content": {
3822
3853
  "component": "coach-mark",
3823
3854
  "sets": {
@@ -3844,6 +3875,19 @@
3844
3875
  }
3845
3876
  }
3846
3877
  },
3878
+ "coach-mark-media-height": {
3879
+ "component": "coach-mark",
3880
+ "sets": {
3881
+ "desktop": {
3882
+ "value": "222px",
3883
+ "uuid": "f6381a33-ac4e-4ff9-86a3-183c857772ad"
3884
+ },
3885
+ "mobile": {
3886
+ "value": "162px",
3887
+ "uuid": "45b31e46-b878-40a2-a28a-91c480f45253"
3888
+ }
3889
+ }
3890
+ },
3847
3891
  "coach-mark-media-minimum-height": {
3848
3892
  "component": "coach-mark",
3849
3893
  "sets": {
@@ -3860,6 +3904,10 @@
3860
3904
  "coach-mark-title-size": {
3861
3905
  "component": "coach-mark",
3862
3906
  "sets": {
3907
+ "desktop": {
3908
+ "value": "{heading-size-xs}",
3909
+ "uuid": "331604db-3f28-472e-810d-9010ed2c8e33"
3910
+ },
3863
3911
  "mobile": {
3864
3912
  "value": "{heading-size-xxs}",
3865
3913
  "uuid": "cd4848b6-d560-475a-9d80-f7b5acebce10"
@@ -3869,6 +3917,10 @@
3869
3917
  "coach-mark-body-size": {
3870
3918
  "component": "coach-mark",
3871
3919
  "sets": {
3920
+ "desktop": {
3921
+ "value": "{body-size-s}",
3922
+ "uuid": "eba9f466-deda-48d5-a120-14419d5a670f"
3923
+ },
3872
3924
  "mobile": {
3873
3925
  "value": "{body-size-xs}",
3874
3926
  "uuid": "a0abef77-dafe-4158-9faa-a4b4b2871e54"
@@ -3878,6 +3930,10 @@
3878
3930
  "coach-mark-pagination-body-size": {
3879
3931
  "component": "coach-mark",
3880
3932
  "sets": {
3933
+ "desktop": {
3934
+ "value": "{body-size-s}",
3935
+ "uuid": "df8bc8ae-b6fa-4414-93b7-c89d8097fe11"
3936
+ },
3881
3937
  "mobile": {
3882
3938
  "value": "{body-size-xs}",
3883
3939
  "uuid": "350d9235-ff9e-43d7-9298-56b36d58d6de"
package/tasks/addIds.js CHANGED
@@ -1,4 +1,4 @@
1
- import glob from "glob-promise";
1
+ import { glob } from "glob";
2
2
  import crypto from "crypto"; // (not the fake money)
3
3
  import { writeFile, readFile } from "fs/promises";
4
4
 
@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
10
10
  governing permissions and limitations under the License.
11
11
  */
12
12
 
13
- import glob from "glob-promise";
13
+ import { glob } from "glob";
14
14
  import { writeFile } from "fs/promises";
15
15
  import { format } from "prettier";
16
16
 
@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
10
10
  governing permissions and limitations under the License.
11
11
  */
12
12
 
13
- import glob from "glob-promise";
13
+ import { glob } from "glob";
14
14
  import { readFile, writeFile } from "fs/promises";
15
15
  import augmentExpressTokens from "./lib/augmentExpressTokens.js";
16
16
 
@@ -11,7 +11,7 @@ governing permissions and limitations under the License.
11
11
  */
12
12
 
13
13
  import test from "ava";
14
- import glob from "glob-promise";
14
+ import { glob } from "glob";
15
15
  import { readFile } from "fs/promises";
16
16
  const fileNames = await glob("src/**/*.json");
17
17
  const files = await Promise.all(
@@ -13,7 +13,7 @@ governing permissions and limitations under the License.
13
13
  import test from "ava";
14
14
  import Ajv from "ajv/dist/2020.js";
15
15
  import addFormats from "ajv-formats";
16
- import glob from "glob-promise";
16
+ import { glob } from "glob";
17
17
  import { readFile } from "fs/promises";
18
18
 
19
19
  const readJSON = async (filePath) =>