@spectrum-web-components/styles 0.23.1 → 0.23.3-overlay.22

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 (43) hide show
  1. package/package.json +3 -3
  2. package/src/spectrum-body.css +68 -68
  3. package/src/spectrum-body.css.dev.js +16 -14
  4. package/src/spectrum-body.css.dev.js.map +2 -2
  5. package/src/spectrum-body.css.js +16 -14
  6. package/src/spectrum-body.css.js.map +2 -2
  7. package/src/spectrum-code.css +15 -50
  8. package/src/spectrum-code.css.dev.js +1 -11
  9. package/src/spectrum-code.css.dev.js.map +2 -2
  10. package/src/spectrum-code.css.js +1 -11
  11. package/src/spectrum-code.css.js.map +2 -2
  12. package/src/spectrum-config.js +43 -58
  13. package/src/spectrum-detail.css +22 -57
  14. package/src/spectrum-heading.css +119 -91
  15. package/src/spectrum-heading.css.dev.js +32 -0
  16. package/src/spectrum-heading.css.dev.js.map +2 -2
  17. package/src/spectrum-heading.css.js +32 -0
  18. package/src/spectrum-heading.css.js.map +2 -2
  19. package/src/spectrum-lang.css +85 -395
  20. package/src/spectrum-lang.css.dev.js +2 -14
  21. package/src/spectrum-lang.css.dev.js.map +2 -2
  22. package/src/spectrum-lang.css.js +2 -14
  23. package/src/spectrum-lang.css.js.map +2 -2
  24. package/src/spectrum-typography.css +16 -51
  25. package/src/spectrum-typography.css.dev.js +7 -21
  26. package/src/spectrum-typography.css.dev.js.map +2 -2
  27. package/src/spectrum-typography.css.js +7 -21
  28. package/src/spectrum-typography.css.js.map +2 -2
  29. package/tokens/express/custom-large-vars.css +1 -1
  30. package/tokens/express/custom-medium-vars.css +1 -1
  31. package/tokens/express/custom-vars.css +4 -3
  32. package/tokens/express/global-vars.css +12 -0
  33. package/tokens/express/large-vars.css +2 -0
  34. package/tokens/express/medium-vars.css +2 -0
  35. package/tokens/global-vars.css +5 -2
  36. package/tokens/large-vars.css +45 -0
  37. package/tokens/medium-vars.css +42 -0
  38. package/tokens/spectrum/custom-large-vars.css +3 -1
  39. package/tokens/spectrum/custom-medium-vars.css +3 -1
  40. package/tokens/spectrum/custom-vars.css +1 -1
  41. package/tokens/spectrum/global-vars.css +10 -0
  42. package/tokens/spectrum/large-vars.css +2 -0
  43. package/tokens/spectrum/medium-vars.css +2 -0
package/src/spectrum-typography.css CHANGED
@@ -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
@@ -19,9 +19,8 @@ governing permissions and limitations under the License.
19
19
  margin-top: var(
20
20
  --spectrum-heading-xxxl-margin-top,
21
21
  var(--spectrum-alias-heading-xxxl-margin-top)
22
- ); /* .spectrum-Typography .spectrum-Heading--sizeXXXL */
22
+ );
23
23
  }
24
-
25
24
  .spectrum-Typography .spectrum-Heading--sizeXXL {
26
25
  margin-bottom: var(
27
26
  --spectrum-heading-xxl-margin-bottom,
@@ -30,9 +29,8 @@ governing permissions and limitations under the License.
30
29
  margin-top: var(
31
30
  --spectrum-heading-xxl-margin-top,
32
31
  var(--spectrum-alias-heading-xxl-margin-top)
33
- ); /* .spectrum-Typography .spectrum-Heading--sizeXXL */
32
+ );
34
33
  }
35
-
36
34
  .spectrum-Typography .spectrum-Heading--sizeXL {
37
35
  margin-bottom: var(
38
36
  --spectrum-heading-xl-margin-bottom,
@@ -41,9 +39,8 @@ governing permissions and limitations under the License.
41
39
  margin-top: var(
42
40
  --spectrum-heading-xl-margin-top,
43
41
  var(--spectrum-alias-heading-xl-margin-top)
44
- ); /* .spectrum-Typography .spectrum-Heading--sizeXL */
42
+ );
45
43
  }
46
-
47
44
  .spectrum-Typography .spectrum-Heading--sizeL {
48
45
  margin-bottom: var(
49
46
  --spectrum-heading-l-margin-bottom,
@@ -52,9 +49,8 @@ governing permissions and limitations under the License.
52
49
  margin-top: var(
53
50
  --spectrum-heading-l-margin-top,
54
51
  var(--spectrum-alias-heading-l-margin-top)
55
- ); /* .spectrum-Typography .spectrum-Heading--sizeL */
52
+ );
56
53
  }
