@spectrum-web-components/styles 1.7.0 → 1.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/README.md +1 -1
  2. package/all-large-dark.css +11 -11
  3. package/all-large-darkest.css +11 -11
  4. package/all-large-light.css +11 -11
  5. package/all-large-lightest.css +11 -11
  6. package/all-medium-dark.css +11 -11
  7. package/all-medium-darkest.css +11 -11
  8. package/all-medium-light.css +11 -11
  9. package/all-medium-lightest.css +11 -11
  10. package/body.d.ts +11 -0
  11. package/body.dev.js.map +1 -1
  12. package/body.js.map +1 -1
  13. package/code.d.ts +11 -0
  14. package/code.dev.js.map +1 -1
  15. package/code.js.map +1 -1
  16. package/core-global.css +11 -10
  17. package/detail.d.ts +11 -0
  18. package/detail.dev.js.map +1 -1
  19. package/detail.js.map +1 -1
  20. package/express/core-global.css +11 -10
  21. package/express/scale-large.css +11 -11
  22. package/express/scale-medium.css +11 -11
  23. package/express/theme-dark.css +11 -11
  24. package/express/theme-light.css +11 -11
  25. package/fonts.css +0 -4
  26. package/heading.d.ts +11 -0
  27. package/heading.dev.js.map +1 -1
  28. package/heading.js.map +1 -1
  29. package/package.json +2 -2
  30. package/scale-large.css +11 -11
  31. package/scale-medium.css +11 -11
  32. package/spectrum-two/core-global.css +11 -10
  33. package/spectrum-two/scale-large.css +11 -11
  34. package/spectrum-two/scale-medium.css +11 -11
  35. package/spectrum-two/theme-dark.css +11 -11
  36. package/spectrum-two/theme-light.css +11 -11
  37. package/spectrum-two/themes.dev.js.map +1 -1
  38. package/spectrum-two/themes.js.map +1 -1
  39. package/src/body-overrides.css +11 -13
  40. package/src/body-overrides.css.dev.js.map +1 -1
  41. package/src/body-overrides.css.js.map +1 -1
  42. package/src/code-overrides.css +11 -13
  43. package/src/code-overrides.css.dev.js.map +1 -1
  44. package/src/code-overrides.css.js.map +1 -1
  45. package/src/detail-overrides.css +11 -13
  46. package/src/detail-overrides.css.dev.js.map +1 -1
  47. package/src/detail-overrides.css.js.map +1 -1
  48. package/src/heading-overrides.css +11 -13
  49. package/src/heading-overrides.css.dev.js.map +1 -1
  50. package/src/heading-overrides.css.js.map +1 -1
  51. package/src/lang-overrides.css +11 -13
  52. package/src/lang-overrides.css.dev.js.map +1 -1
  53. package/src/lang-overrides.css.js.map +1 -1
  54. package/src/spectrum-base.css +11 -12
  55. package/src/spectrum-base.css.dev.js.map +1 -1
  56. package/src/spectrum-base.css.js.map +1 -1
  57. package/src/spectrum-body.css +12 -13
  58. package/src/spectrum-body.css.dev.js.map +1 -1
  59. package/src/spectrum-body.css.js.map +1 -1
  60. package/src/spectrum-code.css +11 -12
  61. package/src/spectrum-code.css.dev.js.map +1 -1
  62. package/src/spectrum-code.css.js.map +1 -1
  63. package/src/spectrum-detail.css +12 -15
  64. package/src/spectrum-detail.css.dev.js +1 -1
  65. package/src/spectrum-detail.css.dev.js.map +1 -1
  66. package/src/spectrum-detail.css.js +1 -1
  67. package/src/spectrum-detail.css.js.map +1 -1
  68. package/src/spectrum-heading.css +12 -15
  69. package/src/spectrum-heading.css.dev.js +1 -1
  70. package/src/spectrum-heading.css.dev.js.map +1 -1
  71. package/src/spectrum-heading.css.js +1 -1
  72. package/src/spectrum-heading.css.js.map +1 -1
  73. package/src/spectrum-lang.css +11 -12
  74. package/src/spectrum-lang.css.dev.js.map +1 -1
  75. package/src/spectrum-lang.css.js.map +1 -1
  76. package/src/spectrum-typography.css +11 -12
  77. package/src/spectrum-typography.css.dev.js.map +1 -1
  78. package/src/spectrum-typography.css.js.map +1 -1
  79. package/src/typography-overrides.css +11 -13
  80. package/src/typography-overrides.css.dev.js.map +1 -1
  81. package/src/typography-overrides.css.js.map +1 -1
  82. package/theme-dark.css +11 -11
  83. package/theme-darkest.css +11 -11
  84. package/theme-light.css +11 -11
  85. package/theme-lightest.css +11 -11
  86. package/tokens/express/system-theme-bridge.css +3 -29
  87. package/tokens/index.css +1 -1
  88. package/tokens/spectrum/custom-vars.css +1 -1
  89. package/tokens/spectrum/global-vars.css +1 -1
  90. package/tokens/spectrum/index.css +1 -1
  91. package/tokens/spectrum/system-theme-bridge.css +3 -29
  92. package/tokens-v2/global-vars.css +1 -1
  93. package/tokens-v2/index.css +1 -1
  94. package/tokens-v2/spectrum/custom-vars.css +1 -1
  95. package/tokens-v2/system-theme-bridge.css +3 -29
  96. package/typography.css +0 -4
  97. package/typography.d.ts +11 -0
  98. package/typography.dev.js.map +1 -1
  99. package/typography.js.map +1 -1
