@spectrum-web-components/styles 0.23.0 → 0.23.2

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 (46) hide show
  1. package/package.json +2 -2
  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-dark-vars.css +17 -0
  30. package/tokens/express/custom-darkest-vars.css +17 -0
  31. package/tokens/express/custom-large-vars.css +4 -2
  32. package/tokens/express/custom-light-vars.css +16 -0
  33. package/tokens/express/custom-medium-vars.css +4 -2
  34. package/tokens/express/global-vars.css +8 -9
  35. package/tokens/express/large-vars.css +2 -0
  36. package/tokens/express/medium-vars.css +0 -2
  37. package/tokens/global-vars.css +24 -0
  38. package/tokens/large-vars.css +4 -1
  39. package/tokens/medium-vars.css +4 -1
  40. package/tokens/spectrum/custom-dark-vars.css +31 -0
  41. package/tokens/spectrum/custom-darkest-vars.css +31 -0
  42. package/tokens/spectrum/custom-large-vars.css +22 -0
  43. package/tokens/spectrum/custom-light-vars.css +30 -0
  44. package/tokens/spectrum/custom-medium-vars.css +22 -0
  45. package/tokens/spectrum/global-vars.css +4 -1
  46. package/tokens/spectrum/medium-vars.css +0 -4
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-dark-vars.css ADDED
@@ -0,0 +1,17 @@
1
+ /*
2
+ Copyright 2023 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+ Unless required by applicable law or agreed to in writing, software distributed under
7
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
8
+ OF ANY KIND, either express or implied. See the License for the specific language
9
+ governing permissions and limitations under the License.
10
+ */
11
+
12
+ /* This file contains overrides and additions to core tokens */
13
+
14
+ .spectrum--express:host,
15
+ :root {
16
+ /* */
17
+ }
package/tokens/express/custom-darkest-vars.css ADDED
@@ -0,0 +1,17 @@
1
+ /*
2
+ Copyright 2023 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+ Unless required by applicable law or agreed to in writing, software distributed under
7
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
8
+ OF ANY KIND, either express or implied. See the License for the specific language
9
+ governing permissions and limitations under the License.
10
+ */
11
+
12
+ /* This file contains overrides and additions to core tokens */
13
+
14
+ .spectrum--express:host,
15
+ :root {
16
+ /* */
17
+ }
package/tokens/express/custom-large-vars.css CHANGED
@@ -12,6 +12,8 @@ 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
- /* */
15
+ :host,
16
+ :root {
17
+ --spectrum-colorwheel-path: 'M 118 118 m -118 0 a 118 118 0 1 0 236 0 a 118 118 0 1 0 -236 0.2 M 118 118 m -92 0 a 92 92 0 1 0 184 0 a 92 92 0 1 0 -184 0';
18
+ --spectrum-colorwheel-path-borders: 'M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0';
17
19
  }
package/tokens/express/custom-light-vars.css ADDED
@@ -0,0 +1,16 @@
1
+ /*
2
+ Copyright 2023 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+ Unless required by applicable law or agreed to in writing, software distributed under
7
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
8
+ OF ANY KIND, either express or implied. See the License for the specific language
9
+ governing permissions and limitations under the License.
10
+ */
11
+
12
+ /* This file contains overrides and additions to core tokens */
13
+
14
+ .spectrum--express.spectrum--light {
15
+ /* */
16
+ }
package/tokens/express/custom-medium-vars.css CHANGED
@@ -12,6 +12,8 @@ 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
- /* */
15
+ :host,
16
+ :root {
17
+ --spectrum-colorwheel-path: 'M 94 94 m -94 0 a 94 94 0 1 0 188 0 a 94 94 0 1 0 -188 0.2 M 94 94 m -74 0 a 74 74 0 1 0 148 0 a 74 74 0 1 0 -148 0';
18
+ --spectrum-colorwheel-path-borders: 'M 96 96 m -96 0 a 96 96 0 1 0 192 0 a 96 96 0 1 0 -192 0.2 M 96 96 m -72 0 a 72 72 0 1 0 144 0 a 72 72 0 1 0 -144 0';
17
19
  }
package/tokens/express/global-vars.css CHANGED
@@ -24,6 +24,8 @@ governing permissions and limitations under the License.
24
24
  );
25
25
  --spectrum-slider-track-thickness: 4px;
26
26
  --spectrum-slider-handle-gap: 0px;
27
+ --spectrum-color-loupe-bottom-to-color-handle: 6px;
28
+ --spectrum-color-loupe-inner-border-width: 3px;
27
29
  --spectrum-border-width-100: 2px;
28
30
  --spectrum-accent-color-100: var(--spectrum-indigo-100);
29
31
  --spectrum-accent-color-200: var(--spectrum-indigo-200);