57
-
58
54
  .spectrum-Typography .spectrum-Heading--sizeM {
59
55
  margin-bottom: var(
60
56
  --spectrum-heading-m-margin-bottom,
@@ -63,9 +59,8 @@ governing permissions and limitations under the License.
63
59
  margin-top: var(
64
60
  --spectrum-heading-m-margin-top,
65
61
  var(--spectrum-alias-heading-m-margin-top)
66
- ); /* .spectrum-Typography .spectrum-Heading--sizeM */
62
+ );
67
63
  }
68
-
69
64
  .spectrum-Typography .spectrum-Heading--sizeS {
70
65
  margin-bottom: var(
71
66
  --spectrum-heading-s-margin-bottom,
@@ -74,9 +69,8 @@ governing permissions and limitations under the License.
74
69
  margin-top: var(
75
70
  --spectrum-heading-s-margin-top,
76
71
  var(--spectrum-alias-heading-s-margin-top)
77
- ); /* .spectrum-Typography .spectrum-Heading--sizeS */
72
+ );
78
73
  }
79
-
80
74
  .spectrum-Typography .spectrum-Heading--sizeXS {
81
75
  margin-bottom: var(
82
76
  --spectrum-heading-xs-margin-bottom,
@@ -85,9 +79,8 @@ governing permissions and limitations under the License.
85
79
  margin-top: var(
86
80
  --spectrum-heading-xs-margin-top,
87
81
  var(--spectrum-alias-heading-xs-margin-top)
88
- ); /* .spectrum-Typography .spectrum-Heading--sizeXS */
82
+ );
89
83
  }
90
-
91
84
  .spectrum-Typography .spectrum-Heading--sizeXXS {
92
85
  margin-bottom: var(
93
86
  --spectrum-heading-xxs-margin-bottom,
@@ -96,82 +89,54 @@ governing permissions and limitations under the License.
96
89
  margin-top: var(
97
90
  --spectrum-heading-xxs-margin-top,
98
91
  var(--spectrum-alias-heading-xxs-margin-top)
99
- ); /* .spectrum-Typography .spectrum-Heading--sizeXXS */
92
+ );
100
93
  }
101
-
102
94
  .spectrum-Typography .spectrum-Body--sizeXXXL {
103
95
  margin-bottom: var(
104
96
  --spectrum-body-xxxl-margin-bottom,
105
97
  var(--spectrum-global-dimension-size-400)
106
98
  );
107
- margin-top: var(
108
- --spectrum-body-xxxl-margin-top,
109
- 0
110
- ); /* .spectrum-Typography .spectrum-Body--sizeXXXL */
99
+ margin-top: var(--spectrum-body-xxxl-margin-top, 0);
111
100
  }
112
-
113
101
  .spectrum-Typography .spectrum-Body--sizeXXL {
114
102
  margin-bottom: var(
115
103
  --spectrum-body-xxl-margin-bottom,
116
104
  var(--spectrum-global-dimension-size-300)
117
105
  );
118
- margin-top: var(
119
- --spectrum-body-xxl-margin-top,
120
- 0
121
- ); /* .spectrum-Typography .spectrum-Body--sizeXXL */
106
+ margin-top: var(--spectrum-body-xxl-margin-top, 0);
122
107
  }
123
-
124
108
  .spectrum-Typography .spectrum-Body--sizeXL {
125
109
  margin-bottom: var(
126
110
  --spectrum-body-xl-margin-bottom,
127
111
  var(--spectrum-global-dimension-size-200)
128
112
  );
129
- margin-top: var(
130
- --spectrum-body-xl-margin-top,
131
- 0
132
- ); /* .spectrum-Typography .spectrum-Body--sizeXL */
113
+ margin-top: var(--spectrum-body-xl-margin-top, 0);
133
114
  }
134
-
135
115
  .spectrum-Typography .spectrum-Body--sizeL {
136
116
  margin-bottom: var(
137
117
  --spectrum-body-l-margin-bottom,
138
118
  var(--spectrum-global-dimension-size-160)
139
119
  );
140
- margin-top: var(
141
- --spectrum-body-l-margin-top,
142
- 0
143
- ); /* .spectrum-Typography .spectrum-Body--sizeL */
120
+ margin-top: var(--spectrum-body-l-margin-top, 0);
144
121
  }
145
-
146
122
  .spectrum-Typography .spectrum-Body--sizeM {
147
123
  margin-bottom: var(
148
124
  --spectrum-body-m-margin-bottom,
149
125
  var(--spectrum-global-dimension-size-150)
150
126
  );
151
- margin-top: var(
152
- --spectrum-body-m-margin-top,
153
- 0
154
- ); /* .spectrum-Typography .spectrum-Body--sizeM */
127
+ margin-top: var(--spectrum-body-m-margin-top, 0);
155
128
  }