package/theme-dark.css CHANGED
@@ -1,14 +1,14 @@
1
- /*
2
- Copyright 2022 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
-
7
- Unless required by applicable law or agreed to in writing, software distributed under
8
- the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- OF ANY KIND, either express or implied. See the License for the specific language
10
- governing permissions and limitations under the License.
11
- */
1
+ /**
2
+ * Copyright 2025 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
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
12
 
13
13
  @import "./spectrum-theme-dark.css";
14
14
 
package/theme-darkest.css CHANGED
@@ -1,14 +1,14 @@
1
- /*
2
- Copyright 2022 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
-
7
- Unless required by applicable law or agreed to in writing, software distributed under
8
- the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- OF ANY KIND, either express or implied. See the License for the specific language
10
- governing permissions and limitations under the License.
11
- */
1
+ /**
2
+ * Copyright 2025 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
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
12
 
13
13
  @import "./spectrum-theme-darkest.css";
14
14
 
package/theme-light.css CHANGED
@@ -1,14 +1,14 @@
1
- /*
2
- Copyright 2022 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
-
7
- Unless required by applicable law or agreed to in writing, software distributed under
8
- the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- OF ANY KIND, either express or implied. See the License for the specific language
10
- governing permissions and limitations under the License.
11
- */
1
+ /**
2
+ * Copyright 2025 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
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
12
 
13
13
  @import "./spectrum-theme-light.css";
14
14
 
package/theme-lightest.css CHANGED
@@ -1,14 +1,14 @@
1
- /*
2
- Copyright 2022 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
-
7
- Unless required by applicable law or agreed to in writing, software distributed under
8
- the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- OF ANY KIND, either express or implied. See the License for the specific language
10
- governing permissions and limitations under the License.
11
- */
1
+ /**
2
+ * Copyright 2025 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
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
12
12
 
13
13
  @import "./spectrum-theme-lightest.css";
14
14
 
package/tokens/express/system-theme-bridge.css CHANGED
@@ -188,35 +188,9 @@
188
188
  --system-clear-button-background-color-hover: var(--spectrum-gray-300);
189
189
  --system-clear-button-background-color-down: var(--spectrum-gray-400);
190
190
  --system-clear-button-background-color-key-focus: var(--spectrum-gray-300);
191
- --system-clear-button-height: var(--spectrum-component-height-100);
192
- --system-clear-button-width: var(--spectrum-component-height-100);
193
- --system-clear-button-padding: var(--spectrum-in-field-button-edge-to-fill);
194
- --system-clear-button-icon-color: var(--spectrum-neutral-content-color-default);
195
- --system-clear-button-icon-color-hover: var(--spectrum-neutral-content-color-hover);
196
- --system-clear-button-icon-color-down: var(--spectrum-neutral-content-color-down);
197
- --system-clear-button-icon-color-key-focus: var(--spectrum-neutral-content-color-key-focus);
198
- --system-clear-button-size-s-height: var(--spectrum-component-height-75);
199
- --system-clear-button-size-s-width: var(--spectrum-component-height-75);
200
- --system-clear-button-size-l-height: var(--spectrum-component-height-200);
201
- --system-clear-button-size-l-width: var(--spectrum-component-height-200);
202
- --system-clear-button-size-xl-height: var(--spectrum-component-height-300);
203
- --system-clear-button-size-xl-width: var(--spectrum-component-height-300);
204
- --system-clear-button-quiet-background-color: var(--spectrum-clear-button-background-color-quiet, transparent);
205
- --system-clear-button-quiet-background-color-hover: var(--spectrum-clear-button-background-color-hover-quiet, transparent);
206
- --system-clear-button-quiet-background-color-down: var(--spectrum-clear-button-background-color-down-quiet, transparent);
207
- --system-clear-button-quiet-background-color-key-focus: var(--spectrum-clear-button-background-color-key-focus-quiet, transparent);
208
- --system-clear-button-over-background-icon-color: var(--spectrum-clear-button-icon-color-over-background, var(--spectrum-white));
209
- --system-clear-button-over-background-icon-color-hover: var(--spectrum-clear-button-icon-color-hover-over-background, var(--spectrum-white));
210
- --system-clear-button-over-background-icon-color-down: var(--spectrum-clear-button-icon-color-down-over-background, var(--spectrum-white));
211
- --system-clear-button-over-background-icon-color-key-focus: var(--spectrum-clear-button-icon-color-key-focus-over-background, var(--spectrum-white));
212
- --system-clear-button-over-background-background-color: var(--spectrum-clear-button-background-color-over-background, transparent);
213
- --system-clear-button-over-background-background-color-hover: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-300));
214
- --system-clear-button-over-background-background-color-down: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-400));
215
- --system-clear-button-over-background-background-color-key-focus: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-300));
216
- --system-clear-button-disabled-icon-color: var(--spectrum-disabled-content-color);
217
- --system-clear-button-disabled-icon-color-hover: var(--spectrum-clear-button-icon-color-hover-disabled, var(--spectrum-disabled-content-color));
218
- --system-clear-button-disabled-icon-color-down: var(--spectrum-clear-button-icon-color-down-disabled, var(--spectrum-disabled-content-color));
219
- --system-clear-button-disabled-background-color: transparent;
191
+ --system-clear-button-static-white-background-color-hover: var(--spectrum-transparent-white-300);
192
+ --system-clear-button-static-white-background-color-down: var(--spectrum-transparent-white-400);
193
+ --system-clear-button-static-white-background-color-key-focus: var(--spectrum-transparent-white-300);
220
194
  --system-close-button-background-color-default: transparent;
221
195
  --system-close-button-background-color-hover: var(--spectrum-gray-300);
222
196
  --system-close-button-background-color-down: var(--spectrum-gray-400);
package/tokens/index.css CHANGED
@@ -3108,7 +3108,7 @@
3108
3108
  --spectrum-font-style: var(--spectrum-default-font-style);
3109
3109
  --spectrum-font-size: var(--spectrum-font-size-100);
3110
3110
  --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
3111
- --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
3111
+ --spectrum-cjk-font: var(--spectrum-cjk-font-family-stack);
3112
3112
  --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
3113
3113
  --spectrum-docs-static-white-background-color: rgba(var(--spectrum-docs-static-white-background-color-rgb));
3114
3114
  --spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
package/tokens/spectrum/custom-vars.css CHANGED
@@ -31,7 +31,7 @@
31
31
  --spectrum-code-font-family-stack: "Source Code Pro", Monaco, monospace;
32
32
 
33
33
  --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
34
- --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
34
+ --spectrum-cjk-font: var(--spectrum-cjk-font-family-stack);
35
35
  --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
36
36
  --spectrum-docs-static-white-background-color: rgba(var(--spectrum-docs-static-white-background-color-rgb));
37
37
  --spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
package/tokens/spectrum/global-vars.css CHANGED
@@ -70,7 +70,7 @@
70
70
  --spectrum-font-style: var(--spectrum-default-font-style);
71
71
  --spectrum-font-size: var(--spectrum-font-size-100);
72
72
  --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
73
- --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
73
+ --spectrum-cjk-font: var(--spectrum-cjk-font-family-stack);
74
74
  --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
75
75
  --spectrum-docs-static-white-background-color: rgba(var(--spectrum-docs-static-white-background-color-rgb));
76
76
  --spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
package/tokens/spectrum/index.css CHANGED
@@ -170,7 +170,7 @@
170
170
  --spectrum-font-style: var(--spectrum-default-font-style);
171
171
  --spectrum-font-size: var(--spectrum-font-size-100);
172
172
  --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
173
- --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
173
+ --spectrum-cjk-font: var(--spectrum-cjk-font-family-stack);
174
174
  --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
175
175
  --spectrum-docs-static-white-background-color: rgba(var(--spectrum-docs-static-white-background-color-rgb));
176
176
  --spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
package/tokens/spectrum/system-theme-bridge.css CHANGED
@@ -188,35 +188,9 @@
188
188
  --system-clear-button-background-color-hover: transparent;
189
189
  --system-clear-button-background-color-down: transparent;
190
190
  --system-clear-button-background-color-key-focus: transparent;
191
- --system-clear-button-height: var(--spectrum-component-height-100);
192
- --system-clear-button-width: var(--spectrum-component-height-100);
193
- --system-clear-button-padding: var(--spectrum-in-field-button-edge-to-fill);
194
- --system-clear-button-icon-color: var(--spectrum-neutral-content-color-default);
195
- --system-clear-button-icon-color-hover: var(--spectrum-neutral-content-color-hover);
196
- --system-clear-button-icon-color-down: var(--spectrum-neutral-content-color-down);
197
- --system-clear-button-icon-color-key-focus: var(--spectrum-neutral-content-color-key-focus);
198
- --system-clear-button-size-s-height: var(--spectrum-component-height-75);
199
- --system-clear-button-size-s-width: var(--spectrum-component-height-75);
200
- --system-clear-button-size-l-height: var(--spectrum-component-height-200);
201
- --system-clear-button-size-l-width: var(--spectrum-component-height-200);
202
- --system-clear-button-size-xl-height: var(--spectrum-component-height-300);
203
- --system-clear-button-size-xl-width: var(--spectrum-component-height-300);
204
- --system-clear-button-quiet-background-color: var(--spectrum-clear-button-background-color-quiet, transparent);
205
- --system-clear-button-quiet-background-color-hover: var(--spectrum-clear-button-background-color-hover-quiet, transparent);
206
- --system-clear-button-quiet-background-color-down: var(--spectrum-clear-button-background-color-down-quiet, transparent);
207
- --system-clear-button-quiet-background-color-key-focus: var(--spectrum-clear-button-background-color-key-focus-quiet, transparent);
208
- --system-clear-button-over-background-icon-color: var(--spectrum-clear-button-icon-color-over-background, var(--spectrum-white));
209
- --system-clear-button-over-background-icon-color-hover: var(--spectrum-clear-button-icon-color-hover-over-background, var(--spectrum-white));
210
- --system-clear-button-over-background-icon-color-down: var(--spectrum-clear-button-icon-color-down-over-background, var(--spectrum-white));
211
- --system-clear-button-over-background-icon-color-key-focus: var(--spectrum-clear-button-icon-color-key-focus-over-background, var(--spectrum-white));
212
- --system-clear-button-over-background-background-color: var(--spectrum-clear-button-background-color-over-background, transparent);
213
- --system-clear-button-over-background-background-color-hover: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-300));
214
- --system-clear-button-over-background-background-color-down: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-400));
215
- --system-clear-button-over-background-background-color-key-focus: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-300));
216
- --system-clear-button-disabled-icon-color: var(--spectrum-disabled-content-color);
217
- --system-clear-button-disabled-icon-color-hover: var(--spectrum-clear-button-icon-color-hover-disabled, var(--spectrum-disabled-content-color));
218
- --system-clear-button-disabled-icon-color-down: var(--spectrum-clear-button-icon-color-down-disabled, var(--spectrum-disabled-content-color));
219
- --system-clear-button-disabled-background-color: transparent;
191
+ --system-clear-button-static-white-background-color-hover: var(--spectrum-transparent-white-300);
192
+ --system-clear-button-static-white-background-color-down: var(--spectrum-transparent-white-400);
193
+ --system-clear-button-static-white-background-color-key-focus: var(--spectrum-transparent-white-300);
220
194
  --system-close-button-background-color-default: transparent;
221
195
  --system-close-button-background-color-hover: var(--spectrum-gray-200);
222
196
  --system-close-button-background-color-down: var(--spectrum-gray-300);
package/tokens-v2/global-vars.css CHANGED
@@ -645,7 +645,7 @@
645
645
  --spectrum-font-style: var(--spectrum-default-font-style);
646
646
  --spectrum-font-size: var(--spectrum-font-size-100);
647
647
  --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
648
- --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
648
+ --spectrum-cjk-font: var(--spectrum-cjk-font-family-stack);
649
649
  --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
650
650
  --spectrum-docs-static-white-background-color: rgba(var(--spectrum-docs-static-white-background-color-rgb));
651
651
  --spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
package/tokens-v2/index.css CHANGED
@@ -1474,7 +1474,7 @@
1474
1474
  --spectrum-font-style: var(--spectrum-default-font-style);
1475
1475
  --spectrum-font-size: var(--spectrum-font-size-100);
1476
1476
  --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
1477
- --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
1477
+ --spectrum-cjk-font: var(--spectrum-cjk-font-family-stack);
1478
1478
  --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
1479
1479
  --spectrum-docs-static-white-background-color: rgba(var(--spectrum-docs-static-white-background-color-rgb));
1480
1480
  --spectrum-docs-static-black-background-color-rgb: 181, 209, 211;
package/tokens-v2/spectrum/custom-vars.css CHANGED
@@ -31,7 +31,7 @@
31
31
  --spectrum-code-font-family-stack: "Source Code Pro", Monaco, monospace;
32
32
 
33
33
  --spectrum-cjk-font-family-stack: adobe-clean-han-japanese, var(--spectrum-cjk-font-family), sans-serif;
34
- --spectrum-cjk-font: var(--spectrum-code-font-family-stack);
34
+ --spectrum-cjk-font: var(--spectrum-cjk-font-family-stack);
35
35
 
36
36
  /* static white / black background color for docs containers */
