@semanticus/semanticus-css 0.7.0 → 0.9.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 (138) hide show
  1. package/README.md +8 -10
  2. package/dist/semanticus-semantics.css +11 -1
  3. package/dist/semanticus.css +13 -1
  4. package/dist/semanticus.palette.amber.css +1 -1
  5. package/dist/semanticus.palette.blue.css +1 -1
  6. package/dist/semanticus.palette.cyan.css +1 -1
  7. package/dist/semanticus.palette.fuchsia.css +1 -1
  8. package/dist/semanticus.palette.green.css +1 -1
  9. package/dist/semanticus.palette.grey.css +1 -1
  10. package/dist/semanticus.palette.indigo.css +1 -1
  11. package/dist/semanticus.palette.jade.css +1 -1
  12. package/dist/semanticus.palette.lime.css +1 -1
  13. package/dist/semanticus.palette.orange.css +1 -1
  14. package/dist/semanticus.palette.pink.css +1 -1
  15. package/dist/semanticus.palette.pumpkin.css +1 -1
  16. package/dist/semanticus.palette.purple.css +1 -1
  17. package/dist/semanticus.palette.red.css +1 -1
  18. package/dist/semanticus.palette.sand.css +1 -1
  19. package/dist/semanticus.palette.slate.css +1 -1
  20. package/dist/semanticus.palette.violet.css +1 -1
  21. package/dist/semanticus.palette.yellow.css +1 -1
  22. package/dist/semanticus.palette.zinc.css +1 -1
  23. package/dist/semanticus.size.pico.css +1 -0
  24. package/package.json +13 -14
  25. package/src/index.css +11 -4
  26. package/src/palettes/amber.css +3 -3
  27. package/src/palettes/blue.css +3 -3
  28. package/src/palettes/cyan.css +3 -3
  29. package/src/palettes/fuchsia.css +3 -3
  30. package/src/palettes/green.css +3 -3
  31. package/src/palettes/grey.css +3 -3
  32. package/src/palettes/indigo.css +3 -3
  33. package/src/palettes/jade.css +3 -3
  34. package/src/palettes/lime.css +3 -3
  35. package/src/palettes/orange.css +3 -3
  36. package/src/palettes/pink.css +3 -3
  37. package/src/palettes/pumpkin.css +3 -3
  38. package/src/palettes/purple.css +3 -3
  39. package/src/palettes/red.css +3 -3
  40. package/src/palettes/sand.css +3 -3
  41. package/src/palettes/slate.css +3 -3
  42. package/src/palettes/violet.css +3 -3
  43. package/src/palettes/yellow.css +3 -3
  44. package/src/palettes/zinc.css +3 -3
  45. package/src/semantics/_misc.css +3 -0
  46. package/src/semantics/attributes/_popover.css +13 -0
  47. package/src/semantics/attributes/_role-group-search.css +140 -0
  48. package/src/semantics/elements/_abbr.css +5 -0
  49. package/src/semantics/elements/_address.css +7 -0
  50. package/src/semantics/elements/_article.css +6 -0
  51. package/src/semantics/{_aside.css → elements/_aside.css} +3 -3
  52. package/src/semantics/elements/_blockquote.css +18 -0
  53. package/src/semantics/{_button.css → elements/_button.css} +2 -2
  54. package/src/semantics/{_code.css → elements/_code.css} +10 -7
  55. package/src/semantics/elements/_del.css +3 -0
  56. package/src/semantics/{_details.css → elements/_details.css} +10 -10
  57. package/src/semantics/elements/_dialog.css +117 -0
  58. package/src/semantics/elements/_footer.css +13 -0
  59. package/src/semantics/elements/_header.css +13 -0
  60. package/src/semantics/elements/_headings.css +34 -0
  61. package/src/semantics/elements/_hgroup.css +14 -0
  62. package/src/semantics/{_hr.css → elements/_hr.css} +1 -1
  63. package/src/semantics/{_input.css → elements/_input.css} +3 -4
  64. package/src/semantics/elements/_ins.css +4 -0
  65. package/src/semantics/{_links.css → elements/_links.css} +11 -4
  66. package/src/semantics/elements/_lists.css +22 -0
  67. package/src/semantics/elements/_main.css +7 -0
  68. package/src/semantics/elements/_mark.css +6 -0
  69. package/src/semantics/{_nav.css → elements/_nav.css} +4 -4
  70. package/src/semantics/elements/_p.css +11 -0
  71. package/src/semantics/{_progress.css → elements/_progress.css} +1 -1
  72. package/src/semantics/elements/_section.css +7 -0
  73. package/src/semantics/elements/_strong.css +4 -0
  74. package/src/semantics/elements/_sub.css +7 -0
  75. package/src/semantics/elements/_sup.css +7 -0
  76. package/src/semantics/{_table.css → elements/_table.css} +7 -2
  77. package/src/semantics/index.css +9 -4
  78. package/src/semantics/modules.css +47 -32
  79. package/src/sizes/pico.css +100 -0
  80. package/src/utilities/_variables.css +19 -214
  81. package/src/utilities/borders/_border-radius.css +24 -0
  82. package/src/utilities/borders/_border-width.css +8 -0
  83. package/src/utilities/colors/_background-colors.css +51 -44
  84. package/src/utilities/colors/_border-colors.css +14 -14
  85. package/src/utilities/colors/_text-colors.css +80 -80
  86. package/src/utilities/effects/_shadows.css +10 -10
  87. package/src/utilities/layout/_flexbox.css +16 -1
  88. package/src/utilities/layout/_misc.css +2 -2
  89. package/src/utilities/modules.css +6 -0
  90. package/src/utilities/spacing/_gap.css +63 -0
  91. package/src/utilities/spacing/_margin.css +145 -0
  92. package/src/utilities/spacing/_padding.css +145 -0
  93. package/src/utilities/typography/_font-sizes.css +0 -15
  94. package/src/variables/_all.css +15 -739
  95. package/src/variables/_breakpoints.css +10 -0
  96. package/src/variables/_colors.css +355 -0
  97. package/src/variables/_components.css +330 -0
  98. package/src/variables/_elements.css +194 -0
  99. package/src/variables/_icons.css +55 -0
  100. package/src/variables/_layout.css +123 -0
  101. package/src/variants/_contrast.css +28 -14
  102. package/src/variants/_ghost.css +36 -29
  103. package/src/variants/_pane-panel-card.css +54 -0
  104. package/src/variants/_secondary.css +25 -12
  105. package/src/variants/_sidebar.css +49 -9
  106. package/src/variants/modules.css +4 -6
  107. package/dist/semanticus-utilities.css +0 -7
  108. package/dist/semanticus-variants.css +0 -1
  109. package/dist/semanticus.size.slim.css +0 -1
  110. package/src/semantics/_article.css +0 -12
  111. package/src/semantics/_dialog.css +0 -157
  112. package/src/semantics/_footer.css +0 -12
  113. package/src/semantics/_header.css +0 -12
  114. package/src/semantics/_main.css +0 -10
  115. package/src/semantics/_role-group-search.css +0 -129
  116. package/src/semantics/_section.css +0 -9
  117. package/src/semantics/_typography.css +0 -146
  118. package/src/sizes/slim.css +0 -41
  119. package/src/utilities/index.css +0 -14
  120. package/src/variables/_shared.css +0 -121
  121. package/src/variants/_card.css +0 -45
  122. package/src/variants/_flow.css +0 -15
  123. package/src/variants/_panel.css +0 -18
  124. package/src/variants/index.css +0 -9
  125. /package/src/semantics/{_aria-busy.css → attributes/_aria-busy.css} +0 -0
  126. /package/src/semantics/{_hidden.css → attributes/_hidden.css} +0 -0
  127. /package/src/semantics/{_role-toolbar.css → attributes/_role-toolbar.css} +0 -0
  128. /package/src/semantics/{_role-tooltip.css → attributes/_role-tooltip.css} +0 -0
  129. /package/src/semantics/{_body.css → elements/_body.css} +0 -0
  130. /package/src/semantics/{_document.css → elements/_document.css} +0 -0
  131. /package/src/semantics/{_embedded.css → elements/_embedded.css} +0 -0
  132. /package/src/semantics/{_figure.css → elements/_figure.css} +0 -0
  133. /package/src/semantics/{_type-checkbox-radio.css → elements/_type-checkbox-radio.css} +0 -0
  134. /package/src/semantics/{_type-color.css → elements/_type-color.css} +0 -0
  135. /package/src/semantics/{_type-date.css → elements/_type-date.css} +0 -0
  136. /package/src/semantics/{_type-file.css → elements/_type-file.css} +0 -0
  137. /package/src/semantics/{_type-range.css → elements/_type-range.css} +0 -0
  138. /package/src/semantics/{_type-search.css → elements/_type-search.css} +0 -0