156
-
157
129
  .spectrum-Typography .spectrum-Body--sizeS {
158
130
  margin-bottom: var(
159
131
  --spectrum-body-s-margin-bottom,
160
132
  var(--spectrum-global-dimension-size-125)
161
133
  );
162
- margin-top: var(
163
- --spectrum-body-s-margin-top,
164
- 0
165
- ); /* .spectrum-Typography .spectrum-Body--sizeS */
134
+ margin-top: var(--spectrum-body-s-margin-top, 0);
166
135
  }
167
-
168
136
  .spectrum-Typography .spectrum-Body--sizeXS {
169
137
  margin-bottom: var(
170
138
  --spectrum-body-xs-margin-bottom,
171
139
  var(--spectrum-global-dimension-size-115)
172
140
  );
173
- margin-top: var(
174
- --spectrum-body-xs-margin-top,
175
- 0
176
- ); /* .spectrum-Typography .spectrum-Body--sizeXS */
141
+ margin-top: var(--spectrum-body-xs-margin-top, 0);
177
142
  }
package/src/spectrum-typography.css.dev.js CHANGED
@@ -35,33 +35,19 @@ const styles = css`
35
35
  --spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)
36
36
  )}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(
37
37
  --spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)
38
- );margin-top:var(
39
- --spectrum-body-xxxl-margin-top,0
40
- )}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(
38
+ );margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(
41
39
  --spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)
42
- );margin-top:var(
43
- --spectrum-body-xxl-margin-top,0
44
- )}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(
40
+ );margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(
45
41
  --spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)
46
- );margin-top:var(
47
- --spectrum-body-xl-margin-top,0
48
- )}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(
42
+ );margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(
49
43
  --spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)
50
- );margin-top:var(
51
- --spectrum-body-l-margin-top,0
52
- )}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(
44
+ );margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(
53
45
  --spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)
54
- );margin-top:var(
55
- --spectrum-body-m-margin-top,0
56
- )}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(
46
+ );margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(
57
47
  --spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)
58
- );margin-top:var(
59
- --spectrum-body-s-margin-top,0
60
- )}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(
48
+ );margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(
61
49
  --spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)
62
- );margin-top:var(
63
- --spectrum-body-xs-margin-top,0
64
- )}
50
+ );margin-top:var(--spectrum-body-xs-margin-top,0)}
65
51
  `;
66
52
  export default styles;
67
53
  //# sourceMappingURL=spectrum-typography.css.dev.js.map
package/src/spectrum-typography.css.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-typography.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(\n--spectrum-body-xxxl-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(\n--spectrum-body-xxl-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(\n--spectrum-body-xl-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(\n--spectrum-body-l-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(\n--spectrum-body-m-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-body-s-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-body-xs-margin-top,0\n)}\n`;\nexport default styles;"],
5
- "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Df,eAAe;",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(--spectrum-body-xs-margin-top,0)}\n`;\nexport default styles;"],
5
+ "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDf,eAAe;",
6
6
  "names": []
7
7
  }
package/src/spectrum-typography.css.js CHANGED
@@ -33,32 +33,18 @@
33
33
  --spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)
34
34
  )}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(
35
35
  --spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)
36
- );margin-top:var(
37
- --spectrum-body-xxxl-margin-top,0
38
- )}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(
36
+ );margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(
39
37
  --spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)
40
- );margin-top:var(
41
- --spectrum-body-xxl-margin-top,0
42
- )}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(
38
+ );margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(
43
39
  --spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)
44
- );margin-top:var(
45
- --spectrum-body-xl-margin-top,0
46
- )}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(
40
+ );margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(
47
41
  --spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)
48
- );margin-top:var(
49
- --spectrum-body-l-margin-top,0
50
- )}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(
42
+ );margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(
51
43
  --spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)
52
- );margin-top:var(
53
- --spectrum-body-m-margin-top,0
54
- )}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(
44
+ );margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(
55
45
  --spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)
56
- );margin-top:var(
57
- --spectrum-body-s-margin-top,0
58
- )}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(
46
+ );margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(
59
47
  --spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)