37
37
  --spectrum-docs-static-white-background-color-rgb: 15, 121, 125;
package/tokens-v2/system-theme-bridge.css CHANGED
@@ -187,35 +187,9 @@
187
187
  --system-clear-button-background-color-hover: transparent;
188
188
  --system-clear-button-background-color-down: transparent;
189
189
  --system-clear-button-background-color-key-focus: transparent;
190
- --system-clear-button-height: var(--spectrum-component-height-100);
191
- --system-clear-button-width: var(--spectrum-component-height-100);
192
- --system-clear-button-padding: var(--spectrum-in-field-button-edge-to-fill);
193
- --system-clear-button-icon-color: var(--spectrum-neutral-content-color-default);
194
- --system-clear-button-icon-color-hover: var(--spectrum-neutral-content-color-hover);
195
- --system-clear-button-icon-color-down: var(--spectrum-neutral-content-color-down);
196
- --system-clear-button-icon-color-key-focus: var(--spectrum-neutral-content-color-key-focus);
197
- --system-clear-button-size-s-height: var(--spectrum-component-height-75);
198
- --system-clear-button-size-s-width: var(--spectrum-component-height-75);
199
- --system-clear-button-size-l-height: var(--spectrum-component-height-200);
200
- --system-clear-button-size-l-width: var(--spectrum-component-height-200);
201
- --system-clear-button-size-xl-height: var(--spectrum-component-height-300);
202
- --system-clear-button-size-xl-width: var(--spectrum-component-height-300);
203
- --system-clear-button-quiet-background-color: var(--spectrum-clear-button-background-color-quiet, transparent);
204
- --system-clear-button-quiet-background-color-hover: var(--spectrum-clear-button-background-color-hover-quiet, transparent);
205
- --system-clear-button-quiet-background-color-down: var(--spectrum-clear-button-background-color-down-quiet, transparent);
206
- --system-clear-button-quiet-background-color-key-focus: var(--spectrum-clear-button-background-color-key-focus-quiet, transparent);
207
- --system-clear-button-over-background-icon-color: var(--spectrum-clear-button-icon-color-over-background, var(--spectrum-white));
208
- --system-clear-button-over-background-icon-color-hover: var(--spectrum-clear-button-icon-color-hover-over-background, var(--spectrum-white));
209
- --system-clear-button-over-background-icon-color-down: var(--spectrum-clear-button-icon-color-down-over-background, var(--spectrum-white));
210
- --system-clear-button-over-background-icon-color-key-focus: var(--spectrum-clear-button-icon-color-key-focus-over-background, var(--spectrum-white));
211
- --system-clear-button-over-background-background-color: var(--spectrum-clear-button-background-color-over-background, transparent);
212
- --system-clear-button-over-background-background-color-hover: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-400));
213
- --system-clear-button-over-background-background-color-down: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-500));
214
- --system-clear-button-over-background-background-color-key-focus: var(--spectrum-clear-button-background-color-hover-over-background, var(--spectrum-transparent-white-400));
215
- --system-clear-button-disabled-icon-color: var(--spectrum-disabled-content-color);
216
- --system-clear-button-disabled-icon-color-hover: var(--spectrum-clear-button-icon-color-hover-disabled, var(--spectrum-disabled-content-color));
217
- --system-clear-button-disabled-icon-color-down: var(--spectrum-clear-button-icon-color-down-disabled, var(--spectrum-disabled-content-color));
218
- --system-clear-button-disabled-background-color: transparent;
190
+ --system-clear-button-static-white-background-color-hover: var(--spectrum-transparent-white-400);
191
+ --system-clear-button-static-white-background-color-down: var(--spectrum-transparent-white-500);
192
+ --system-clear-button-static-white-background-color-key-focus: var(--spectrum-transparent-white-400);
219
193
  --system-close-button-background-color-default: transparent;