@@ -1250,7 +1252,6 @@ governing permissions and limitations under the License.
1250
1252
 
1251
1253
  :host,
1252
1254
  :root {
1253
- --system-spectrum-picker-border-size: none;
1254
1255
  --system-spectrum-picker-background-color-default: var(--spectrum-gray-200);
1255
1256
  --system-spectrum-picker-background-color-default-open: var(
1256
1257
  --spectrum-gray-300
@@ -1263,12 +1264,10 @@ governing permissions and limitations under the License.
1263
1264
  --system-spectrum-picker-background-color-key-focus: var(
1264
1265
  --spectrum-gray-300
1265
1266
  );
1266
- --system-spectrum-picker-border-color-default: var(--spectrum-gray-400);
1267
- --system-spectrum-picker-border-color-default-open: var(
1268
- --spectrum-gray-400
1269
- );
1270
- --system-spectrum-picker-border-color-hover: var(--spectrum-gray-500);
1271
- --system-spectrum-picker-border-color-hover-open: var(--spectrum-gray-500);
1272
- --system-spectrum-picker-border-color-active: var(--spectrum-gray-600);
1273
- --system-spectrum-picker-border-color-key-focus: var(--spectrum-gray-500);
1267
+ --system-spectrum-picker-border-color-default: transparent;
1268
+ --system-spectrum-picker-border-color-default-open: transparent;
1269
+ --system-spectrum-picker-border-color-hover: transparent;
1270
+ --system-spectrum-picker-border-color-hover-open: transparent;
1271
+ --system-spectrum-picker-border-color-active: transparent;
1272
+ --system-spectrum-picker-border-color-key-focus: transparent;
1274
1273
  }
package/tokens/express/large-vars.css CHANGED
@@ -64,6 +64,8 @@ governing permissions and limitations under the License.
64
64
  --spectrum-slider-bottom-to-handle-medium: 8px;
65
65
  --spectrum-slider-bottom-to-handle-large: 12px;
66
66
  --spectrum-slider-bottom-to-handle-extra-large: 15px;
67
+ --spectrum-color-loupe-height: 50px;
68
+ --spectrum-color-loupe-width: 40px;
67
69
  --spectrum-corner-radius-75: 4px;
68
70
  --spectrum-corner-radius-100: 8px;
69
71
  --spectrum-corner-radius-200: 16px;
package/tokens/express/medium-vars.css CHANGED
@@ -66,8 +66,6 @@ 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-loupe-bottom-to-color-handle: 6px;
70
- --spectrum-color-loupe-inner-border-width: 3px;
71
69
  --spectrum-corner-radius-75: 3px;
72
70
  --spectrum-corner-radius-100: 6px;
73
71
  --spectrum-corner-radius-200: 12px;
package/tokens/global-vars.css CHANGED
@@ -108,6 +108,9 @@ governing permissions and limitations under the License.
108
108
  --spectrum-color-loupe-outer-border: var(--spectrum-white);
109
109
  --spectrum-card-selection-background-color: var(--spectrum-gray-100);
110
110
  --spectrum-card-selection-background-color-opacity: 0.95;
111
+ --spectrum-drop-zone-background-color: var(--spectrum-accent-visual-color);
112
+ --spectrum-drop-zone-background-color-opacity: 0.1;
113
+ --spectrum-drop-zone-background-color-opacity-filled: 0.3;
111
114
  --spectrum-white: rgb(255, 255, 255);
112
115
  --spectrum-transparent-white-100: rgba(255, 255, 255, 0);
113
116
  --spectrum-transparent-white-200: rgba(255, 255, 255, 0.1);
@@ -175,6 +178,21 @@ governing permissions and limitations under the License.
175
178
  --spectrum-card-minimum-width: 100px;
176
179
  --spectrum-card-preview-minimum-height: 130px;
177
180
  --spectrum-card-selection-background-size: 40px;
181
+ --spectrum-drop-zone-width: 428px;
182
+ --spectrum-drop-zone-content-maximum-width: var(
183
+ --spectrum-illustrated-message-maximum-width
184
+ );
185
+ --spectrum-drop-zone-border-dash-length: 8px;
186
+ --spectrum-drop-zone-border-dash-gap: 4px;
187
+ --spectrum-drop-zone-title-size: var(
188
+ --spectrum-illustrated-message-title-size
189
+ );
190
+ --spectrum-drop-zone-cjk-title-size: var(
191
+ --spectrum-illustrated-message-cjk-title-size
192
+ );
193
+ --spectrum-drop-zone-body-size: var(
194
+ --spectrum-illustrated-message-body-size
195
+ );
178
196
  --spectrum-android-elevation: 2dp;
179
197
  --spectrum-spacing-50: 2px;
180
198
  --spectrum-spacing-75: 4px;
@@ -486,6 +504,7 @@ governing permissions and limitations under the License.
486
504
  --spectrum-heading-cjk-line-height: var(--spectrum-cjk-line-height-100);
487
505
  --spectrum-heading-margin-top-multiplier: 0.88888889;
488
506
  --spectrum-heading-margin-bottom-multiplier: 0.25;
507
+ --spectrum-heading-color: var(--spectrum-gray-900);
489
508
  --spectrum-body-sans-serif-font-family: var(
490
509
  --spectrum-sans-serif-font-family
491
510
  );
@@ -553,6 +572,7 @@ governing permissions and limitations under the License.
553
572
  --spectrum-body-line-height: var(--spectrum-line-height-200);
554
573
  --spectrum-body-cjk-line-height: var(--spectrum-cjk-line-height-200);
555
574
  --spectrum-body-margin-multiplier: 0.75;
575
+ --spectrum-body-color: var(--spectrum-gray-800);
556
576
  --spectrum-detail-sans-serif-font-family: var(
557
577
  --spectrum-sans-serif-font-family
558
578
  );
@@ -691,6 +711,9 @@ governing permissions and limitations under the License.
691
711
  --spectrum-detail-margin-top-multiplier: 0.88888889;
692
712
  --spectrum-detail-margin-bottom-multiplier: 0.25;
693
713
  --spectrum-detail-letter-spacing: 0.06em;
714
+ --spectrum-detail-sans-serif-text-transform: uppercase;
715
+ --spectrum-detail-serif-text-transform: uppercase;
716
+ --spectrum-detail-color: var(--spectrum-gray-900);
694
717
  --spectrum-code-font-family: Source Code Pro;
695
718
  --spectrum-code-cjk-font-family: var(--spectrum-code-font-family);
696
719
  --spectrum-code-font-weight: var(--spectrum-regular-font-weight);
@@ -728,4 +751,5 @@ governing permissions and limitations under the License.
728
751
  --spectrum-code-size-xs: var(--spectrum-font-size-75);
729
752
  --spectrum-code-line-height: var(--spectrum-line-height-200);
730
753
  --spectrum-code-cjk-line-height: var(--spectrum-cjk-line-height-200);
754
+ --spectrum-code-color: var(--spectrum-gray-800);
731
755
  }
