@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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-code.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-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXL{color:var(\n--spectrum-code-xl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Code--sizeL{color:var(\n--spectrum-code-l-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Code--sizeM{color:var(\n--spectrum-code-m-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Code--sizeS{color:var(\n--spectrum-code-s-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Code--sizeXS{color:var(\n--spectrum-code-xs-text-color,var(--spectrum-alias-text-color)\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiFf,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-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEf,eAAe;",
6
6
  "names": []
7
7
  }
@@ -67,16 +67,6 @@
67
67
  --spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)
68
68
  );line-height:var(
69
69
  --spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)
70
- );margin-bottom:0;margin-top:0}.spectrum-Code--sizeXL{color:var(
71
- --spectrum-code-xl-text-color,var(--spectrum-alias-text-color)
72
- )}.spectrum-Code--sizeL{color:var(
73
- --spectrum-code-l-text-color,var(--spectrum-alias-text-color)
74
- )}.spectrum-Code--sizeM{color:var(
75
- --spectrum-code-m-text-color,var(--spectrum-alias-text-color)
76
- )}.spectrum-Code--sizeS{color:var(
77
- --spectrum-code-s-text-color,var(--spectrum-alias-text-color)
78
- )}.spectrum-Code--sizeXS{color:var(
79
- --spectrum-code-xs-text-color,var(--spectrum-alias-text-color)
80
- )}
70
+ );margin-bottom:0;margin-top:0}.spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}
81
71
  `;export default e;
82
72
  //# sourceMappingURL=spectrum-code.css.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["spectrum-code.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-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXL{color:var(\n--spectrum-code-xl-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Code--sizeL{color:var(\n--spectrum-code-l-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Code--sizeM{color:var(\n--spectrum-code-m-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Code--sizeS{color:var(\n--spectrum-code-s-text-color,var(--spectrum-alias-text-color)\n)}.spectrum-Code--sizeXS{color:var(\n--spectrum-code-xs-text-color,var(--spectrum-alias-text-color)\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiFf,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-Code{font-family:var(\n--spectrum-heading-m-text-font-family,var(--spectrum-alias-body-text-font-family)\n)}.spectrum-Code .spectrum-Code-strong,.spectrum-Code strong{font-weight:var(\n--spectrum-code-m-strong-text-font-weight,var(--spectrum-global-font-weight-bold)\n)}.spectrum-Code .spectrum-Code-emphasized,.spectrum-Code em{font-style:var(\n--spectrum-code-m-emphasized-text-font-style,var(--spectrum-global-font-style-italic)\n)}.spectrum-Code--serif{font-family:var(\n--spectrum-body-m-serif-text-font-family,var(--spectrum-alias-serif-text-font-family)\n)}.spectrum-Code--sizeXL{font-family:var(\n--spectrum-code-xl-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xl-text-size,var(--spectrum-global-dimension-font-size-400)\n);font-style:var(\n--spectrum-code-xl-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xl-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xl-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xl-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeL{font-family:var(\n--spectrum-code-l-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-l-text-size,var(--spectrum-global-dimension-font-size-300)\n);font-style:var(\n--spectrum-code-l-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-l-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-l-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-l-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeM{font-family:var(\n--spectrum-code-m-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-m-text-size,var(--spectrum-global-dimension-font-size-200)\n);font-style:var(\n--spectrum-code-m-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-m-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-m-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-m-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeS{font-family:var(\n--spectrum-code-s-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-s-text-size,var(--spectrum-global-dimension-font-size-100)\n);font-style:var(\n--spectrum-code-s-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-s-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-s-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-s-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXS{font-family:var(\n--spectrum-code-xs-text-font-family,var(--spectrum-alias-code-text-font-family)\n);font-size:var(\n--spectrum-code-xs-text-size,var(--spectrum-global-dimension-font-size-75)\n);font-style:var(\n--spectrum-code-xs-text-font-style,var(--spectrum-global-font-style-regular)\n);font-weight:var(\n--spectrum-code-xs-text-font-weight,var(--spectrum-alias-code-text-font-weight-regular)\n);letter-spacing:var(\n--spectrum-code-xs-text-letter-spacing,var(--spectrum-global-font-letter-spacing-none)\n);line-height:var(\n--spectrum-code-xs-text-line-height,var(--spectrum-alias-body-text-line-height)\n);margin-bottom:0;margin-top:0}.spectrum-Code--sizeXL{color:var(--spectrum-code-xl-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeL{color:var(--spectrum-code-l-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeM{color:var(--spectrum-code-m-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeS{color:var(--spectrum-code-s-text-color,var(--spectrum-alias-text-color))}.spectrum-Code--sizeXS{color:var(--spectrum-code-xs-text-color,var(--spectrum-alias-text-color))}\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuEf,eAAeC",
6
6
  "names": ["css", "styles"]
7
7
  }
@@ -1,72 +1,57 @@
1
+ // @ts-check
1
2
  /*
2
- Copyright 2020 Adobe. All rights reserved.
3
- This file is licensed to you under the Apache License, Version 2.0 (the "License");
3
+ Copyright 2023 Adobe. All rights reserved.
4
+ This file is licensed to you under the Apache License, Version 2.0 (the 'License');
4
5
  you may not use this file except in compliance with the License. You may obtain a copy
5
6
  of the License at http://www.apache.org/licenses/LICENSE-2.0
7
+
6
8
  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
9
+ the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
8
10
  OF ANY KIND, either express or implied. See the License for the specific language
9
11
  governing permissions and limitations under the License.
10
12
  */
11
13
 
12
- const config = {
13
- spectrum: 'typography',
14
- components: [
15
- {
16
- name: 'base',
17
- host: {
18
- selector: '.spectrum',
19
- shadowSelector: '.spectrum',
20
- },
21
- exclude: [/\.spectrum-/, /\.spectrum:lang/],
22
- },
23
- {
24
- name: 'typography',
25
- keepHostSelector: true,
26
- host: {
27
- selector: '.spectrum-Typography',
28
- shadowSelector: '.spectrum-Typography',
29
- },
30
- },
31
- {
32
- name: 'heading',
33
- keepHostSelector: true,
34
- host: {
35
- selector: '.spectrum-Heading',
36
- shadowSelector: '.spectrum-Heading',
37
- },
38
- },
14
+ /**
15
+ * @property {string} fileName
16
+ * @property {RegExp} regex
17
+ * @returns {import('../../../tasks/spectrum-css-converter').Conversion}
18
+ */
19
+ const styleType = (fileName, regex) => ({
20
+ inPackage: '@spectrum-css/typography',
21
+ outPackage: ['tools', 'styles'],
22
+ fileName,
23
+ requireComponentPresence: [
39
24
  {
40
- name: 'body',
41
- keepHostSelector: true,
42
- host: {
43
- selector: '.spectrum-Body',
44
- shadowSelector: '.spectrum-Body',
45
- },
46
- },
47
- {
48
- name: 'detail',
49
- keepHostSelector: true,
50
- host: {
51
- selector: '.spectrum-Detail',
52
- shadowSelector: '.spectrum-Detail',
53
- },
54
- },
55
- {
56
- name: 'code',
57
- keepHostSelector: true,
58
- host: {
59
- selector: '.spectrum-Code',
60
- shadowSelector: '.spectrum-Code',
61
- },
25
+ type: 'class',
26
+ name: regex,
27
+ regex,
62
28
  },
29
+ ],
30
+ components: [],
31
+ });
32
+
33
+ /**
34
+ * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter }
35
+ */
36
+ const config = {
37
+ conversions: [
38
+ styleType('typography', /^spectrum-Typography/),
39
+ styleType('heading', /^spectrum-Heading/),
40
+ styleType('body', /^spectrum-Body/),
41
+ styleType('detail', /^spectrum-Detail/),
42
+ styleType('code', /^spectrum-Code/),
63
43
  {
64
- name: 'lang',
65
- host: {
66
- selector: '.spectrum',
67
- shadowSelector: '.spectrum',
68
- },
69
- exclude: [/^\.spectrum(?!:lang)/],
44
+ inPackage: '@spectrum-css/typography',
45
+ outPackage: ['tools', 'styles'],
46
+ fileName: 'lang',
47
+ allowThemeRules: true,
48
+ requireComponentPresence: [
49
+ /** @type {import('lightningcss').SelectorComponent} */ ({
50
+ type: 'pseudo-class',
51
+ kind: 'lang',
52
+ }),
53
+ ],
54
+ components: [],
70
55
  },
71
56
  ],
72
57
  };
@@ -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
@@ -15,52 +15,43 @@ governing permissions and limitations under the License.
15
15
  font-family: var(
16
16
  --spectrum-heading-m-text-font-family,
17
17
  var(--spectrum-alias-body-text-font-family)
18
- ); /* .spectrum-Detail */
18
+ );
19
19
  }
20
-
21
20
  .spectrum-Detail .spectrum-Detail-strong,
22
21
  .spectrum-Detail strong {
23
22
  font-weight: var(
24
23
  --spectrum-detail-m-strong-text-font-weight,
25
24
  var(--spectrum-alias-detail-text-font-weight-regular)
26
- ); /* .spectrum-Detail strong,
27
- * .spectrum-Detail .spectrum-Detail-strong */
25
+ );
28
26
  }
29
-
30
27
  .spectrum-Detail .spectrum-Detail-emphasized,
31
28
  .spectrum-Detail em {
32
29
  font-style: var(
33
30
  --spectrum-detail-m-emphasized-text-font-style,
34
31
  var(--spectrum-global-font-style-italic)
35
- ); /* .spectrum-Detail em,
36
- * .spectrum-Detail .spectrum-Detail-emphasized */
32
+ );
37
33
  }
38
-
39
34
  .spectrum-Detail--light {
40
35
  font-style: var(
41
36
  --spectrum-detail-m-light-text-font-style,
42
37
  var(--spectrum-global-font-style-regular)
43
- ); /* .spectrum-Detail--light */
44
-
38
+ );
45
39
  font-weight: var(
46
40
  --spectrum-detail-m-light-text-font-weight,
47
41
  var(--spectrum-alias-detail-text-font-weight-light)
48
42
  );
49
43
  }
50
-
51
44
  .spectrum-Detail--serif {
52
45
  font-family: var(
53
46
  --spectrum-body-m-serif-text-font-family,
54
47
  var(--spectrum-alias-serif-text-font-family)
55
- ); /* .spectrum-Detail--serif */
48
+ );
56
49
  }
57
-
58
50
  .spectrum-Detail--sizeXL {
59
51
  font-size: var(
60
52
  --spectrum-detail-xl-text-size,
61
53
  var(--spectrum-global-dimension-font-size-200)
62
- ); /* .spectrum-Detail--sizeXL */
63
-
54
+ );
64
55
  font-style: var(
65
56
  --spectrum-detail-xl-text-font-style,
66
57
  var(--spectrum-global-font-style-regular)
@@ -81,13 +72,11 @@ governing permissions and limitations under the License.
81
72
  margin-top: 0;
82
73
  text-transform: var(--spectrum-detail-xl-text-transform, uppercase);
83
74
  }
84
-
85
75
  .spectrum-Detail--sizeXL em {
86
76
  font-size: var(
87
77
  --spectrum-detail-xl-emphasized-text-size,
88
78
  var(--spectrum-global-dimension-font-size-200)
89
- ); /* .spectrum-Detail--sizeXL em */
90
-
79
+ );
91
80
  font-style: var(
92
81
  --spectrum-detail-xl-emphasized-text-font-style,
93
82
  var(--spectrum-global-font-style-italic)
@@ -111,13 +100,11 @@ governing permissions and limitations under the License.
111
100
  uppercase
112
101
  );
113
102
  }
114
-
115
103
  .spectrum-Detail--sizeXL strong {
116
104
  font-size: var(
117
105
  --spectrum-detail-xl-strong-text-size,
118
106
  var(--spectrum-global-dimension-font-size-200)
119
- ); /* .spectrum-Detail--sizeXL strong */
120
-
107
+ );
121
108
  font-style: var(
122
109
  --spectrum-detail-xl-strong-text-font-style,
123
110
  var(--spectrum-global-font-style-regular)
@@ -138,13 +125,11 @@ governing permissions and limitations under the License.
138
125
  margin-top: 0;
139
126
  text-transform: var(--spectrum-detail-xl-strong-text-transform, uppercase);
140
127
  }
141
-
142
128
  .spectrum-Detail--sizeL {
143
129
  font-size: var(
144
130
  --spectrum-detail-l-text-size,
145
131
  var(--spectrum-global-dimension-font-size-100)
146
- ); /* .spectrum-Detail--sizeL */
147
-
132
+ );
148
133
  font-style: var(
149
134
  --spectrum-detail-l-text-font-style,
150
135
  var(--spectrum-global-font-style-regular)
@@ -165,13 +150,11 @@ governing permissions and limitations under the License.
165
150
  margin-top: 0;
166
151
  text-transform: var(--spectrum-detail-l-text-transform, uppercase);
167
152
  }
168
-
169
153
  .spectrum-Detail--sizeL em {
170
154
  font-size: var(
171
155
  --spectrum-detail-l-emphasized-text-size,
172
156
  var(--spectrum-global-dimension-font-size-100)
173
- ); /* .spectrum-Detail--sizeL em */
174
-
157
+ );
175
158
  font-style: var(
176
159
  --spectrum-detail-l-emphasized-text-font-style,
177
160
  var(--spectrum-global-font-style-italic)
@@ -195,13 +178,11 @@ governing permissions and limitations under the License.
195
178
  uppercase
196
179
  );
197
180
  }
198
-
199
181
  .spectrum-Detail--sizeL strong {
200
182
  font-size: var(
201
183
  --spectrum-detail-l-strong-text-size,
202
184
  var(--spectrum-global-dimension-font-size-100)
203
- ); /* .spectrum-Detail--sizeL strong */
204
-
185
+ );
205
186
  font-style: var(
206
187
  --spectrum-detail-l-strong-text-font-style,
207
188
  var(--spectrum-global-font-style-regular)
@@ -222,13 +203,11 @@ governing permissions and limitations under the License.
222
203
  margin-top: 0;
223
204
  text-transform: var(--spectrum-detail-l-strong-text-transform, uppercase);
224
205
  }
225
-
226
206
  .spectrum-Detail--sizeM {
227
207
  font-size: var(
228
208
  --spectrum-detail-m-text-size,
229
209
  var(--spectrum-global-dimension-font-size-75)
230
- ); /* .spectrum-Detail--sizeM */
231
-
210
+ );
232
211
  font-style: var(
233
212
  --spectrum-detail-m-text-font-style,
234
213
  var(--spectrum-global-font-style-regular)
@@ -249,13 +228,11 @@ governing permissions and limitations under the License.
249
228
  margin-top: 0;
250
229
  text-transform: var(--spectrum-detail-m-text-transform, uppercase);
251
230
  }
252
-
253
231
  .spectrum-Detail--sizeM em {
254
232
  font-size: var(
255
233
  --spectrum-detail-m-emphasized-text-size,
256
234
  var(--spectrum-global-dimension-font-size-75)
257
- ); /* .spectrum-Detail--sizeM em */
258
-
235
+ );
259
236
  font-style: var(
260
237
  --spectrum-detail-m-emphasized-text-font-style,
261
238
  var(--spectrum-global-font-style-italic)
@@ -279,13 +256,11 @@ governing permissions and limitations under the License.
279
256
  uppercase
280
257
  );
281
258
  }
282
-
283
259
  .spectrum-Detail--sizeM strong {
284
260
  font-size: var(
285
261
  --spectrum-detail-m-strong-text-size,
286
262
  var(--spectrum-global-dimension-font-size-75)
287
- ); /* .spectrum-Detail--sizeM strong */
288
-
263
+ );
289
264
  font-style: var(
290
265
  --spectrum-detail-m-strong-text-font-style,
291
266
  var(--spectrum-global-font-style-regular)
@@ -306,13 +281,11 @@ governing permissions and limitations under the License.
306
281
  margin-top: 0;
307
282
  text-transform: var(--spectrum-detail-m-strong-text-transform, uppercase);
308
283
  }
309
-
310
284
  .spectrum-Detail--sizeS {
311
285
  font-size: var(
312
286
  --spectrum-detail-s-text-size,
313
287
  var(--spectrum-global-dimension-font-size-50)
314
- ); /* .spectrum-Detail--sizeS */
315
-
288
+ );
316
289
  font-style: var(
317
290
  --spectrum-detail-s-text-font-style,
318
291
  var(--spectrum-global-font-style-regular)
@@ -333,13 +306,11 @@ governing permissions and limitations under the License.
333
306
  margin-top: 0;
334
307
  text-transform: var(--spectrum-detail-s-text-transform, uppercase);
335
308
  }
336
-
337
309
  .spectrum-Detail--sizeS em {
338
310
  font-size: var(
339
311
  --spectrum-detail-s-emphasized-text-size,
340
312
  var(--spectrum-global-dimension-font-size-50)
341
- ); /* .spectrum-Detail--sizeS em */
342
-
313
+ );
343
314
  font-style: var(
344
315
  --spectrum-detail-s-emphasized-text-font-style,
345
316
  var(--spectrum-global-font-style-italic)
@@ -363,13 +334,11 @@ governing permissions and limitations under the License.
363
334
  uppercase
364
335
  );
365
336
  }
366
-
367
337
  .spectrum-Detail--sizeS strong {
368
338
  font-size: var(
369
339
  --spectrum-detail-s-strong-text-size,
370
340
  var(--spectrum-global-dimension-font-size-50)
371
- ); /* .spectrum-Detail--sizeS strong */
372
-
341
+ );
373
342
  font-style: var(
374
343
  --spectrum-detail-s-strong-text-font-style,
375
344
  var(--spectrum-global-font-style-regular)
@@ -390,31 +359,27 @@ governing permissions and limitations under the License.
390
359
  margin-top: 0;
391
360
  text-transform: var(--spectrum-detail-s-strong-text-transform, uppercase);
392
361
  }
393
-
394
362
  .spectrum-Detail--sizeXL {
395
363
  color: var(
396
364
  --spectrum-detail-xl-text-color,
397
365
  var(--spectrum-alias-heading-text-color)
398
- ); /* .spectrum-Detail--sizeXL */
366
+ );
399
367
  }
400
-
401
368
  .spectrum-Detail--sizeL {
402
369
  color: var(
403
370
  --spectrum-detail-l-text-color,
404
371
  var(--spectrum-alias-heading-text-color)
405
- ); /* .spectrum-Detail--sizeL */
372
+ );
406
373
  }
407
-
408
374
  .spectrum-Detail--sizeM {
409
375
  color: var(
410
376
  --spectrum-detail-m-text-color,
411
377
  var(--spectrum-alias-heading-text-color)
412
- ); /* .spectrum-Detail--sizeM */
378
+ );
413
379
  }
414
-
415
380
  .spectrum-Detail--sizeS {
416
381
  color: var(
417
382
  --spectrum-detail-s-text-color,
418
383
  var(--spectrum-alias-heading-text-color)
419
- ); /* .spectrum-Detail--sizeS */
384
+ );
420
385
  }