220
194
  --system-close-button-background-color-hover: var(--spectrum-gray-100);
221
195
  --system-close-button-background-color-down: var(--spectrum-gray-200);
package/typography.css CHANGED
@@ -73,8 +73,6 @@
73
73
  --spectrum-heading-cjk-font-family: var(--spectrum-cjk-font-family-stack);
74
74
  --spectrum-heading-cjk-letter-spacing: var(--spectrum-cjk-letter-spacing);
75
75
  --spectrum-heading-font-color: var(--spectrum-heading-color);
76
- --spectrum-heading-margin-start: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-top-multiplier));
77
- --spectrum-heading-margin-end: calc(var(--mod-heading-font-size, var(--spectrum-heading-font-size)) * var(--spectrum-heading-margin-bottom-multiplier));
78
76
  font-family: var(--mod-heading-sans-serif-font-family, var(--spectrum-heading-sans-serif-font-family));
79
77
  font-style: var(--mod-heading-sans-serif-font-style, var(--spectrum-heading-sans-serif-font-style));
80
78
  font-weight: var(--mod-heading-sans-serif-font-weight, var(--spectrum-heading-sans-serif-font-weight));
@@ -502,8 +500,6 @@
502
500
  --spectrum-detail-sans-serif-font-family: var(--spectrum-sans-font-family-stack);