60
- );margin-top:var(
61
- --spectrum-body-xs-margin-top,0
62
- )}
48
+ );margin-top:var(--spectrum-body-xs-margin-top,0)}
63
49
  `;export default m;
64
50
  //# sourceMappingURL=spectrum-typography.css.js.map
package/src/spectrum-typography.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-typography.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(\n--spectrum-body-xxxl-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(\n--spectrum-body-xxl-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(\n--spectrum-body-xl-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(\n--spectrum-body-l-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(\n--spectrum-body-m-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-body-s-margin-top,0\n)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-body-xs-margin-top,0\n)}\n`;\nexport default styles;"],
5
- "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Df,eAAeC",
4
+ "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n.spectrum-Typography .spectrum-Heading--sizeXXXL{margin-bottom:var(\n--spectrum-heading-xxxl-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(\n--spectrum-heading-xxxl-margin-top,var(--spectrum-alias-heading-xxxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXL{margin-bottom:var(\n--spectrum-heading-xxl-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(\n--spectrum-heading-xxl-margin-top,var(--spectrum-alias-heading-xxl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXL{margin-bottom:var(\n--spectrum-heading-xl-margin-bottom,var(--spectrum-global-dimension-size-100)\n);margin-top:var(\n--spectrum-heading-xl-margin-top,var(--spectrum-alias-heading-xl-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeL{margin-bottom:var(\n--spectrum-heading-l-margin-bottom,var(--spectrum-global-dimension-size-85)\n);margin-top:var(\n--spectrum-heading-l-margin-top,var(--spectrum-alias-heading-l-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeM{margin-bottom:var(\n--spectrum-heading-m-margin-bottom,var(--spectrum-global-dimension-size-75)\n);margin-top:var(\n--spectrum-heading-m-margin-top,var(--spectrum-alias-heading-m-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeS{margin-bottom:var(\n--spectrum-heading-s-margin-bottom,var(--spectrum-global-dimension-size-65)\n);margin-top:var(\n--spectrum-heading-s-margin-top,var(--spectrum-alias-heading-s-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXS{margin-bottom:var(\n--spectrum-heading-xs-margin-bottom,var(--spectrum-global-dimension-size-50)\n);margin-top:var(\n--spectrum-heading-xs-margin-top,var(--spectrum-alias-heading-xs-margin-top)\n)}.spectrum-Typography .spectrum-Heading--sizeXXS{margin-bottom:var(\n--spectrum-heading-xxs-margin-bottom,var(--spectrum-global-dimension-size-40)\n);margin-top:var(\n--spectrum-heading-xxs-margin-top,var(--spectrum-alias-heading-xxs-margin-top)\n)}.spectrum-Typography .spectrum-Body--sizeXXXL{margin-bottom:var(\n--spectrum-body-xxxl-margin-bottom,var(--spectrum-global-dimension-size-400)\n);margin-top:var(--spectrum-body-xxxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXXL{margin-bottom:var(\n--spectrum-body-xxl-margin-bottom,var(--spectrum-global-dimension-size-300)\n);margin-top:var(--spectrum-body-xxl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXL{margin-bottom:var(\n--spectrum-body-xl-margin-bottom,var(--spectrum-global-dimension-size-200)\n);margin-top:var(--spectrum-body-xl-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeL{margin-bottom:var(\n--spectrum-body-l-margin-bottom,var(--spectrum-global-dimension-size-160)\n);margin-top:var(--spectrum-body-l-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeM{margin-bottom:var(\n--spectrum-body-m-margin-bottom,var(--spectrum-global-dimension-size-150)\n);margin-top:var(--spectrum-body-m-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeS{margin-bottom:var(\n--spectrum-body-s-margin-bottom,var(--spectrum-global-dimension-size-125)\n);margin-top:var(--spectrum-body-s-margin-top,0)}.spectrum-Typography .spectrum-Body--sizeXS{margin-bottom:var(\n--spectrum-body-xs-margin-bottom,var(--spectrum-global-dimension-size-115)\n);margin-top:var(--spectrum-body-xs-margin-top,0)}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiDf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
package/tokens/express/custom-large-vars.css CHANGED
@@ -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
package/tokens/express/custom-medium-vars.css CHANGED
@@ -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
package/tokens/express/custom-vars.css CHANGED
@@ -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
@@ -12,6 +12,7 @@ governing permissions and limitations under the License.
12
12
 
13
13
  /* This file contains overrides and additions to core tokens */
14
14
 