package/dist/semanticus.palette.amber.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#b7880040;--color-primary:#876400;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#87640080;--color-primary-hover:#694d00;--color-primary-hover-bg:#e8ae01;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b7880080;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#c7940030;--color-primary:#c79400;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7940080;--color-primary-hover:#e8ae01;--color-primary-hover-bg:#fecc63;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c7940060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#c7940030;--color-primary:#c79400;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7940080;--color-primary-hover:#e8ae01;--color-primary-hover-bg:#fecc63;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c7940060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#b7880040;--color-primary-rgb:135, 100, 0;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#87640080;--color-primary-hover:#694d00;--color-primary-hover-bg:#e8ae01;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b7880080;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#c7940030;--color-primary-rgb:199, 148, 0;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7940080;--color-primary-hover:#e8ae01;--color-primary-hover-bg:#fecc63;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c7940060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#c7940030;--color-primary-rgb:199, 148, 0;--color-primary-bg:#ffbf00;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7940080;--color-primary-hover:#e8ae01;--color-primary-hover-bg:#fecc63;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c7940060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
package/dist/semanticus.palette.blue.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#748bf840;--color-primary:#2060df;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#2060df80;--color-primary-hover:#184eb8;--color-primary-hover-bg:#1d59d0;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#748bf880;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#8999f930;--color-primary:#8999f9;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8999f980;--color-primary-hover:#aeb5fb;--color-primary-hover-bg:#3c71f7;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8999f960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#8999f930;--color-primary:#8999f9;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8999f980;--color-primary-hover:#aeb5fb;--color-primary-hover-bg:#3c71f7;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8999f960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#748bf840;--color-primary-rgb:32, 96, 223;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#2060df80;--color-primary-hover:#184eb8;--color-primary-hover-bg:#1d59d0;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#748bf880;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#8999f930;--color-primary-rgb:137, 153, 249;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8999f980;--color-primary-hover:#aeb5fb;--color-primary-hover-bg:#3c71f7;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8999f960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#8999f930;--color-primary-rgb:137, 153, 249;--color-primary-bg:#2060df;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8999f980;--color-primary-hover:#aeb5fb;--color-primary-hover-bg:#3c71f7;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8999f960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.cyan.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#5ca7fa40;--color-primary:#047878;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#04787880;--color-primary-hover:#025d5d;--color-primary-hover-bg:#046a6a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#5ca7fa80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#0bc2c230;--color-primary:#0ac2c2;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#0bc2c280;--color-primary-hover:#25dddd;--color-primary-hover-bg:#058686;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#0bc2c260;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#0bc2c230;--color-primary:#0ac2c2;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#0bc2c280;--color-primary-hover:#25dddd;--color-primary-hover-bg:#058686;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#0bc2c260;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#5ca7fa40;--color-primary-rgb:4, 120, 120;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#04787880;--color-primary-hover:#025d5d;--color-primary-hover-bg:#046a6a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#5ca7fa80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#0bc2c230;--color-primary-rgb:10, 194, 194;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#0bc2c280;--color-primary-hover:#25dddd;--color-primary-hover-bg:#058686;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#0bc2c260;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#0bc2c230;--color-primary-rgb:10, 194, 194;--color-primary-bg:#047878;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#0bc2c280;--color-primary-hover:#25dddd;--color-primary-hover-bg:#058686;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#0bc2c260;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.fuchsia.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f748b740;--color-primary:#c1208b;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c1208b80;--color-primary-hover:#98176d;--color-primary-hover-bg:#ac1c7c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f748b780;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f983c730;--color-primary:#f983c7;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f983c780;--color-primary-hover:#f9b1d8;--color-primary-hover-bg:#ed2aac;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f983c760;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f983c730;--color-primary:#f983c7;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f983c780;--color-primary-hover:#f9b1d8;--color-primary-hover-bg:#ed2aac;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f983c760;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f748b740;--color-primary-rgb:193, 32, 139;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c1208b80;--color-primary-hover:#98176d;--color-primary-hover-bg:#ac1c7c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f748b780;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f983c730;--color-primary-rgb:249, 131, 199;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f983c780;--color-primary-hover:#f9b1d8;--color-primary-hover-bg:#ed2aac;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f983c760;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f983c730;--color-primary-rgb:249, 131, 199;--color-primary-bg:#c1208b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f983c780;--color-primary-hover:#f9b1d8;--color-primary-hover-bg:#ed2aac;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f983c760;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.green.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#5cc78e40;--color-primary:#2b7a4c;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#2b7a4c80;--color-primary-hover:#20603b;--color-primary-hover-bg:#256d43;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#5cc78e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#6ed59d30;--color-primary:#6ed59d;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ed59d80;--color-primary-hover:#93deb5;--color-primary-hover-bg:#348e59;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ed59d60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#6ed59d30;--color-primary:#6ed59d;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ed59d80;--color-primary-hover:#93deb5;--color-primary-hover-bg:#348e59;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ed59d60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#5cc78e40;--color-primary-rgb:43, 122, 76;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#2b7a4c80;--color-primary-hover:#20603b;--color-primary-hover-bg:#256d43;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#5cc78e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#6ed59d30;--color-primary-rgb:110, 213, 157;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ed59d80;--color-primary-hover:#93deb5;--color-primary-hover-bg:#348e59;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ed59d60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#6ed59d30;--color-primary-rgb:110, 213, 157;--color-primary-bg:#2b7a4c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ed59d80;--color-primary-hover:#93deb5;--color-primary-hover-bg:#348e59;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ed59d60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.grey.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#8a99af40;--color-primary:#5c6b82;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#5c6b8280;--color-primary-hover:#48536b;--color-primary-hover-bg:#aab4c9;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8a99af80;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#afbdd430;--color-primary:#afbdd4;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#afbdd480;--color-primary-hover:#c9d3e3;--color-primary-hover-bg:#c9d3e3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#afbdd460;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#afbdd430;--color-primary:#afbdd4;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#afbdd480;--color-primary-hover:#c9d3e3;--color-primary-hover-bg:#c9d3e3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#afbdd460;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#8a99af40;--color-primary-rgb:92, 107, 130;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#5c6b8280;--color-primary-hover:#48536b;--color-primary-hover-bg:#aab4c9;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8a99af80;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#afbdd430;--color-primary-rgb:175, 189, 212;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#afbdd480;--color-primary-hover:#c9d3e3;--color-primary-hover-bg:#c9d3e3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#afbdd460;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#afbdd430;--color-primary-rgb:175, 189, 212;--color-primary-bg:#bfc7d9;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#afbdd480;--color-primary-hover:#c9d3e3;--color-primary-hover-bg:#c9d3e3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#afbdd460;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
package/dist/semanticus.palette.indigo.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#9486e140;--color-primary:#524ed2;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#524ed280;--color-primary-hover:#4040bf;--color-primary-hover-bg:#4040bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9486e180;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#b0a3e830;--color-primary:#b0a3e8;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#b0a3e880;--color-primary-hover:#cac1ee;--color-primary-hover-bg:#655cd6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b0a3e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#b0a3e830;--color-primary:#b0a3e8;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#b0a3e880;--color-primary-hover:#cac1ee;--color-primary-hover-bg:#655cd6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b0a3e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#9486e140;--color-primary-rgb:82, 78, 210;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#524ed280;--color-primary-hover:#4040bf;--color-primary-hover-bg:#4040bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9486e180;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#b0a3e830;--color-primary-rgb:176, 163, 232;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#b0a3e880;--color-primary-hover:#cac1ee;--color-primary-hover-bg:#655cd6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b0a3e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#b0a3e830;--color-primary-rgb:176, 163, 232;--color-primary-bg:#524ed2;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#b0a3e880;--color-primary-hover:#cac1ee;--color-primary-hover-bg:#655cd6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b0a3e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.jade.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#60ce9b40;--color-primary:#199363;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#19936380;--color-primary-hover:#147a51;--color-primary-hover-bg:#16885b;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#60ce9b80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#6ee7af30;--color-primary:#6ee7af;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ee7af80;--color-primary-hover:#93edc3;--color-primary-hover-bg:#1ea672;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ee7af60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#6ee7af30;--color-primary:#6ee7af;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ee7af80;--color-primary-hover:#93edc3;--color-primary-hover-bg:#1ea672;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ee7af60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#60ce9b40;--color-primary-rgb:25, 147, 99;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#19936380;--color-primary-hover:#147a51;--color-primary-hover-bg:#16885b;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#60ce9b80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#6ee7af30;--color-primary-rgb:110, 231, 175;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ee7af80;--color-primary-hover:#93edc3;--color-primary-hover-bg:#1ea672;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ee7af60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#6ee7af30;--color-primary-rgb:110, 231, 175;--color-primary-bg:#199363;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6ee7af80;--color-primary-hover:#93edc3;--color-primary-hover-bg:#1ea672;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#6ee7af60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.lime.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#84c32940;--color-primary:#5c8a12;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#5c8a1280;--color-primary-hover:#466b0e;--color-primary-hover-bg:#bfea85;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#84c32980;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9cdc3c30;--color-primary:#9cdc3c;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9cdc3c80;--color-primary-hover:#b3e56b;--color-primary-hover-bg:#c2e98c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9cdc3c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#9cdc3c30;--color-primary:#9cdc3c;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9cdc3c80;--color-primary-hover:#b3e56b;--color-primary-hover-bg:#c2e98c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9cdc3c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#84c32940;--color-primary-rgb:92, 138, 18;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#5c8a1280;--color-primary-hover:#466b0e;--color-primary-hover-bg:#bfea85;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#84c32980;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9cdc3c30;--color-primary-rgb:156, 220, 60;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9cdc3c80;--color-primary-hover:#b3e56b;--color-primary-hover-bg:#c2e98c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9cdc3c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#9cdc3c30;--color-primary-rgb:156, 220, 60;--color-primary-bg:#b3e373;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9cdc3c80;--color-primary-hover:#b3e56b;--color-primary-hover-bg:#c2e98c;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9cdc3c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
package/dist/semanticus.palette.orange.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#ff814640;--color-primary:#bf4d00;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bf4d0080;--color-primary-hover:#993d00;--color-primary-hover-bg:#b74900;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff814680;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#ff9e7030;--color-primary:#ff9e70;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#ff9e7080;--color-primary-hover:#ffb695;--color-primary-hover-bg:#e65c00;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff9e7060;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#ff9e7030;--color-primary:#ff9e70;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#ff9e7080;--color-primary-hover:#ffb695;--color-primary-hover-bg:#e65c00;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff9e7060;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#ff814640;--color-primary-rgb:191, 77, 0;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bf4d0080;--color-primary-hover:#993d00;--color-primary-hover-bg:#b74900;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff814680;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#ff9e7030;--color-primary-rgb:255, 158, 112;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#ff9e7080;--color-primary-hover:#ffb695;--color-primary-hover-bg:#e65c00;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff9e7060;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#ff9e7030;--color-primary-rgb:255, 158, 112;--color-primary-bg:#cf5300;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#ff9e7080;--color-primary-hover:#ffb695;--color-primary-hover-bg:#e65c00;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#ff9e7060;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.pink.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f6547e40;--color-primary:#c72259;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7225980;--color-primary-hover:#9d1945;--color-primary-hover-bg:#b21e4f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f6547e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f8889e30;--color-primary:#f8889e;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f8889e80;--color-primary-hover:#f9b4be;--color-primary-hover-bg:#f42c6f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f8889e60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f8889e30;--color-primary:#f8889e;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f8889e80;--color-primary-hover:#f9b4be;--color-primary-hover-bg:#f42c6f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f8889e60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f6547e40;--color-primary-rgb:199, 34, 89;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c7225980;--color-primary-hover:#9d1945;--color-primary-hover-bg:#b21e4f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f6547e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f8889e30;--color-primary-rgb:248, 136, 158;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f8889e80;--color-primary-hover:#f9b4be;--color-primary-hover-bg:#f42c6f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f8889e60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f8889e30;--color-primary-rgb:248, 136, 158;--color-primary-bg:#d92662;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f8889e80;--color-primary-hover:#f9b4be;--color-primary-hover-bg:#f42c6f;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f8889e60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.pumpkin.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#e8783e40;--color-primary:#9e3806;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9e380680;--color-primary-hover:#7a2b05;--color-primary-hover-bg:#f6b091;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e8783e80;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f3996f30;--color-primary:#f3996f;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f3996f80;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#f5b7a8;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f3996f60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#f3996f30;--color-primary:#f3996f;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f3996f80;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#f5b7a8;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f3996f60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#e8783e40;--color-primary-rgb:158, 56, 6;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9e380680;--color-primary-hover:#7a2b05;--color-primary-hover-bg:#f6b091;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e8783e80;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f3996f30;--color-primary-rgb:243, 153, 111;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f3996f80;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#f5b7a8;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f3996f60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#f3996f30;--color-primary-rgb:243, 153, 111;--color-primary-bg:#f4a37d;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f3996f80;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#f5b7a8;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f3996f60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
package/dist/semanticus.palette.purple.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#cd68e040;--color-primary:#9236a4;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9236a480;--color-primary-hover:#802e90;--color-primary-hover-bg:#802e90;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#cd68e080;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#db90e830;--color-primary:#db90e8;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#db90e880;--color-primary-hover:#e7b6ee;--color-primary-hover-bg:#aa40bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#db90e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#db90e830;--color-primary:#db90e8;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#db90e880;--color-primary-hover:#e7b6ee;--color-primary-hover-bg:#aa40bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#db90e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#cd68e040;--color-primary-rgb:146, 54, 164;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9236a480;--color-primary-hover:#802e90;--color-primary-hover-bg:#802e90;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#cd68e080;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#db90e830;--color-primary-rgb:219, 144, 232;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#db90e880;--color-primary-hover:#e7b6ee;--color-primary-hover-bg:#aa40bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#db90e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#db90e830;--color-primary-rgb:219, 144, 232;--color-primary-bg:#9236a4;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#db90e880;--color-primary-hover:#e7b6ee;--color-primary-hover-bg:#aa40bf;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#db90e860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.red.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f0604840;--color-primary:#c52f21;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c52f2180;--color-primary-hover:#9b2318;--color-primary-hover-bg:#af291d;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f0604880;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f38f7930;--color-primary:#f38f79;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f38f7980;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#ee402e;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f38f7960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f38f7930;--color-primary:#f38f79;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f38f7980;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#ee402e;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f38f7960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#f0604840;--color-primary-rgb:197, 47, 33;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c52f2180;--color-primary-hover:#9b2318;--color-primary-hover-bg:#af291d;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f0604880;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#f38f7930;--color-primary-rgb:243, 143, 121;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f38f7980;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#ee402e;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f38f7960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#f38f7930;--color-primary-rgb:243, 143, 121;--color-primary-bg:#c52f21;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#f38f7980;--color-primary-hover:#f5b7a8;--color-primary-hover-bg:#ee402e;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#f38f7960;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.sand.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#b59d7740;--color-primary:#6b5733;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6b573380;--color-primary-hover:#544229;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b59d7780;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#c9b28c30;--color-primary:#c9b28c;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c9b28c80;--color-primary-hover:#dcc6a5;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c9b28c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#c9b28c30;--color-primary:#c9b28c;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c9b28c80;--color-primary-hover:#dcc6a5;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c9b28c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#b59d7740;--color-primary-rgb:107, 87, 51;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#6b573380;--color-primary-hover:#544229;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#b59d7780;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#c9b28c30;--color-primary-rgb:201, 178, 140;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c9b28c80;--color-primary-hover:#dcc6a5;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c9b28c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#c9b28c30;--color-primary-rgb:201, 178, 140;--color-primary-bg:#e6d5b8;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#c9b28c80;--color-primary-hover:#dcc6a5;--color-primary-hover-bg:#ebdcc3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#c9b28c60;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
package/dist/semanticus.palette.slate.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#8292aa40;--color-primary:#48536b;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#48536b80;--color-primary-hover:#383f54;--color-primary-hover-bg:#383f54;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8292aa80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9fb0c830;--color-primary:#9fb0c8;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9fb0c880;--color-primary-hover:#bdcce0;--color-primary-hover-bg:#525f7a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9fb0c860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#9fb0c830;--color-primary:#9fb0c8;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9fb0c880;--color-primary-hover:#bdcce0;--color-primary-hover-bg:#525f7a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9fb0c860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#8292aa40;--color-primary-rgb:72, 83, 107;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#48536b80;--color-primary-hover:#383f54;--color-primary-hover-bg:#383f54;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#8292aa80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9fb0c830;--color-primary-rgb:159, 176, 200;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9fb0c880;--color-primary-hover:#bdcce0;--color-primary-hover-bg:#525f7a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9fb0c860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#9fb0c830;--color-primary-rgb:159, 176, 200;--color-primary-bg:#48536b;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9fb0c880;--color-primary-hover:#bdcce0;--color-primary-hover-bg:#525f7a;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9fb0c860;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.violet.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#a780d440;--color-primary:#7540bf;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#7540bf80;--color-primary-hover:#6935b3;--color-primary-hover-bg:#6935b3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#a780d480;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#bd9fdf30;--color-primary:#bd9fdf;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bd9fdf80;--color-primary-hover:#d3bfe8;--color-primary-hover-bg:#8352c5;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#bd9fdf60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#bd9fdf30;--color-primary:#bd9fdf;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bd9fdf80;--color-primary-hover:#d3bfe8;--color-primary-hover-bg:#8352c5;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#bd9fdf60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#a780d440;--color-primary-rgb:117, 64, 191;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#7540bf80;--color-primary-hover:#6935b3;--color-primary-hover-bg:#6935b3;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#a780d480;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#bd9fdf30;--color-primary-rgb:189, 159, 223;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bd9fdf80;--color-primary-hover:#d3bfe8;--color-primary-hover-bg:#8352c5;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#bd9fdf60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#bd9fdf30;--color-primary-rgb:189, 159, 223;--color-primary-bg:#7540bf;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#bd9fdf80;--color-primary-hover:#d3bfe8;--color-primary-hover-bg:#8352c5;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#bd9fdf60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.palette.yellow.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#d1bc0040;--color-primary:#8a7a00;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8a7a0080;--color-primary-hover:#6b5f00;--color-primary-hover-bg:#fdf2b4;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#d1bc0080;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#e9d40030;--color-primary:#e9d400;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#e9d40080;--color-primary-hover:#f7ec58;--color-primary-hover-bg:#fcf4b6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e9d40060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#e9d40030;--color-primary:#e9d400;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#e9d40080;--color-primary-hover:#f7ec58;--color-primary-hover-bg:#fcf4b6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e9d40060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#d1bc0040;--color-primary-rgb:138, 122, 0;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#8a7a0080;--color-primary-hover:#6b5f00;--color-primary-hover-bg:#fdf2b4;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#d1bc0080;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#e9d40030;--color-primary-rgb:233, 212, 0;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#e9d40080;--color-primary-hover:#f7ec58;--color-primary-hover-bg:#fcf4b6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e9d40060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}}[data-theme=dark]{--color-text-selection:#e9d40030;--color-primary-rgb:233, 212, 0;--color-primary-bg:#fcf19c;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#e9d40080;--color-primary-hover:#f7ec58;--color-primary-hover-bg:#fcf4b6;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#e9d40060;--color-primary-inverse:#000;--switch-thumb-shadow:0 0 .5rem #00000040}
package/dist/semanticus.palette.zinc.css CHANGED
@@ -1 +1 @@
1
- [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#7f8b9e40;--color-primary:#525f7a;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#525f7a80;--color-primary-hover:#424b61;--color-primary-hover-bg:#424b61;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#7f8b9e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9ba8bd30;--color-primary:#9ba8bd;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9ba8bd80;--color-primary-hover:#bac5d4;--color-primary-hover-bg:#5d6b89;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9ba8bd60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#9ba8bd30;--color-primary:#9ba8bd;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9ba8bd80;--color-primary-hover:#bac5d4;--color-primary-hover-bg:#5d6b89;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9ba8bd60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
1
+ [data-theme=light],:root:not([data-theme=dark]),:host(:not([data-theme=dark])){--color-text-selection:#7f8b9e40;--color-primary-rgb:82, 95, 122;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#525f7a80;--color-primary-hover:#424b61;--color-primary-hover-bg:#424b61;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#7f8b9e80;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]),:host(:not([data-theme])){--color-text-selection:#9ba8bd30;--color-primary-rgb:155, 168, 189;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9ba8bd80;--color-primary-hover:#bac5d4;--color-primary-hover-bg:#5d6b89;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9ba8bd60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}}[data-theme=dark]{--color-text-selection:#9ba8bd30;--color-primary-rgb:155, 168, 189;--color-primary-bg:#525f7a;--color-primary-border:var(--color-primary-bg);--color-primary-underline:#9ba8bd80;--color-primary-hover:#bac5d4;--color-primary-hover-bg:#5d6b89;--color-primary-hover-border:var(--color-primary-hover-bg);--color-primary-hover-underline:var(--color-primary-hover);--color-primary-focus:#9ba8bd60;--color-primary-inverse:#fff;--switch-thumb-shadow:0 0 0 #0000}
package/dist/semanticus.size.pico.css ADDED
@@ -0,0 +1 @@
1
+ :root{--font-family-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-sans-serif:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font-family-emoji);--font-family-monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font-family-emoji);--font-family:var(--font-family-sans-serif);--line-height:1.5;--font-weight:400;--font-size:100%;--text-underline-offset:.1rem;--border-radius:.25rem;--border-width:.0625rem;--outline-width:.125rem;--transition:.2s ease-in-out;--base-spacing:1rem;--responsive-multiplier:1;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--typography-spacing-vertical:1rem;--grid-column-gap:var(--spacing);--grid-row-gap:var(--spacing);--form-element-spacing-vertical:.75rem;--form-element-spacing-horizontal:1rem;--group-shadow:0 0 0 transparent;--group-shadow-focus-with-button:0 0 0 var(--outline-width) var(--color-primary-focus);--group-shadow-focus-with-input:0 0 0 .0625rem var(--form-border-color);--nav-link-spacing:calc(var(--spacing) * .5);--nav-breadcrumb-divider:">";--sidebar-width:25%}:host{--font-family-emoji:"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-family-sans-serif:system-ui, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, var(--font-family-emoji);--font-family-monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--font-family-emoji);--font-family:var(--font-family-sans-serif);--line-height:1.5;--font-weight:400;--font-size:100%;--text-underline-offset:.1rem;--border-radius:.25rem;--border-width:.0625rem;--outline-width:.125rem;--transition:.2s ease-in-out;--base-spacing:1rem;--responsive-multiplier:1;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--typography-spacing-vertical:1rem;--grid-column-gap:var(--spacing);--grid-row-gap:var(--spacing);--form-element-spacing-vertical:.75rem;--form-element-spacing-horizontal:1rem;--group-shadow:0 0 0 transparent;--group-shadow-focus-with-button:0 0 0 var(--outline-width) var(--color-primary-focus);--group-shadow-focus-with-input:0 0 0 .0625rem var(--form-border-color);--nav-link-spacing:calc(var(--spacing) * .5);--nav-breadcrumb-divider:">";--sidebar-width:25%}@media (width>=576px){:root{--font-size:106.25%;--sidebar-width:max(25%, 150px);--responsive-multiplier:1.25;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}:host{--font-size:106.25%;--sidebar-width:max(25%, 150px);--responsive-multiplier:1.25;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}}@media (width>=768px){:root{--font-size:112.5%;--sidebar-width:max(22%, 180px);--responsive-multiplier:1.5;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}:host{--font-size:112.5%;--sidebar-width:max(22%, 180px);--responsive-multiplier:1.5;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}}@media (width>=1024px){:root{--font-size:118.75%;--sidebar-width:max(20%, 200px);--responsive-multiplier:1.75;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}:host{--font-size:118.75%;--sidebar-width:max(20%, 200px);--responsive-multiplier:1.75;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}}@media (width>=1280px){:root{--font-size:125%;--sidebar-width:max(18%, 220px);--responsive-multiplier:2;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}:host{--font-size:125%;--sidebar-width:max(18%, 220px);--responsive-multiplier:2;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}}@media (width>=1536px){:root{--font-size:131.25%;--sidebar-width:clamp(240px, 16%, 300px);--responsive-multiplier:2.25;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}:host{--font-size:131.25%;--sidebar-width:clamp(240px, 16%, 300px);--responsive-multiplier:2.25;--spacing:calc(var(--base-spacing) * var(--responsive-multiplier));--nav-link-spacing:calc(var(--spacing) * .5)}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semanticus/semanticus-css",
3
- "version": "0.7.0",
3
+ "version": "0.9.0",
4
4
  "description": "lightweight CSS framework that prioritizes semantic HTML and ARIA-focused accessibility, with a small set of atomic utilities",
5
5
  "author": "Joao Goncalves",
6
6
  "style": "./dist/semanticus.css",
@@ -10,8 +10,6 @@
10
10
  "exports": {
11
11
  ".": "./dist/semanticus.css",
12
12
  "./semantics": "./dist/semanticus-semantics.css",
13
- "./utilities": "./dist/semanticus-utilities.css",
14
- "./variants": "./dist/semanticus-variants.css",
15
13
  "./palettes/*": "./dist/semanticus.palette.*.css",
16
14
  "./sizes/*": "./dist/semanticus.size.*.css",
17
15
  "./src/*": "./src/*",
@@ -65,33 +63,34 @@
65
63
  "src/**/*.css"
66
64
  ],
67
65
  "devDependencies": {
68
- "backstopjs": "^6.3.25",
66
+ "@playwright/test": "^1.59.1",
67
+ "@storybook/addon-docs": "^10.3.6",
68
+ "@storybook/html": "^10.3.5",
69
+ "@storybook/html-vite": "^10.3.5",
70
+ "@types/node": "^25.6.0",
69
71
  "browserslist": "^4.28.2",
70
72
  "highlight.js": "^11.11.1",
71
73
  "lightningcss": "^1.32.0",
72
74
  "lightningcss-cli": "^1.32.0",
73
- "puppeteer": "^23.0.0",
75
+ "storybook": "^10.3.5",
74
76
  "stylelint": "^17.7.0",
75
77
  "stylelint-config-standard": "^40.0.0",
76
78
  "vitepress": "^2.0.0-alpha.17"
77
79
  },
78
80
  "scripts": {
79
- "start": "npm run docs:dev",
80
- "demo": "node scripts/demo.js",
81
+ "start": "npm run build && npm run storybook",
81
82
  "lint": "stylelint \"src/**/*.css\"",
82
83
  "lint:fix": "stylelint \"src/**/*.css\" --fix",
83
- "test": "npx backstopjs test",
84
- "test:snapshot": "npx backstopjs reference",
85
- "test:kill-zombies": "pkill -f '(chrome)?(--headless)'",
86
84
  "check": "npm run lint && npm run build",
85
+ "storybook": "storybook dev -p 6006",
86
+ "test:visual-regression": "npx playwright test",
87
+ "test:update-snapshots": "npx playwright test -u",
87
88
  "prepublishOnly": "npm run lint && npm run build",
88
- "release:update-cdn-urls": "node scripts/update-cdn-urls.js",
89
+ "release:sync-versions": "node scripts/sync-version-references.js",
89
90
  "build": "npm run build:css && npm run build:palettes && npm run build:sizes && npm run build:update-size-claims",
90
- "build:css": "npm run build:full && npm run build:semantics && npm run build:variants && npm run build:utilities",
91
+ "build:css": "npm run build:full && npm run build:semantics",
91
92
  "build:full": "lightningcss --bundle --minify --browserslist src/index.css -o dist/semanticus.css --custom-media",
92
93
  "build:semantics": "lightningcss --bundle --minify --browserslist src/semantics/index.css -o dist/semanticus-semantics.css --custom-media",
93
- "build:variants": "lightningcss --bundle --minify --browserslist src/variants/index.css -o dist/semanticus-variants.css --custom-media",
94
- "build:utilities": "lightningcss --bundle --minify --browserslist src/utilities/index.css -o dist/semanticus-utilities.css --custom-media",
95
94
  "build:palettes": "node scripts/build-palettes.js",
96
95
  "build:sizes": "node scripts/build-sizes.js",
97
96
  "build:update-size-claims": "node scripts/update-size-claims.js",
package/src/index.css CHANGED
@@ -1,7 +1,14 @@
1
- /**
2
- * Semanticus CSS Full
3
- * Variables + Normalize + Semantics + Utilities
4
- * The complete framework - everything included
1
+ /*!
2
+ * Semanticus CSS v0.8.0 (https://semanticus.design/)
3
+ *
4
+ * A ARIA-centric, semantic HTML — enhanced by atomic utilities
5
+ *
6
+ * Original works:
7
+ * - Pico CSS: Copyright (c) 2019-2024 Pico CSS - https://picocss.com
8
+ * - Bootstrap Utilities: Copyright (c) 2011-2026 The Bootstrap Authors - https://getbootstrap.com
9
+ *
10
+ * Modifications: Copyright (c) 2026 Joao Goncalves
11
+ * Licensed under MIT (https://github.com/semanticus/semanticus-css/blob/main/LICENSE)
5
12
  */
6
13
 
7
14
  /* Global variables */
package/src/palettes/amber.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(183, 136, 0, 0.25);
11
- --color-primary: #876400;
11
+ --color-primary-rgb: 135, 100, 0;
12
12
  --color-primary-bg: #ffbf00;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(135, 100, 0, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(199, 148, 0, 0.1875);
29
- --color-primary: #c79400;
29
+ --color-primary-rgb: 199, 148, 0;
30
30
  --color-primary-bg: #ffbf00;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(199, 148, 0, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(199, 148, 0, 0.1875);
45
- --color-primary: #c79400;
45
+ --color-primary-rgb: 199, 148, 0;
46
46
  --color-primary-bg: #ffbf00;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(199, 148, 0, 0.5);
package/src/palettes/blue.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(116, 139, 248, 0.25);
11
- --color-primary: #2060df;
11
+ --color-primary-rgb: 32, 96, 223;
12
12
  --color-primary-bg: #2060df;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(32, 96, 223, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(137, 153, 249, 0.1875);
29
- --color-primary: #8999f9;
29
+ --color-primary-rgb: 137, 153, 249;
30
30
  --color-primary-bg: #2060df;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(137, 153, 249, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(137, 153, 249, 0.1875);
45
- --color-primary: #8999f9;
45
+ --color-primary-rgb: 137, 153, 249;
46
46
  --color-primary-bg: #2060df;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(137, 153, 249, 0.5);
package/src/palettes/cyan.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(92, 167, 250, 0.25);
11
- --color-primary: #047878;
11
+ --color-primary-rgb: 4, 120, 120;
12
12
  --color-primary-bg: #047878;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(4, 120, 120, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(11, 194, 194, 0.1875);
29
- --color-primary: #0ac2c2;
29
+ --color-primary-rgb: 10, 194, 194;
30
30
  --color-primary-bg: #047878;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(11, 194, 194, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(11, 194, 194, 0.1875);
45
- --color-primary: #0ac2c2;
45
+ --color-primary-rgb: 10, 194, 194;
46
46
  --color-primary-bg: #047878;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(11, 194, 194, 0.5);
package/src/palettes/fuchsia.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(247, 72, 183, 0.25);
11
- --color-primary: #c1208b;
11
+ --color-primary-rgb: 193, 32, 139;
12
12
  --color-primary-bg: #c1208b;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(193, 32, 139, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(249, 131, 199, 0.1875);
29
- --color-primary: #f983c7;
29
+ --color-primary-rgb: 249, 131, 199;
30
30
  --color-primary-bg: #c1208b;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(249, 131, 199, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(249, 131, 199, 0.1875);
45
- --color-primary: #f983c7;
45
+ --color-primary-rgb: 249, 131, 199;
46
46
  --color-primary-bg: #c1208b;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(249, 131, 199, 0.5);
package/src/palettes/green.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(92, 199, 142, 0.25);
11
- --color-primary: #2b7a4c;
11
+ --color-primary-rgb: 43, 122, 76;
12
12
  --color-primary-bg: #2b7a4c;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(43, 122, 76, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(110, 213, 157, 0.1875);
29
- --color-primary: #6ed59d;
29
+ --color-primary-rgb: 110, 213, 157;
30
30
  --color-primary-bg: #2b7a4c;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(110, 213, 157, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(110, 213, 157, 0.1875);
45
- --color-primary: #6ed59d;
45
+ --color-primary-rgb: 110, 213, 157;
46
46
  --color-primary-bg: #2b7a4c;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(110, 213, 157, 0.5);
package/src/palettes/grey.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(138, 153, 175, 0.25);
11
- --color-primary: #5c6b82;
11
+ --color-primary-rgb: 92, 107, 130;
12
12
  --color-primary-bg: #bfc7d9;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(92, 107, 130, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(175, 189, 212, 0.1875);
29
- --color-primary: #afbdd4;
29
+ --color-primary-rgb: 175, 189, 212;
30
30
  --color-primary-bg: #bfc7d9;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(175, 189, 212, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(175, 189, 212, 0.1875);
45
- --color-primary: #afbdd4;
45
+ --color-primary-rgb: 175, 189, 212;
46
46
  --color-primary-bg: #bfc7d9;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(175, 189, 212, 0.5);
package/src/palettes/indigo.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(148, 134, 225, 0.25);
11
- --color-primary: #524ed2;
11
+ --color-primary-rgb: 82, 78, 210;
12
12
  --color-primary-bg: #524ed2;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(82, 78, 210, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(176, 163, 232, 0.1875);
29
- --color-primary: #b0a3e8;
29
+ --color-primary-rgb: 176, 163, 232;
30
30
  --color-primary-bg: #524ed2;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(176, 163, 232, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(176, 163, 232, 0.1875);
45
- --color-primary: #b0a3e8;
45
+ --color-primary-rgb: 176, 163, 232;
46
46
  --color-primary-bg: #524ed2;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(176, 163, 232, 0.5);
package/src/palettes/jade.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(96, 206, 155, 0.25);
11
- --color-primary: #199363;
11
+ --color-primary-rgb: 25, 147, 99;
12
12
  --color-primary-bg: #199363;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(25, 147, 99, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(110, 231, 175, 0.1875);
29
- --color-primary: #6ee7af;
29
+ --color-primary-rgb: 110, 231, 175;
30
30
  --color-primary-bg: #199363;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(110, 231, 175, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(110, 231, 175, 0.1875);
45
- --color-primary: #6ee7af;
45
+ --color-primary-rgb: 110, 231, 175;
46
46
  --color-primary-bg: #199363;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(110, 231, 175, 0.5);
package/src/palettes/lime.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(132, 195, 41, 0.25);
11
- --color-primary: #5c8a12;
11
+ --color-primary-rgb: 92, 138, 18;
12
12
  --color-primary-bg: #b3e373;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(92, 138, 18, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(156, 220, 60, 0.1875);
29
- --color-primary: #9cdc3c;
29
+ --color-primary-rgb: 156, 220, 60;
30
30
  --color-primary-bg: #b3e373;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(156, 220, 60, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(156, 220, 60, 0.1875);
45
- --color-primary: #9cdc3c;
45
+ --color-primary-rgb: 156, 220, 60;
46
46
  --color-primary-bg: #b3e373;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(156, 220, 60, 0.5);
package/src/palettes/orange.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(255, 129, 70, 0.25);
11
- --color-primary: #bf4d00;
11
+ --color-primary-rgb: 191, 77, 0;
12
12
  --color-primary-bg: #cf5300;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(191, 77, 0, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(255, 158, 112, 0.1875);
29
- --color-primary: #ff9e70;
29
+ --color-primary-rgb: 255, 158, 112;
30
30
  --color-primary-bg: #cf5300;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(255, 158, 112, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(255, 158, 112, 0.1875);
45
- --color-primary: #ff9e70;
45
+ --color-primary-rgb: 255, 158, 112;
46
46
  --color-primary-bg: #cf5300;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(255, 158, 112, 0.5);
package/src/palettes/pink.css CHANGED
@@ -8,7 +8,7 @@
8
8
  :root:not([data-theme="dark"]),
9
9
  :host(:not([data-theme="dark"])) {
10
10
  --color-text-selection: rgba(246, 84, 126, 0.25);
11
- --color-primary: #c72259;
11
+ --color-primary-rgb: 199, 34, 89;
12
12
  --color-primary-bg: #d92662;
13
13
  --color-primary-border: var(--color-primary-bg);
14
14
  --color-primary-underline: rgba(199, 34, 89, 0.5);
@@ -26,7 +26,7 @@
26
26
  :root:not([data-theme]),
27
27
  :host(:not([data-theme])) {
28
28
  --color-text-selection: rgba(248, 136, 158, 0.1875);
29
- --color-primary: #f8889e;
29
+ --color-primary-rgb: 248, 136, 158;
30
30
  --color-primary-bg: #d92662;
31
31
  --color-primary-border: var(--color-primary-bg);
32
32
  --color-primary-underline: rgba(248, 136, 158, 0.5);
@@ -42,7 +42,7 @@
42
42
 
43
43
  [data-theme="dark"] {
44
44
  --color-text-selection: rgba(248, 136, 158, 0.1875);
45
- --color-primary: #f8889e;
45
+ --color-primary-rgb: 248, 136, 158;
46
46
  --color-primary-bg: #d92662;
47
47
  --color-primary-border: var(--color-primary-bg);
48
48
  --color-primary-underline: rgba(248, 136, 158, 0.5);