503
501
  --spectrum-detail-serif-font-family: var(--spectrum-serif-font-family-stack);
504
502
  --spectrum-detail-cjk-font-family: var(--spectrum-cjk-font-family-stack);
505
- --spectrum-detail-margin-start: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-top-multiplier));
506
- --spectrum-detail-margin-end: calc(var(--mod-detail-font-size, var(--spectrum-detail-font-size)) * var(--spectrum-detail-margin-bottom-multiplier));
507
503
  --spectrum-detail-font-color: var(--spectrum-detail-color);
508
504
  font-family: var(--mod-detail-sans-serif-font-family, var(--spectrum-detail-sans-serif-font-family));
509
505
  font-style: var(--mod-detail-sans-serif-font-style, var(--spectrum-detail-sans-serif-font-style));
package/typography.d.ts CHANGED
@@ -1,2 +1,13 @@
1
+ /**
2
+ * Copyright 2025 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
+ *
7
+ * Unless required by applicable law or agreed to in writing, software distributed under
8
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
+ * OF ANY KIND, either express or implied. See the License for the specific language
10
+ * governing permissions and limitations under the License.
11
+ */
1
12
  declare const _default: import("lit").CSSResult[];
2
13
  export default _default;
package/typography.dev.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["typography.ts"],
4
- "sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport typographyStyles from './src/spectrum-typography.css.js';\n\nexport default [typographyStyles];\n"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport typographyStyles from './src/spectrum-typography.css.js';\n\nexport default [typographyStyles];\n"],
5
5
  "mappings": ";AAYA,OAAO,sBAAsB;AAE7B,eAAe,CAAC,gBAAgB;",
6
6
  "names": []
7
7
  }
package/typography.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["typography.ts"],
4
- "sourcesContent": ["/*\nCopyright 2020 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*/\n\nimport typographyStyles from './src/spectrum-typography.css.js';\n\nexport default [typographyStyles];\n"],
4
+ "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport typographyStyles from './src/spectrum-typography.css.js';\n\nexport default [typographyStyles];\n"],
5
5
  "mappings": "aAYA,OAAOA,MAAsB,mCAE7B,cAAe,CAACA,CAAgB",
6
6
  "names": ["typographyStyles"]
7
7
  }