15
- :host, :root {
16
- --system: express;
15
+ :host,
16
+ :root {
17
+ --system: express;
17
18
  }
package/tokens/express/global-vars.css CHANGED
@@ -22,10 +22,22 @@ governing permissions and limitations under the License.
22
22
  --spectrum-neutral-background-color-selected-key-focus: var(
23
23
  --spectrum-gray-900
24
24
  );
25
+ --spectrum-color-handle-inner-border-opacity: 0.15;
26
+ --spectrum-color-handle-drop-shadow-color: var(
27
+ --spectrum-drop-shadow-color
28
+ );
25
29
  --spectrum-slider-track-thickness: 4px;
26
30
  --spectrum-slider-handle-gap: 0px;
27
31
  --spectrum-color-loupe-bottom-to-color-handle: 6px;
28
32
  --spectrum-color-loupe-inner-border-width: 3px;
33
+ --spectrum-color-handle-outer-border-width: 0px;
34
+ --spectrum-color-handle-drop-shadow-x: var(--spectrum-drop-shadow-x);
35
+ --spectrum-color-handle-drop-shadow-y: var(
36
+ --spectrum-color-loupe-drop-shadow-y
37
+ );
38
+ --spectrum-color-handle-drop-shadow-blur: var(
39
+ --spectrum-color-loupe-drop-shadow-blur
40
+ );
29
41
  --spectrum-border-width-100: 2px;
30
42
  --spectrum-accent-color-100: var(--spectrum-indigo-100);
31
43
  --spectrum-accent-color-200: var(--spectrum-indigo-200);
package/tokens/express/large-vars.css CHANGED
@@ -66,6 +66,8 @@ governing permissions and limitations under the License.
66
66
  --spectrum-slider-bottom-to-handle-extra-large: 15px;
67
67
  --spectrum-color-loupe-height: 50px;
68
68
  --spectrum-color-loupe-width: 40px;
69
+ --spectrum-color-handle-size: 24px;
70
+ --spectrum-color-handle-size-key-focus: 48px;
69
71
  --spectrum-corner-radius-75: 4px;
70
72
  --spectrum-corner-radius-100: 8px;
71
73
  --spectrum-corner-radius-200: 16px;
package/tokens/express/medium-vars.css CHANGED
@@ -66,6 +66,8 @@ governing permissions and limitations under the License.
66
66
  --spectrum-slider-bottom-to-handle-extra-large: 12px;
67
67
  --spectrum-color-loupe-height: 40px;
68
68
  --spectrum-color-loupe-width: 32px;
69
+ --spectrum-color-handle-size: 20px;
70
+ --spectrum-color-handle-size-key-focus: 40px;
69
71
  --spectrum-corner-radius-75: 3px;
70
72
  --spectrum-corner-radius-100: 6px;
71
73
  --spectrum-corner-radius-200: 12px;
package/tokens/global-vars.css CHANGED
@@ -111,6 +111,8 @@ governing permissions and limitations under the License.
111
111
  --spectrum-drop-zone-background-color: var(--spectrum-accent-visual-color);
112
112
  --spectrum-drop-zone-background-color-opacity: 0.1;
113
113
  --spectrum-drop-zone-background-color-opacity-filled: 0.3;
114
+ --spectrum-coach-mark-pagination-color: var(--spectrum-gray-600);
115
+ --spectrum-color-handle-inner-border-color: var(--spectrum-black);
114
116
  --spectrum-white: rgb(255, 255, 255);
115
117
  --spectrum-transparent-white-100: rgba(255, 255, 255, 0);
116
118
  --spectrum-transparent-white-200: rgba(255, 255, 255, 0.1);
@@ -155,7 +157,7 @@ governing permissions and limitations under the License.
155
157
  --spectrum-text-field-minimum-width-multiplier: 1.5;
156
158
  --spectrum-combo-box-minimum-width-multiplier: 2.5;
157
159
  --spectrum-combo-box-quiet-minimum-width-multiplier: 2;
158
- --spectrum-combo-box-visual-to-field-button-quiet: 0;
160
+ --spectrum-combo-box-visual-to-field-button-quiet: 0px;
159
161
  --spectrum-alert-dialog-minimum-width: 288px;
160
162
  --spectrum-alert-dialog-maximum-width: 480px;
161
163
  --spectrum-contextual-help-minimum-width: 268px;
@@ -168,7 +170,6 @@ governing permissions and limitations under the License.
168
170
  --spectrum-color-area-border-width: var(--spectrum-border-width-100);
169
171
  --spectrum-color-area-border-rounding: var(--spectrum-corner-radius-100);
170
172
  --spectrum-color-wheel-color-area-margin: 12px;
171
- --spectrum-color-slider-minimum-length: 200px;
172
173
  --spectrum-color-slider-border-width: 1px;
173
174
  --spectrum-color-slider-border-rounding: 4px;
174
175
  --spectrum-floating-action-button-drop-shadow-blur: 12px;
@@ -193,6 +194,8 @@ governing permissions and limitations under the License.
193
194
  --spectrum-drop-zone-body-size: var(
194
195
  --spectrum-illustrated-message-body-size
195
196
  );
197
+ --spectrum-color-handle-border-width: var(--spectrum-border-width-200);
198
+ --spectrum-color-handle-inner-border-width: 1px;
196
199
  --spectrum-android-elevation: 2dp;
197
200
  --spectrum-spacing-50: 2px;
198
201
  --spectrum-spacing-75: 4px;
package/tokens/large-vars.css CHANGED
@@ -87,6 +87,10 @@ governing permissions and limitations under the License.
87
87
  --spectrum-menu-item-top-to-disclosure-icon-medium: 13px;
88
88
  --spectrum-menu-item-top-to-disclosure-icon-large: 17px;
89
89
  --spectrum-menu-item-top-to-disclosure-icon-extra-large: 22px;
90
+ --spectrum-menu-item-top-to-selected-icon-small: 9px;
91
+ --spectrum-menu-item-top-to-selected-icon-medium: 13px;
92
+ --spectrum-menu-item-top-to-selected-icon-large: 17px;
93
+ --spectrum-menu-item-top-to-selected-icon-extra-large: 22px;
90
94
  --spectrum-picker-visual-to-disclosure-icon-small: 9px;
91
95
  --spectrum-picker-visual-to-disclosure-icon-medium: 10px;
92
96
  --spectrum-picker-visual-to-disclosure-icon-large: 11px;
@@ -150,11 +154,50 @@ governing permissions and limitations under the License.
150
154
  --spectrum-color-wheel-width: 240px;
151
155
  --spectrum-color-wheel-minimum-width: 219px;
152
156
  --spectrum-color-slider-length: 240px;
157
+ --spectrum-color-slider-minimum-length: 100px;
153
158
  --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-s);