package/tokens/large-vars.css CHANGED
@@ -109,6 +109,8 @@ governing permissions and limitations under the License.
109
109
  --spectrum-thumbnail-size-800: 55px;
110
110
  --spectrum-thumbnail-size-900: 62px;
111
111
  --spectrum-thumbnail-size-1000: 70px;
112
+ --spectrum-alert-dialog-title-size: var(--spectrum-heading-size-xs);
113
+ --spectrum-alert-dialog-description-size: var(--spectrum-body-size-xs);
112
114
  --spectrum-opacity-checkerboard-square-size: 10px;
113
115
  --spectrum-breadcrumbs-height-multiline: 84px;
114
116
  --spectrum-breadcrumbs-top-to-text: 17px;
@@ -145,7 +147,8 @@ governing permissions and limitations under the License.
145
147
  --spectrum-color-area-minimum-width: 80px;
146
148
  --spectrum-color-area-height: 240px;
147
149
  --spectrum-color-area-minimum-height: 80px;
148
- --spectrum-color-wheel-minimum-width: 240px;
150
+ --spectrum-color-wheel-width: 240px;
151
+ --spectrum-color-wheel-minimum-width: 219px;
149
152
  --spectrum-color-slider-length: 240px;
150
153
  --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-s);
151
154
  --spectrum-illustrated-message-cjk-title-size: var(
package/tokens/medium-vars.css CHANGED
@@ -109,6 +109,8 @@ governing permissions and limitations under the License.
109
109
  --spectrum-thumbnail-size-800: 44px;
110
110
  --spectrum-thumbnail-size-900: 50px;
111
111
  --spectrum-thumbnail-size-1000: 56px;
112
+ --spectrum-alert-dialog-title-size: var(--spectrum-heading-size-s);
113
+ --spectrum-alert-dialog-description-size: var(--spectrum-body-size-s);
112
114
  --spectrum-opacity-checkerboard-square-size: 8px;
113
115
  --spectrum-breadcrumbs-height-multiline: 72px;
114
116
  --spectrum-breadcrumbs-top-to-text: 13px;
@@ -145,7 +147,8 @@ governing permissions and limitations under the License.
145
147
  --spectrum-color-area-minimum-width: 64px;
146
148
  --spectrum-color-area-height: 192px;
147
149
  --spectrum-color-area-minimum-height: 64px;
148
- --spectrum-color-wheel-minimum-width: 192px;
150
+ --spectrum-color-wheel-width: 192px;
151
+ --spectrum-color-wheel-minimum-width: 175px;
149
152
  --spectrum-color-slider-length: 192px;
150
153
  --spectrum-illustrated-message-title-size: var(--spectrum-heading-size-m);
151
154
  --spectrum-illustrated-message-cjk-title-size: var(
package/tokens/spectrum/custom-dark-vars.css ADDED
@@ -0,0 +1,31 @@
1
+ /*
2
+ Copyright 2023 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+ Unless required by applicable law or agreed to in writing, software distributed under
7
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
8
+ OF ANY KIND, either express or implied. See the License for the specific language
9
+ governing permissions and limitations under the License.
10
+ */
11
+
12
+ /* This file contains overrides and additions to core tokens */
13
+
14
+ :host,
15
+ :root {
16
+ --spectrum-menu-item-background-color-default: rgba(
17
+ 255,
18
+ 255,
19
+ 255,
20
+ 0
21
+ ); /* --spectrum-gray-900 */
22
+ --spectrum-menu-item-background-color-hover: var(
23
+ --spectrum-transparent-white-200
24
+ );
25
+ --spectrum-menu-item-background-color-down: var(
26
+ --spectrum-transparent-white-200
27
+ );
28
+ --spectrum-menu-item-background-color-key-focus: var(
29
+ --spectrum-transparent-white-200
30
+ );
31
+ }
package/tokens/spectrum/custom-darkest-vars.css ADDED
@@ -0,0 +1,31 @@
1
+ /*
2
+ Copyright 2023 Adobe. All rights reserved.
3
+ This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
+ you may not use this file except in compliance with the License. You may obtain a copy
5
+ of the License at http://www.apache.org/licenses/LICENSE-2.0
6
+ Unless required by applicable law or agreed to in writing, software distributed under
7
+ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
8
+ OF ANY KIND, either express or implied. See the License for the specific language
9
+ governing permissions and limitations under the License.
10
+ */
11
+
12
+ /* This file contains overrides and additions to core tokens */
13
+
14
+ :host,
15
+ :root {
16
+ --spectrum-menu-item-background-color-default: rgba(
17
+ 255,
18
+ 255,
19
+ 255,
20
+ 0
21
+ ); /* --spectrum-gray-900 */
22
+ --spectrum-menu-item-background-color-hover: var(
23
+ --spectrum-transparent-white-200
24
+ );
25
+ --spectrum-menu-item-background-color-down: var(
26
+ --spectrum-transparent-white-200
27
+ );
28
+ --spectrum-menu-item-background-color-key-focus: var(
29
+ --spectrum-transparent-white-200
30
+ );
31
+ }
package/tokens/spectrum/custom-large-vars.css CHANGED
@@ -22,4 +22,26 @@ governing permissions and limitations under the License.
22
22
 
23
23
  --spectrum-slider-tick-mark-height: 13px;
24
24
  --spectrum-slider-ramp-track-height: 20px;
25
+
26
+ --spectrum-colorwheel-path: 'M 119 119 m -119 0 a 119 119 0 1 0 238 0 a 119 119 0 1 0 -238 0.2 M 119 119 m -91 0 a 91 91 0 1 0 182 0 a 91 91 0 1 0 -182 0';
27
+ --spectrum-colorwheel-path-borders: 'M 120 120 m -120 0 a 120 120 0 1 0 240 0 a 120 120 0 1 0 -240 0.2 M 120 120 m -90 0 a 90 90 0 1 0 180 0 a 90 90 0 1 0 -180 0';
28
+ --spectrum-colorwheel-colorarea-container-size: 182px;
29
+
30
+ /* TODO: --spectrum-color-handle-size will need to be removed here once it's defined in @adobe/spectrum-tokens */
31
+ --spectrum-color-handle-size: 20px;
32
+
33
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-small: 34px;
34
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-medium: 42px;
35
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-large: 47px;
36
+ --spectrum-menu-item-selectable-edge-to-text-not-selected-extra-large: 54px;
37
+
38
+ --spectrum-menu-item-checkmark-height-small: 12px;
39
+ --spectrum-menu-item-checkmark-height-medium: 14px;
40
+ --spectrum-menu-item-checkmark-height-large: 16px;
41
+ --spectrum-menu-item-checkmark-height-extra-large: 16px;
42
+
43
+ --spectrum-menu-item-checkmark-width-small: 12px;
44
+ --spectrum-menu-item-checkmark-width-medium: 14px;
45
+ --spectrum-menu-item-checkmark-width-large: 16px;
46
+ --spectrum-menu-item-checkmark-width-extra-large: 16px;
25
47
  }