154
159
  --spectrum-illustrated-message-cjk-title-size: var(
155
160
  --spectrum-heading-cjk-size-s
156
161
  );
157
162
  --spectrum-illustrated-message-body-size: var(--spectrum-body-size-xs);
163
+ --spectrum-coach-mark-minimum-width: 208px;
164
+ --spectrum-coach-mark-edge-to-content: var(--spectrum-spacing-300);
165
+ --spectrum-coach-mark-pagination-text-to-bottom-edge: 22px;
166
+ --spectrum-coach-mark-media-minimum-height: 121px;
167
+ --spectrum-coach-mark-title-size: var(--spectrum-heading-size-xxs);
168
+ --spectrum-coach-mark-body-size: var(--spectrum-body-size-xs);
169
+ --spectrum-coach-mark-pagination-body-size: var(--spectrum-body-size-xs);
170
+ --spectrum-accordion-top-to-text-compact-small: 2px;
171
+ --spectrum-accordion-top-to-text-regular-small: 7px;
172
+ --spectrum-accordion-small-top-to-text-spacious: 12px;
173
+ --spectrum-accordion-top-to-text-compact-medium: 4px;
174
+ --spectrum-accordion-top-to-text-regular-medium: 9px;
175
+ --spectrum-accordion-top-to-text-spacious-medium: 14px;
176
+ --spectrum-accordion-top-to-text-compact-large: 7px;
177
+ --spectrum-accordion-top-to-text-regular-large: 12px;
178
+ --spectrum-accordion-top-to-text-spacious-large: 14px;
179
+ --spectrum-accordion-top-to-text-compact-extra-large: 7px;
180
+ --spectrum-accordion-top-to-text-regular-extra-large: 12px;
181
+ --spectrum-accordion-top-to-text-spacious-extra-large: 14px;
182
+ --spectrum-accordion-bottom-to-text-compact-small: 4px;
183
+ --spectrum-accordion-bottom-to-text-regular-small: 9px;
184
+ --spectrum-accordion-bottom-to-text-spacious-small: 14px;
185
+ --spectrum-accordion-bottom-to-text-compact-medium: 8px;
186
+ --spectrum-accordion-bottom-to-text-regular-medium: 13px;
187
+ --spectrum-accordion-bottom-to-text-spacious-medium: 18px;
188
+ --spectrum-accordion-bottom-to-text-compact-large: 9px;
189
+ --spectrum-accordion-bottom-to-text-regular-large: 14px;
190
+ --spectrum-accordion-bottom-to-text-spacious-large: 19px;
191
+ --spectrum-accordion-bottom-to-text-compact-extra-large: 10px;
192
+ --spectrum-accordion-bottom-to-text-regular-extra-large: 15px;
193
+ --spectrum-accordion-bottom-to-text-spacious-extra-large: 21px;
194
+ --spectrum-accordion-minimum-width: 250px;
195
+ --spectrum-accordion-disclosure-indicator-to-text: 0px;
196
+ --spectrum-accordion-edge-to-disclosure-indicator: 0px;
197
+ --spectrum-accordion-edge-to-text: 0px;
198
+ --spectrum-accordion-focus-indicator-gap: 0px;
199
+ --spectrum-accordion-content-area-top-to-content: 10px;
200
+ --spectrum-accordion-content-area-bottom-to-content: 20px;
158
201
  --spectrum-workflow-icon-size-50: 18px;
159
202
  --spectrum-workflow-icon-size-75: 20px;
160
203
  --spectrum-workflow-icon-size-100: 22px;
@@ -174,6 +217,8 @@ governing permissions and limitations under the License.
174
217
  --spectrum-component-height-100: 40px;
175
218
  --spectrum-component-height-200: 50px;
176
219
  --spectrum-component-height-300: 60px;
220
+ --spectrum-component-height-400: 70px;
221
+ --spectrum-component-height-500: 80px;
177
222
  --spectrum-component-pill-edge-to-visual-75: 13px;
178
223
  --spectrum-component-pill-edge-to-visual-100: 17px;
179
224
  --spectrum-component-pill-edge-to-visual-200: 22px;
package/tokens/medium-vars.css CHANGED
@@ -87,6 +87,10 @@ governing permissions and limitations under the License.
87
87
  --spectrum-menu-item-top-to-disclosure-icon-medium: 11px;
88
88
  --spectrum-menu-item-top-to-disclosure-icon-large: 14px;
89
89
  --spectrum-menu-item-top-to-disclosure-icon-extra-large: 17px;
90
+ --spectrum-menu-item-top-to-selected-icon-small: 7px;
91
+ --spectrum-menu-item-top-to-selected-icon-medium: 11px;
92
+ --spectrum-menu-item-top-to-selected-icon-large: 14px;
93
+ --spectrum-menu-item-top-to-selected-icon-extra-large: 17px;
90
94
  --spectrum-picker-visual-to-disclosure-icon-small: 7px;
91
95
  --spectrum-picker-visual-to-disclosure-icon-medium: 8px;
92
96
  --spectrum-picker-visual-to-disclosure-icon-large: 9px;
@@ -150,11 +154,47 @@ governing permissions and limitations under the License.
150
154
  --spectrum-color-wheel-width: 192px;
151
155
  --spectrum-color-wheel-minimum-width: 175px;
152
156
  --spectrum-color-slider-length: 192px;
157
+ --spectrum-color-slider-minimum-length: 80px;
153
158
  --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-m);
154
159
  --spectrum-illustrated-message-cjk-title-size: var(
155
160
  --spectrum-heading-cjk-size-m
156
161
  );
157
162
  --spectrum-illustrated-message-body-size: var(--spectrum-body-size-s);
163
+ --spectrum-coach-mark-minimum-width: 296px;
164
+ --spectrum-coach-mark-edge-to-content: var(--spectrum-spacing-400);
165
+ --spectrum-coach-mark-pagination-text-to-bottom-edge: 33px;
166
+ --spectrum-coach-mark-media-minimum-height: 166px;
167
+ --spectrum-accordion-top-to-text-compact-small: 2px;
168
+ --spectrum-accordion-top-to-text-regular-small: 5px;
169
+ --spectrum-accordion-small-top-to-text-spacious: 9px;
170
+ --spectrum-accordion-top-to-text-compact-medium: 4px;
171
+ --spectrum-accordion-top-to-text-regular-medium: 8px;
172
+ --spectrum-accordion-top-to-text-spacious-medium: 12px;
173
+ --spectrum-accordion-top-to-text-compact-large: 4px;
174
+ --spectrum-accordion-top-to-text-regular-large: 9px;
175
+ --spectrum-accordion-top-to-text-spacious-large: 12px;
176
+ --spectrum-accordion-top-to-text-compact-extra-large: 5px;
177
+ --spectrum-accordion-top-to-text-regular-extra-large: 9px;
178
+ --spectrum-accordion-top-to-text-spacious-extra-large: 13px;
179
+ --spectrum-accordion-bottom-to-text-compact-small: 2px;
180
+ --spectrum-accordion-bottom-to-text-regular-small: 7px;
181
+ --spectrum-accordion-bottom-to-text-spacious-small: 11px;
182
+ --spectrum-accordion-bottom-to-text-compact-medium: 5px;
183
+ --spectrum-accordion-bottom-to-text-regular-medium: 9px;
184
+ --spectrum-accordion-bottom-to-text-spacious-medium: 13px;
185
+ --spectrum-accordion-bottom-to-text-compact-large: 8px;
186
+ --spectrum-accordion-bottom-to-text-regular-large: 11px;
187
+ --spectrum-accordion-bottom-to-text-spacious-large: 16px;
188
+ --spectrum-accordion-bottom-to-text-compact-extra-large: 8px;
189
+ --spectrum-accordion-bottom-to-text-regular-extra-large: 12px;
190
+ --spectrum-accordion-bottom-to-text-spacious-extra-large: 16px;
191
+ --spectrum-accordion-minimum-width: 200px;
192
+ --spectrum-accordion-disclosure-indicator-to-text: 0px;
193
+ --spectrum-accordion-edge-to-disclosure-indicator: 0px;
194
+ --spectrum-accordion-edge-to-text: 0px;
195
+ --spectrum-accordion-focus-indicator-gap: 0px;
196
+ --spectrum-accordion-content-area-top-to-content: 8px;
197
+ --spectrum-accordion-content-area-bottom-to-content: 16px;
158
198
  --spectrum-workflow-icon-size-50: 14px;
159
199
  --spectrum-workflow-icon-size-75: 16px;
160
200
  --spectrum-workflow-icon-size-100: 18px;
@@ -174,6 +214,8 @@ governing permissions and limitations under the License.
174
214
  --spectrum-component-height-100: 32px;
175
215
  --spectrum-component-height-200: 40px;
176
216
  --spectrum-component-height-300: 48px;
217
+ --spectrum-component-height-400: 56px;
218
+ --spectrum-component-height-500: 64px;
177
219
  --spectrum-component-pill-edge-to-visual-75: 10px;
178
220
  --spectrum-component-pill-edge-to-visual-100: 14px;
179
221
  --spectrum-component-pill-edge-to-visual-200: 18px;
package/tokens/spectrum/custom-large-vars.css CHANGED
@@ -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
@@ -44,4 +44,6 @@ governing permissions and limitations under the License.
44
44
  --spectrum-menu-item-checkmark-width-medium: 14px;
45
45
  --spectrum-menu-item-checkmark-width-large: 16px;
46
46
  --spectrum-menu-item-checkmark-width-extra-large: 16px;
47
+
48
+ --spectrum-rating-icon-spacing: var(--spectrum-spacing-100);
47
49
  }
package/tokens/spectrum/custom-medium-vars.css CHANGED
@@ -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
@@ -44,4 +44,6 @@ governing permissions and limitations under the License.
44
44
  --spectrum-menu-item-checkmark-width-medium: 10px;
45
45
  --spectrum-menu-item-checkmark-width-large: 12px;
46
46
  --spectrum-menu-item-checkmark-width-extra-large: 14px;
47
+
48
+ --spectrum-rating-icon-spacing: var(--spectrum-spacing-75);
47
49
  }
package/tokens/spectrum/custom-vars.css CHANGED
@@ -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
package/tokens/spectrum/global-vars.css CHANGED
@@ -22,12 +22,22 @@ governing permissions and limitations under the License.
22
22
  --spectrum-neutral-background-color-selected-key-focus: var(
23
23
  --spectrum-gray-800
24
24
  );
25
+ --spectrum-color-handle-inner-border-opacity: 0.42;
26
+ --spectrum-color-handle-outer-border-color: var(--spectrum-black);
27
+ --spectrum-color-handle-outer-border-opacity: var(
28
+ --spectrum-color-handle-inner-border-opacity
29
+ );
25
30
  --spectrum-slider-track-thickness: 2px;
26
31
  --spectrum-slider-handle-gap: 4px;
32
+ --spectrum-picker-border-width: var(--spectrum-border-width-100);
27
33
  --spectrum-color-loupe-height: 64px;
28
34
  --spectrum-color-loupe-width: 48px;
29
35
  --spectrum-color-loupe-bottom-to-color-handle: 12px;
30
36
  --spectrum-color-loupe-inner-border-width: var(--spectrum-border-width-200);
37
+ --spectrum-color-handle-outer-border-width: 1px;
38
+ --spectrum-color-handle-drop-shadow-x: 0;
39
+ --spectrum-color-handle-drop-shadow-y: 0;
40
+ --spectrum-color-handle-drop-shadow-blur: 0;
31
41
  --spectrum-border-width-100: 1px;
32
42
  --spectrum-accent-color-100: var(--spectrum-blue-100);
33
43
  --spectrum-accent-color-200: var(--spectrum-blue-200);
package/tokens/spectrum/large-vars.css CHANGED
@@ -56,6 +56,8 @@ governing permissions and limitations under the License.
56
56
  --spectrum-slider-bottom-to-handle-medium: 10px;
57
57
  --spectrum-slider-bottom-to-handle-large: 14px;
58
58
  --spectrum-slider-bottom-to-handle-extra-large: 17px;
59
+ --spectrum-color-handle-size: 20px;
60
+ --spectrum-color-handle-size-key-focus: 40px;
59
61
  --spectrum-corner-radius-75: 2px;
60
62
  --spectrum-corner-radius-100: 5px;
61
63
  --spectrum-corner-radius-200: 10px;
package/tokens/spectrum/medium-vars.css CHANGED
@@ -56,6 +56,8 @@ governing permissions and limitations under the License.
56
56
  --spectrum-slider-bottom-to-handle-medium: 8px;
57
57
  --spectrum-slider-bottom-to-handle-large: 11px;
58
58
  --spectrum-slider-bottom-to-handle-extra-large: 14px;
59
+ --spectrum-color-handle-size: 16px;
60
+ --spectrum-color-handle-size-key-focus: 32px;
59
61
  --spectrum-corner-radius-75: 2px;
60
62
  --spectrum-corner-radius-100: 4px;
61
63
  --spectrum-corner-radius-200: 8px;