@cck-ui/core 0.2.0 → 0.3.3

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 (225) hide show
  1. package/cjs/components/button/button-group/button-group.cjs +1 -1
  2. package/cjs/components/button/button-group/button-group.cjs.map +1 -1
  3. package/cjs/components/button/button-group/use-button-group.cjs +2 -1
  4. package/cjs/components/button/button-group/use-button-group.cjs.map +1 -1
  5. package/cjs/components/button/button-group-section/button-group-section.cjs +1 -1
  6. package/cjs/components/button/button-group-section/button-group-section.cjs.map +1 -1
  7. package/cjs/components/button/button.cjs +99 -68
  8. package/cjs/components/button/button.cjs.map +1 -1
  9. package/cjs/components/button/button.module.cjs.map +1 -1
  10. package/cjs/components/grid/col/col-custom.cjs +2 -3
  11. package/cjs/components/grid/col/col-custom.cjs.map +1 -1
  12. package/cjs/components/grid/col/col.cjs +31 -23
  13. package/cjs/components/grid/col/col.cjs.map +1 -1
  14. package/cjs/components/grid/grid-custom.cjs +2 -3
  15. package/cjs/components/grid/grid-custom.cjs.map +1 -1
  16. package/cjs/components/grid/grid.cjs +50 -38
  17. package/cjs/components/grid/grid.cjs.map +1 -1
  18. package/cjs/components/group/group.cjs +1 -1
  19. package/cjs/components/group/group.cjs.map +1 -1
  20. package/cjs/components/loader/loader.cjs +44 -36
  21. package/cjs/components/loader/loader.cjs.map +1 -1
  22. package/cjs/components/loader/loaders/bars.cjs +1 -1
  23. package/cjs/components/loader/loaders/bars.cjs.map +1 -1
  24. package/cjs/components/loader/loaders/dots.cjs +1 -1
  25. package/cjs/components/loader/loaders/dots.cjs.map +1 -1
  26. package/cjs/components/loader/loaders/oval.cjs +1 -1
  27. package/cjs/components/loader/loaders/oval.cjs.map +1 -1
  28. package/cjs/components/simple-grid/simple-grid-custom.cjs +2 -3
  29. package/cjs/components/simple-grid/simple-grid-custom.cjs.map +1 -1
  30. package/cjs/components/simple-grid/simple-grid.cjs +35 -30
  31. package/cjs/components/simple-grid/simple-grid.cjs.map +1 -1
  32. package/cjs/components/text/text.cjs +50 -43
  33. package/cjs/components/text/text.cjs.map +1 -1
  34. package/cjs/components/text/text.module.cjs.map +1 -1
  35. package/cjs/components/transition/get-transition-props/get-transition-props.cjs +17 -0
  36. package/cjs/components/transition/get-transition-props/get-transition-props.cjs.map +1 -0
  37. package/cjs/components/transition/get-transition-styles/get-transition-styles.cjs +37 -0
  38. package/cjs/components/transition/get-transition-styles/get-transition-styles.cjs.map +1 -0
  39. package/cjs/components/transition/index.cjs +14 -0
  40. package/cjs/components/transition/index.cjs.map +1 -0
  41. package/cjs/components/transition/transition.cjs +140 -0
  42. package/cjs/components/transition/transition.cjs.map +1 -0
  43. package/cjs/components/transition/transitions.cjs +220 -0
  44. package/cjs/components/transition/transitions.cjs.map +1 -0
  45. package/cjs/components/transition/use-transition.cjs +84 -0
  46. package/cjs/components/transition/use-transition.cjs.map +1 -0
  47. package/cjs/components/unstyled-button/unstyled-button.cjs +32 -22
  48. package/cjs/components/unstyled-button/unstyled-button.cjs.map +1 -1
  49. package/cjs/core/box/box.cjs +40 -46
  50. package/cjs/core/box/box.cjs.map +1 -1
  51. package/cjs/core/box/get-box-mod/get-box-mod.cjs.map +1 -1
  52. package/cjs/core/box/style-props/parse-style-props/parse-style-props.cjs +1 -1
  53. package/cjs/core/box/style-props/parse-style-props/parse-style-props.cjs.map +1 -1
  54. package/cjs/core/config-provider/baseline.cjs +1 -0
  55. package/cjs/core/config-provider/cck-css-variables/default-css-variables-resolver.cjs +138 -0
  56. package/cjs/core/config-provider/cck-css-variables/default-css-variables-resolver.cjs.map +1 -0
  57. package/cjs/core/config-provider/cck-css-variables/get-css-color-variables.cjs +64 -0
  58. package/cjs/core/config-provider/cck-css-variables/get-css-color-variables.cjs.map +1 -0
  59. package/cjs/core/config-provider/cck-css-variables/virtual-color/virtual-color.cjs +39 -0
  60. package/cjs/core/config-provider/cck-css-variables/virtual-color/virtual-color.cjs.map +1 -0
  61. package/cjs/core/config-provider/color-functions/colors-tuple/colors-tuple.cjs +10 -0
  62. package/cjs/core/config-provider/color-functions/colors-tuple/colors-tuple.cjs.map +1 -0
  63. package/cjs/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs +22 -0
  64. package/cjs/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.cjs.map +1 -1
  65. package/cjs/core/config-provider/color-functions/get-contrast-color/get-contrast-color.cjs +39 -0
  66. package/cjs/core/config-provider/color-functions/get-contrast-color/get-contrast-color.cjs.map +1 -0
  67. package/cjs/core/config-provider/color-functions/parse-theme-color/parse-theme-color.cjs.map +1 -1
  68. package/cjs/core/config-provider/color-scheme-managers/is-cck-color-scheme.cjs +9 -0
  69. package/cjs/core/config-provider/color-scheme-managers/is-cck-color-scheme.cjs.map +1 -0
  70. package/cjs/core/config-provider/color-scheme-managers/local-storage-manager.cjs +40 -0
  71. package/cjs/core/config-provider/color-scheme-managers/local-storage-manager.cjs.map +1 -0
  72. package/cjs/core/config-provider/config-provider.cjs +65 -11
  73. package/cjs/core/config-provider/config-provider.cjs.map +1 -1
  74. package/cjs/core/config-provider/config-provider.context.cjs +5 -0
  75. package/cjs/core/config-provider/config-provider.context.cjs.map +1 -1
  76. package/cjs/core/config-provider/config-provider.types.cjs +1 -1
  77. package/cjs/core/config-provider/config-provider.types.cjs.map +1 -1
  78. package/cjs/core/config-provider/create-theme/create-theme.cjs +8 -0
  79. package/cjs/core/config-provider/create-theme/create-theme.cjs.map +1 -0
  80. package/cjs/core/config-provider/default-css-variables.cjs +1 -0
  81. package/cjs/core/config-provider/global.cjs +1 -0
  82. package/cjs/core/config-provider/index.cjs +18 -2
  83. package/cjs/core/config-provider/index.cjs.map +1 -1
  84. package/cjs/core/config-provider/merge-cck-theme/merge-cck-theme.cjs +35 -0
  85. package/cjs/core/config-provider/merge-cck-theme/merge-cck-theme.cjs.map +1 -0
  86. package/cjs/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.cjs +84 -0
  87. package/cjs/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.cjs.map +1 -0
  88. package/cjs/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.cjs +59 -0
  89. package/cjs/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.cjs.map +1 -0
  90. package/cjs/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.cjs +14 -0
  91. package/cjs/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.cjs.map +1 -0
  92. package/cjs/core/styles-api/use-styles/use-styles.cjs +1 -4
  93. package/cjs/core/styles-api/use-styles/use-styles.cjs.map +1 -1
  94. package/cjs/index.cjs +39 -17
  95. package/esm/components/button/button-group/button-group.mjs +1 -1
  96. package/esm/components/button/button-group/button-group.mjs.map +1 -1
  97. package/esm/components/button/button-group/use-button-group.mjs +2 -1
  98. package/esm/components/button/button-group/use-button-group.mjs.map +1 -1
  99. package/esm/components/button/button-group-section/button-group-section.mjs +1 -1
  100. package/esm/components/button/button-group-section/button-group-section.mjs.map +1 -1
  101. package/esm/components/button/button.mjs +100 -69
  102. package/esm/components/button/button.mjs.map +1 -1
  103. package/esm/components/button/button.module.mjs.map +1 -1
  104. package/esm/components/grid/col/col-custom.mjs +3 -4
  105. package/esm/components/grid/col/col-custom.mjs.map +1 -1
  106. package/esm/components/grid/col/col.mjs +32 -24
  107. package/esm/components/grid/col/col.mjs.map +1 -1
  108. package/esm/components/grid/grid-custom.mjs +3 -4
  109. package/esm/components/grid/grid-custom.mjs.map +1 -1
  110. package/esm/components/grid/grid.mjs +51 -39
  111. package/esm/components/grid/grid.mjs.map +1 -1
  112. package/esm/components/group/group.mjs +1 -1
  113. package/esm/components/group/group.mjs.map +1 -1
  114. package/esm/components/loader/loader.mjs +43 -35
  115. package/esm/components/loader/loader.mjs.map +1 -1
  116. package/esm/components/loader/loaders/bars.mjs +1 -1
  117. package/esm/components/loader/loaders/bars.mjs.map +1 -1
  118. package/esm/components/loader/loaders/dots.mjs +1 -1
  119. package/esm/components/loader/loaders/dots.mjs.map +1 -1
  120. package/esm/components/loader/loaders/oval.mjs +1 -1
  121. package/esm/components/loader/loaders/oval.mjs.map +1 -1
  122. package/esm/components/simple-grid/simple-grid-custom.mjs +3 -4
  123. package/esm/components/simple-grid/simple-grid-custom.mjs.map +1 -1
  124. package/esm/components/simple-grid/simple-grid.mjs +35 -30
  125. package/esm/components/simple-grid/simple-grid.mjs.map +1 -1
  126. package/esm/components/text/text.mjs +50 -43
  127. package/esm/components/text/text.mjs.map +1 -1
  128. package/esm/components/text/text.module.mjs.map +1 -1
  129. package/esm/components/transition/get-transition-props/get-transition-props.mjs +17 -0
  130. package/esm/components/transition/get-transition-props/get-transition-props.mjs.map +1 -0
  131. package/esm/components/transition/get-transition-styles/get-transition-styles.mjs +37 -0
  132. package/esm/components/transition/get-transition-styles/get-transition-styles.mjs.map +1 -0
  133. package/esm/components/transition/index.mjs +11 -0
  134. package/esm/components/transition/index.mjs.map +1 -0
  135. package/esm/components/transition/transition.mjs +140 -0
  136. package/esm/components/transition/transition.mjs.map +1 -0
  137. package/esm/components/transition/transitions.mjs +220 -0
  138. package/esm/components/transition/transitions.mjs.map +1 -0
  139. package/esm/components/transition/use-transition.mjs +84 -0
  140. package/esm/components/transition/use-transition.mjs.map +1 -0
  141. package/esm/components/unstyled-button/unstyled-button.mjs +33 -23
  142. package/esm/components/unstyled-button/unstyled-button.mjs.map +1 -1
  143. package/esm/core/box/box.mjs +41 -47
  144. package/esm/core/box/box.mjs.map +1 -1
  145. package/esm/core/box/get-box-mod/get-box-mod.mjs.map +1 -1
  146. package/esm/core/box/style-props/parse-style-props/parse-style-props.mjs +1 -1
  147. package/esm/core/box/style-props/parse-style-props/parse-style-props.mjs.map +1 -1
  148. package/esm/core/config-provider/baseline.mjs +1 -0
  149. package/esm/core/config-provider/cck-css-variables/default-css-variables-resolver.mjs +138 -0
  150. package/esm/core/config-provider/cck-css-variables/default-css-variables-resolver.mjs.map +1 -0
  151. package/esm/core/config-provider/cck-css-variables/get-css-color-variables.mjs +64 -0
  152. package/esm/core/config-provider/cck-css-variables/get-css-color-variables.mjs.map +1 -0
  153. package/esm/core/config-provider/cck-css-variables/virtual-color/virtual-color.mjs +38 -0
  154. package/esm/core/config-provider/cck-css-variables/virtual-color/virtual-color.mjs.map +1 -0
  155. package/esm/core/config-provider/color-functions/colors-tuple/colors-tuple.mjs +10 -0
  156. package/esm/core/config-provider/color-functions/colors-tuple/colors-tuple.mjs.map +1 -0
  157. package/esm/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs +22 -0
  158. package/esm/core/config-provider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs.map +1 -1
  159. package/esm/core/config-provider/color-functions/get-contrast-color/get-contrast-color.mjs +37 -0
  160. package/esm/core/config-provider/color-functions/get-contrast-color/get-contrast-color.mjs.map +1 -0
  161. package/esm/core/config-provider/color-functions/parse-theme-color/parse-theme-color.mjs.map +1 -1
  162. package/esm/core/config-provider/color-scheme-managers/is-cck-color-scheme.mjs +9 -0
  163. package/esm/core/config-provider/color-scheme-managers/is-cck-color-scheme.mjs.map +1 -0
  164. package/esm/core/config-provider/color-scheme-managers/local-storage-manager.mjs +40 -0
  165. package/esm/core/config-provider/color-scheme-managers/local-storage-manager.mjs.map +1 -0
  166. package/esm/core/config-provider/config-provider.context.mjs +7 -3
  167. package/esm/core/config-provider/config-provider.context.mjs.map +1 -1
  168. package/esm/core/config-provider/config-provider.mjs +66 -12
  169. package/esm/core/config-provider/config-provider.mjs.map +1 -1
  170. package/esm/core/config-provider/config-provider.types.mjs +1 -1
  171. package/esm/core/config-provider/config-provider.types.mjs.map +1 -1
  172. package/esm/core/config-provider/create-theme/create-theme.mjs +8 -0
  173. package/esm/core/config-provider/create-theme/create-theme.mjs.map +1 -0
  174. package/esm/core/config-provider/default-css-variables.mjs +1 -0
  175. package/esm/core/config-provider/global.mjs +1 -0
  176. package/esm/core/config-provider/index.mjs +10 -3
  177. package/esm/core/config-provider/index.mjs.map +1 -1
  178. package/esm/core/config-provider/merge-cck-theme/merge-cck-theme.mjs +32 -0
  179. package/esm/core/config-provider/merge-cck-theme/merge-cck-theme.mjs.map +1 -0
  180. package/esm/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.mjs +84 -0
  181. package/esm/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.mjs.map +1 -0
  182. package/esm/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.mjs +59 -0
  183. package/esm/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.mjs.map +1 -0
  184. package/esm/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.mjs +14 -0
  185. package/esm/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.mjs.map +1 -0
  186. package/esm/core/styles-api/use-styles/use-styles.mjs +2 -5
  187. package/esm/core/styles-api/use-styles/use-styles.mjs.map +1 -1
  188. package/esm/index.mjs +13 -3
  189. package/lib/components/button/button.types.d.ts +1 -11
  190. package/lib/components/index.d.ts +1 -0
  191. package/lib/components/text/text.types.d.ts +1 -1
  192. package/lib/components/transition/get-transition-props/get-transition-props.d.ts +5 -0
  193. package/lib/components/transition/get-transition-styles/get-transition-styles.d.ts +17 -0
  194. package/lib/components/transition/index.d.ts +8 -0
  195. package/lib/components/transition/transition.types.d.ts +66 -0
  196. package/lib/components/transition/transitions.d.ts +10 -0
  197. package/lib/components/transition/use-transition.d.ts +20 -0
  198. package/lib/core/box/style-props/parse-style-props/parse-style-props.d.ts +1 -1
  199. package/lib/core/config-provider/cck-css-variables/index.d.ts +3 -0
  200. package/lib/core/config-provider/cck-css-variables/virtual-color/virtual-color.d.ts +1 -1
  201. package/lib/core/config-provider/color-functions/index.d.ts +2 -1
  202. package/lib/core/config-provider/color-functions/parse-theme-color/parse-theme-color.d.ts +1 -1
  203. package/lib/core/config-provider/color-scheme-managers/index.d.ts +4 -0
  204. package/lib/core/config-provider/color-scheme-managers/is-cck-color-scheme.d.ts +2 -0
  205. package/lib/core/config-provider/color-scheme-managers/local-storage-manager.d.ts +5 -0
  206. package/lib/core/config-provider/color-scheme-managers/types.d.ts +30 -0
  207. package/lib/core/config-provider/config-provider.context.d.ts +4 -3
  208. package/lib/core/config-provider/config-provider.types.d.ts +10 -4
  209. package/lib/core/config-provider/create-theme/create-theme.d.ts +2 -0
  210. package/lib/core/config-provider/index.d.ts +3 -0
  211. package/lib/core/config-provider/merge-cck-theme/index.d.ts +1 -0
  212. package/lib/core/config-provider/merge-cck-theme/merge-cck-theme.d.ts +5 -0
  213. package/lib/core/config-provider/use-cck-color-scheme/index.d.ts +2 -0
  214. package/lib/core/config-provider/use-cck-color-scheme/use-cck-color-scheme.d.ts +10 -0
  215. package/lib/core/config-provider/use-cck-color-scheme/use-provider-color-scheme.d.ts +15 -0
  216. package/lib/core/config-provider/use-respect-reduce-motion/use-respect-reduce-motion.d.ts +7 -0
  217. package/package.json +3 -1
  218. package/styles/button.css +5 -9
  219. package/styles/button.layer.css +5 -9
  220. package/styles/default-css-variables.css +30 -30
  221. package/styles/default-css-variables.layer.css +30 -30
  222. package/styles/text.css +10 -0
  223. package/styles/text.layer.css +10 -0
  224. package/styles.css +1482 -232
  225. package/styles.layer.css +1483 -233
package/styles/default-css-variables.css CHANGED
@@ -27,8 +27,8 @@
27
27
  --c-primary-color-filled: var(--c-color-blue-filled);
28
28
  --c-primary-color-filled-hover: var(--c-color-blue-filled-hover);
29
29
  --c-primary-color-light: var(--c-color-blue-light);
30
- --c-primary-color-light-hover: var(--c-coloar-blue-light-hover);
31
- --c-primary-color-light-color: var(--c-coloar-blue-light-color);
30
+ --c-primary-color-light-hover: var(--c-color-blue-light-hover);
31
+ --c-primary-color-light-color: var(--c-color-blue-light-color);
32
32
  --c-breakpoint-xs: 36em;
33
33
  --c-breakpoint-sm: 48em;
34
34
  --c-breakpoint-md: 62em;
@@ -275,7 +275,7 @@
275
275
  --c-color-disabled-border: var(--c-color-dark-4);
276
276
  --c-color-dark-text: var(--c-color-dark-4);
277
277
  --c-color-dark-filled: var(--c-color-dark-8);
278
- --c-color-dark-filled-hover: var(--color-dark-9);
278
+ --c-color-dark-filled-hover: var(--c-color-dark-9);
279
279
  --c-color-dark-light: rgba(10, 10, 10, 1);
280
280
  --c-color-dark-light-hover: rgba(14, 14, 14, 1);
281
281
  --c-color-dark-light-color: var(--c-color-dark-0);
@@ -283,7 +283,7 @@
283
283
  --c-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
284
284
  --c-color-gray-text: var(--c-color-gray-4);
285
285
  --c-color-gray-filled: var(--c-color-gray-8);
286
- --c-color-gray-filled-hover: var(--color-gray-9);
286
+ --c-color-gray-filled-hover: var(--c-color-gray-9);
287
287
  --c-color-gray-light: rgba(17, 19, 21, 1);
288
288
  --c-color-gray-light-hover: rgba(23, 26, 29, 1);
289
289
  --c-color-gray-light-color: var(--c-color-gray-0);
@@ -291,7 +291,7 @@
291
291
  --c-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
292
292
  --c-color-red-text: var(--c-color-red-4);
293
293
  --c-color-red-filled: var(--c-color-red-8);
294
- --c-color-red-filled-hover: var(--color-red-9);
294
+ --c-color-red-filled-hover: var(--c-color-red-9);
295
295
  --c-color-red-light: rgba(101, 21, 21, 1);
296
296
  --c-color-red-light-hover: rgba(141, 29, 29, 1);
297
297
  --c-color-red-light-color: var(--c-color-red-0);
@@ -299,7 +299,7 @@
299
299
  --c-color-red-outline-hover: rgba(255, 135, 135, 0.05);
300
300
  --c-color-pink-text: var(--c-color-pink-4);
301
301
  --c-color-pink-filled: var(--c-color-pink-8);
302
- --c-color-pink-filled-hover: var(--color-pink-9);
302
+ --c-color-pink-filled-hover: var(--c-color-pink-9);
303
303
  --c-color-pink-light: rgba(83, 15, 39, 1);
304
304
  --c-color-pink-light-hover: rgba(116, 21, 54, 1);
305
305
  --c-color-pink-light-color: var(--c-color-pink-0);
@@ -307,7 +307,7 @@
307
307
  --c-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
308
308
  --c-color-grape-text: var(--c-color-grape-4);
309
309
  --c-color-grape-filled: var(--c-color-grape-8);
310
- --c-color-grape-filled-hover: var(--color-grape-9);
310
+ --c-color-grape-filled-hover: var(--c-color-grape-9);
311
311
  --c-color-grape-light: rgba(67, 23, 78, 1);
312
312
  --c-color-grape-light-hover: rgba(94, 32, 109, 1);
313
313
  --c-color-grape-light-color: var(--c-color-grape-0);
@@ -315,7 +315,7 @@
315
315
  --c-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
316
316
  --c-color-violet-text: var(--c-color-violet-4);
317
317
  --c-color-violet-filled: var(--c-color-violet-8);
318
- --c-color-violet-filled-hover: var(--color-violet-9);
318
+ --c-color-violet-filled-hover: var(--c-color-violet-9);
319
319
  --c-color-violet-light: rgba(48, 31, 98, 1);
320
320
  --c-color-violet-light-hover: rgba(67, 43, 137, 1);
321
321
  --c-color-violet-light-color: var(--c-color-violet-0);
@@ -323,7 +323,7 @@
323
323
  --c-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
324
324
  --c-color-indigo-text: var(--c-color-indigo-4);
325
325
  --c-color-indigo-filled: var(--c-color-indigo-8);
326
- --c-color-indigo-filled-hover: var(--color-indigo-9);
326
+ --c-color-indigo-filled-hover: var(--c-color-indigo-9);
327
327
  --c-color-indigo-light: rgba(27, 40, 100, 1);
328
328
  --c-color-indigo-light-hover: rgba(38, 55, 139, 1);
329
329
  --c-color-indigo-light-color: var(--c-color-indigo-0);
@@ -331,7 +331,7 @@
331
331
  --c-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
332
332
  --c-color-blue-text: var(--c-color-blue-4);
333
333
  --c-color-blue-filled: var(--c-color-blue-8);
334
- --c-color-blue-filled-hover: var(--color-blue-9);
334
+ --c-color-blue-filled-hover: var(--c-color-blue-9);
335
335
  --c-color-blue-light: rgba(12, 50, 86, 1);
336
336
  --c-color-blue-light-hover: rgba(17, 70, 120, 1);
337
337
  --c-color-blue-light-color: var(--c-color-blue-0);
@@ -339,7 +339,7 @@
339
339
  --c-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
340
340
  --c-color-cyan-text: var(--c-color-cyan-4);
341
341
  --c-color-cyan-filled: var(--c-color-cyan-8);
342
- --c-color-cyan-filled-hover: var(--color-cyan-9);
342
+ --c-color-cyan-filled-hover: var(--c-color-cyan-9);
343
343
  --c-color-cyan-light: rgba(6, 57, 67, 1);
344
344
  --c-color-cyan-light-hover: rgba(8, 80, 93, 1);
345
345
  --c-color-cyan-light-color: var(--c-color-cyan-0);
@@ -347,7 +347,7 @@
347
347
  --c-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
348
348
  --c-color-teal-text: var(--c-color-teal-4);
349
349
  --c-color-teal-filled: var(--c-color-teal-8);
350
- --c-color-teal-filled-hover: var(--color-teal-9);
350
+ --c-color-teal-filled-hover: var(--c-color-teal-9);
351
351
  --c-color-teal-light: rgba(4, 64, 46, 1);
352
352
  --c-color-teal-light-hover: rgba(6, 89, 64, 1);
353
353
  --c-color-teal-light-color: var(--c-color-teal-0);
@@ -355,7 +355,7 @@
355
355
  --c-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
356
356
  --c-color-green-text: var(--c-color-green-4);
357
357
  --c-color-green-filled: var(--c-color-green-8);
358
- --c-color-green-filled-hover: var(--color-green-9);
358
+ --c-color-green-filled-hover: var(--c-color-green-9);
359
359
  --c-color-green-light: rgba(22, 69, 31, 1);
360
360
  --c-color-green-light-hover: rgba(30, 97, 43, 1);
361
361
  --c-color-green-light-color: var(--c-color-green-0);
@@ -363,7 +363,7 @@
363
363
  --c-color-green-outline-hover: rgba(105, 219, 124, 0.05);
364
364
  --c-color-lime-text: var(--c-color-lime-4);
365
365
  --c-color-lime-filled: var(--c-color-lime-8);
366
- --c-color-lime-filled-hover: var(--color-lime-9);
366
+ --c-color-lime-filled-hover: var(--c-color-lime-9);
367
367
  --c-color-lime-light: rgba(46, 74, 7, 1);
368
368
  --c-color-lime-light-hover: rgba(64, 104, 9, 1);
369
369
  --c-color-lime-light-color: var(--c-color-lime-0);
@@ -371,7 +371,7 @@
371
371
  --c-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
372
372
  --c-color-yellow-text: var(--c-color-yellow-4);
373
373
  --c-color-yellow-filled: var(--c-color-yellow-8);
374
- --c-color-yellow-filled-hover: var(--color-yellow-9);
374
+ --c-color-yellow-filled-hover: var(--c-color-yellow-9);
375
375
  --c-color-yellow-light: rgba(115, 60, 0, 1);
376
376
  --c-color-yellow-light-hover: rgba(161, 83, 0, 1);
377
377
  --c-color-yellow-light-color: var(--c-color-yellow-0);
@@ -379,7 +379,7 @@
379
379
  --c-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
380
380
  --c-color-orange-text: var(--c-color-orange-4);
381
381
  --c-color-orange-filled: var(--c-color-orange-8);
382
- --c-color-orange-filled-hover: var(--color-orange-9);
382
+ --c-color-orange-filled-hover: var(--c-color-orange-9);
383
383
  --c-color-orange-light: rgba(109, 36, 8, 1);
384
384
  --c-color-orange-light-hover: rgba(152, 50, 11, 1);
385
385
  --c-color-orange-light-color: var(--c-color-orange-0);
@@ -408,7 +408,7 @@
408
408
  --c-color-disabled-border: var(--c-color-gray-3);
409
409
  --c-color-dark-text: var(--c-color-dark-filled);
410
410
  --c-color-dark-filled: var(--c-color-dark-6);
411
- --c-color-dark-filled-hover: var(--color-dark-7);
411
+ --c-color-dark-filled-hover: var(--c-color-dark-7);
412
412
  --c-color-dark-light: var(--c-color-dark-1);
413
413
  --c-color-dark-light-hover: var(--c-color-dark-2);
414
414
  --c-color-dark-light-color: var(--c-color-dark-9);
@@ -416,7 +416,7 @@
416
416
  --c-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
417
417
  --c-color-gray-text: var(--c-color-gray-filled);
418
418
  --c-color-gray-filled: var(--c-color-gray-6);
419
- --c-color-gray-filled-hover: var(--color-gray-7);
419
+ --c-color-gray-filled-hover: var(--c-color-gray-7);
420
420
  --c-color-gray-light: var(--c-color-gray-1);
421
421
  --c-color-gray-light-hover: var(--c-color-gray-2);
422
422
  --c-color-gray-light-color: var(--c-color-gray-9);
@@ -424,7 +424,7 @@
424
424
  --c-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
425
425
  --c-color-red-text: var(--c-color-red-filled);
426
426
  --c-color-red-filled: var(--c-color-red-6);
427
- --c-color-red-filled-hover: var(--color-red-7);
427
+ --c-color-red-filled-hover: var(--c-color-red-7);
428
428
  --c-color-red-light: var(--c-color-red-1);
429
429
  --c-color-red-light-hover: var(--c-color-red-2);
430
430
  --c-color-red-light-color: var(--c-color-red-9);
@@ -432,7 +432,7 @@
432
432
  --c-color-red-outline-hover: rgba(250, 82, 82, 0.05);
433
433
  --c-color-pink-text: var(--c-color-pink-filled);
434
434
  --c-color-pink-filled: var(--c-color-pink-6);
435
- --c-color-pink-filled-hover: var(--color-pink-7);
435
+ --c-color-pink-filled-hover: var(--c-color-pink-7);
436
436
  --c-color-pink-light: var(--c-color-pink-1);
437
437
  --c-color-pink-light-hover: var(--c-color-pink-2);
438
438
  --c-color-pink-light-color: var(--c-color-pink-9);
@@ -440,7 +440,7 @@
440
440
  --c-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
441
441
  --c-color-grape-text: var(--c-color-grape-filled);
442
442
  --c-color-grape-filled: var(--c-color-grape-6);
443
- --c-color-grape-filled-hover: var(--color-grape-7);
443
+ --c-color-grape-filled-hover: var(--c-color-grape-7);
444
444
  --c-color-grape-light: var(--c-color-grape-1);
445
445
  --c-color-grape-light-hover: var(--c-color-grape-2);
446
446
  --c-color-grape-light-color: var(--c-color-grape-9);
@@ -448,7 +448,7 @@
448
448
  --c-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
449
449
  --c-color-violet-text: var(--c-color-violet-filled);
450
450
  --c-color-violet-filled: var(--c-color-violet-6);
451
- --c-color-violet-filled-hover: var(--color-violet-7);
451
+ --c-color-violet-filled-hover: var(--c-color-violet-7);
452
452
  --c-color-violet-light: var(--c-color-violet-1);
453
453
  --c-color-violet-light-hover: var(--c-color-violet-2);
454
454
  --c-color-violet-light-color: var(--c-color-violet-9);
@@ -456,7 +456,7 @@
456
456
  --c-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
457
457
  --c-color-indigo-text: var(--c-color-indigo-filled);
458
458
  --c-color-indigo-filled: var(--c-color-indigo-6);
459
- --c-color-indigo-filled-hover: var(--color-indigo-7);
459
+ --c-color-indigo-filled-hover: var(--c-color-indigo-7);
460
460
  --c-color-indigo-light: var(--c-color-indigo-1);
461
461
  --c-color-indigo-light-hover: var(--c-color-indigo-2);
462
462
  --c-color-indigo-light-color: var(--c-color-indigo-9);
@@ -464,7 +464,7 @@
464
464
  --c-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
465
465
  --c-color-blue-text: var(--c-color-blue-filled);
466
466
  --c-color-blue-filled: var(--c-color-blue-6);
467
- --c-color-blue-filled-hover: var(--color-blue-7);
467
+ --c-color-blue-filled-hover: var(--c-color-blue-7);
468
468
  --c-color-blue-light: var(--c-color-blue-1);
469
469
  --c-color-blue-light-hover: var(--c-color-blue-2);
470
470
  --c-color-blue-light-color: var(--c-color-blue-9);
@@ -472,7 +472,7 @@
472
472
  --c-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
473
473
  --c-color-cyan-text: var(--c-color-cyan-filled);
474
474
  --c-color-cyan-filled: var(--c-color-cyan-6);
475
- --c-color-cyan-filled-hover: var(--color-cyan-7);
475
+ --c-color-cyan-filled-hover: var(--c-color-cyan-7);
476
476
  --c-color-cyan-light: var(--c-color-cyan-1);
477
477
  --c-color-cyan-light-hover: var(--c-color-cyan-2);
478
478
  --c-color-cyan-light-color: var(--c-color-cyan-9);
@@ -480,7 +480,7 @@
480
480
  --c-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
481
481
  --c-color-teal-text: var(--c-color-teal-filled);
482
482
  --c-color-teal-filled: var(--c-color-teal-6);
483
- --c-color-teal-filled-hover: var(--color-teal-7);
483
+ --c-color-teal-filled-hover: var(--c-color-teal-7);
484
484
  --c-color-teal-light: var(--c-color-teal-1);
485
485
  --c-color-teal-light-hover: var(--c-color-teal-2);
486
486
  --c-color-teal-light-color: var(--c-color-teal-9);
@@ -488,7 +488,7 @@
488
488
  --c-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
489
489
  --c-color-green-text: var(--c-color-green-filled);
490
490
  --c-color-green-filled: var(--c-color-green-6);
491
- --c-color-green-filled-hover: var(--color-green-7);
491
+ --c-color-green-filled-hover: var(--c-color-green-7);
492
492
  --c-color-green-light: var(--c-color-green-1);
493
493
  --c-color-green-light-hover: var(--c-color-green-2);
494
494
  --c-color-green-light-color: var(--c-color-green-9);
@@ -496,7 +496,7 @@
496
496
  --c-color-green-outline-hover: rgba(64, 192, 87, 0.05);
497
497
  --c-color-lime-text: var(--c-color-lime-filled);
498
498
  --c-color-lime-filled: var(--c-color-lime-6);
499
- --c-color-lime-filled-hover: var(--color-lime-7);
499
+ --c-color-lime-filled-hover: var(--c-color-lime-7);
500
500
  --c-color-lime-light: var(--c-color-lime-1);
501
501
  --c-color-lime-light-hover: var(--c-color-lime-2);
502
502
  --c-color-lime-light-color: var(--c-color-lime-9);
@@ -504,7 +504,7 @@
504
504
  --c-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
505
505
  --c-color-yellow-text: var(--c-color-yellow-filled);
506
506
  --c-color-yellow-filled: var(--c-color-yellow-6);
507
- --c-color-yellow-filled-hover: var(--color-yellow-7);
507
+ --c-color-yellow-filled-hover: var(--c-color-yellow-7);
508
508
  --c-color-yellow-light: var(--c-color-yellow-1);
509
509
  --c-color-yellow-light-hover: var(--c-color-yellow-2);
510
510
  --c-color-yellow-light-color: var(--c-color-yellow-9);
@@ -512,7 +512,7 @@
512
512
  --c-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
513
513
  --c-color-orange-text: var(--c-color-orange-filled);
514
514
  --c-color-orange-filled: var(--c-color-orange-6);
515
- --c-color-orange-filled-hover: var(--color-orange-7);
515
+ --c-color-orange-filled-hover: var(--c-color-orange-7);
516
516
  --c-color-orange-light: var(--c-color-orange-1);
517
517
  --c-color-orange-light-hover: var(--c-color-orange-2);
518
518
  --c-color-orange-light-color: var(--c-color-orange-9);
package/styles/default-css-variables.layer.css CHANGED
@@ -27,8 +27,8 @@
27
27
  --c-primary-color-filled: var(--c-color-blue-filled);
28
28
  --c-primary-color-filled-hover: var(--c-color-blue-filled-hover);
29
29
  --c-primary-color-light: var(--c-color-blue-light);
30
- --c-primary-color-light-hover: var(--c-coloar-blue-light-hover);
31
- --c-primary-color-light-color: var(--c-coloar-blue-light-color);
30
+ --c-primary-color-light-hover: var(--c-color-blue-light-hover);
31
+ --c-primary-color-light-color: var(--c-color-blue-light-color);
32
32
  --c-breakpoint-xs: 36em;
33
33
  --c-breakpoint-sm: 48em;
34
34
  --c-breakpoint-md: 62em;
@@ -275,7 +275,7 @@
275
275
  --c-color-disabled-border: var(--c-color-dark-4);
276
276
  --c-color-dark-text: var(--c-color-dark-4);
277
277
  --c-color-dark-filled: var(--c-color-dark-8);
278
- --c-color-dark-filled-hover: var(--color-dark-9);
278
+ --c-color-dark-filled-hover: var(--c-color-dark-9);
279
279
  --c-color-dark-light: rgba(10, 10, 10, 1);
280
280
  --c-color-dark-light-hover: rgba(14, 14, 14, 1);
281
281
  --c-color-dark-light-color: var(--c-color-dark-0);
@@ -283,7 +283,7 @@
283
283
  --c-color-dark-outline-hover: rgba(66, 66, 66, 0.05);
284
284
  --c-color-gray-text: var(--c-color-gray-4);
285
285
  --c-color-gray-filled: var(--c-color-gray-8);
286
- --c-color-gray-filled-hover: var(--color-gray-9);
286
+ --c-color-gray-filled-hover: var(--c-color-gray-9);
287
287
  --c-color-gray-light: rgba(17, 19, 21, 1);
288
288
  --c-color-gray-light-hover: rgba(23, 26, 29, 1);
289
289
  --c-color-gray-light-color: var(--c-color-gray-0);
@@ -291,7 +291,7 @@
291
291
  --c-color-gray-outline-hover: rgba(206, 212, 218, 0.05);
292
292
  --c-color-red-text: var(--c-color-red-4);
293
293
  --c-color-red-filled: var(--c-color-red-8);
294
- --c-color-red-filled-hover: var(--color-red-9);
294
+ --c-color-red-filled-hover: var(--c-color-red-9);
295
295
  --c-color-red-light: rgba(101, 21, 21, 1);
296
296
  --c-color-red-light-hover: rgba(141, 29, 29, 1);
297
297
  --c-color-red-light-color: var(--c-color-red-0);
@@ -299,7 +299,7 @@
299
299
  --c-color-red-outline-hover: rgba(255, 135, 135, 0.05);
300
300
  --c-color-pink-text: var(--c-color-pink-4);
301
301
  --c-color-pink-filled: var(--c-color-pink-8);
302
- --c-color-pink-filled-hover: var(--color-pink-9);
302
+ --c-color-pink-filled-hover: var(--c-color-pink-9);
303
303
  --c-color-pink-light: rgba(83, 15, 39, 1);
304
304
  --c-color-pink-light-hover: rgba(116, 21, 54, 1);
305
305
  --c-color-pink-light-color: var(--c-color-pink-0);
@@ -307,7 +307,7 @@
307
307
  --c-color-pink-outline-hover: rgba(247, 131, 172, 0.05);
308
308
  --c-color-grape-text: var(--c-color-grape-4);
309
309
  --c-color-grape-filled: var(--c-color-grape-8);
310
- --c-color-grape-filled-hover: var(--color-grape-9);
310
+ --c-color-grape-filled-hover: var(--c-color-grape-9);
311
311
  --c-color-grape-light: rgba(67, 23, 78, 1);
312
312
  --c-color-grape-light-hover: rgba(94, 32, 109, 1);
313
313
  --c-color-grape-light-color: var(--c-color-grape-0);
@@ -315,7 +315,7 @@
315
315
  --c-color-grape-outline-hover: rgba(218, 119, 242, 0.05);
316
316
  --c-color-violet-text: var(--c-color-violet-4);
317
317
  --c-color-violet-filled: var(--c-color-violet-8);
318
- --c-color-violet-filled-hover: var(--color-violet-9);
318
+ --c-color-violet-filled-hover: var(--c-color-violet-9);
319
319
  --c-color-violet-light: rgba(48, 31, 98, 1);
320
320
  --c-color-violet-light-hover: rgba(67, 43, 137, 1);
321
321
  --c-color-violet-light-color: var(--c-color-violet-0);
@@ -323,7 +323,7 @@
323
323
  --c-color-violet-outline-hover: rgba(151, 117, 250, 0.05);
324
324
  --c-color-indigo-text: var(--c-color-indigo-4);
325
325
  --c-color-indigo-filled: var(--c-color-indigo-8);
326
- --c-color-indigo-filled-hover: var(--color-indigo-9);
326
+ --c-color-indigo-filled-hover: var(--c-color-indigo-9);
327
327
  --c-color-indigo-light: rgba(27, 40, 100, 1);
328
328
  --c-color-indigo-light-hover: rgba(38, 55, 139, 1);
329
329
  --c-color-indigo-light-color: var(--c-color-indigo-0);
@@ -331,7 +331,7 @@
331
331
  --c-color-indigo-outline-hover: rgba(116, 143, 252, 0.05);
332
332
  --c-color-blue-text: var(--c-color-blue-4);
333
333
  --c-color-blue-filled: var(--c-color-blue-8);
334
- --c-color-blue-filled-hover: var(--color-blue-9);
334
+ --c-color-blue-filled-hover: var(--c-color-blue-9);
335
335
  --c-color-blue-light: rgba(12, 50, 86, 1);
336
336
  --c-color-blue-light-hover: rgba(17, 70, 120, 1);
337
337
  --c-color-blue-light-color: var(--c-color-blue-0);
@@ -339,7 +339,7 @@
339
339
  --c-color-blue-outline-hover: rgba(77, 171, 247, 0.05);
340
340
  --c-color-cyan-text: var(--c-color-cyan-4);
341
341
  --c-color-cyan-filled: var(--c-color-cyan-8);
342
- --c-color-cyan-filled-hover: var(--color-cyan-9);
342
+ --c-color-cyan-filled-hover: var(--c-color-cyan-9);
343
343
  --c-color-cyan-light: rgba(6, 57, 67, 1);
344
344
  --c-color-cyan-light-hover: rgba(8, 80, 93, 1);
345
345
  --c-color-cyan-light-color: var(--c-color-cyan-0);
@@ -347,7 +347,7 @@
347
347
  --c-color-cyan-outline-hover: rgba(59, 201, 219, 0.05);
348
348
  --c-color-teal-text: var(--c-color-teal-4);
349
349
  --c-color-teal-filled: var(--c-color-teal-8);
350
- --c-color-teal-filled-hover: var(--color-teal-9);
350
+ --c-color-teal-filled-hover: var(--c-color-teal-9);
351
351
  --c-color-teal-light: rgba(4, 64, 46, 1);
352
352
  --c-color-teal-light-hover: rgba(6, 89, 64, 1);
353
353
  --c-color-teal-light-color: var(--c-color-teal-0);
@@ -355,7 +355,7 @@
355
355
  --c-color-teal-outline-hover: rgba(56, 217, 169, 0.05);
356
356
  --c-color-green-text: var(--c-color-green-4);
357
357
  --c-color-green-filled: var(--c-color-green-8);
358
- --c-color-green-filled-hover: var(--color-green-9);
358
+ --c-color-green-filled-hover: var(--c-color-green-9);
359
359
  --c-color-green-light: rgba(22, 69, 31, 1);
360
360
  --c-color-green-light-hover: rgba(30, 97, 43, 1);
361
361
  --c-color-green-light-color: var(--c-color-green-0);
@@ -363,7 +363,7 @@
363
363
  --c-color-green-outline-hover: rgba(105, 219, 124, 0.05);
364
364
  --c-color-lime-text: var(--c-color-lime-4);
365
365
  --c-color-lime-filled: var(--c-color-lime-8);
366
- --c-color-lime-filled-hover: var(--color-lime-9);
366
+ --c-color-lime-filled-hover: var(--c-color-lime-9);
367
367
  --c-color-lime-light: rgba(46, 74, 7, 1);
368
368
  --c-color-lime-light-hover: rgba(64, 104, 9, 1);
369
369
  --c-color-lime-light-color: var(--c-color-lime-0);
@@ -371,7 +371,7 @@
371
371
  --c-color-lime-outline-hover: rgba(169, 227, 75, 0.05);
372
372
  --c-color-yellow-text: var(--c-color-yellow-4);
373
373
  --c-color-yellow-filled: var(--c-color-yellow-8);
374
- --c-color-yellow-filled-hover: var(--color-yellow-9);
374
+ --c-color-yellow-filled-hover: var(--c-color-yellow-9);
375
375
  --c-color-yellow-light: rgba(115, 60, 0, 1);
376
376
  --c-color-yellow-light-hover: rgba(161, 83, 0, 1);
377
377
  --c-color-yellow-light-color: var(--c-color-yellow-0);
@@ -379,7 +379,7 @@
379
379
  --c-color-yellow-outline-hover: rgba(255, 212, 59, 0.05);
380
380
  --c-color-orange-text: var(--c-color-orange-4);
381
381
  --c-color-orange-filled: var(--c-color-orange-8);
382
- --c-color-orange-filled-hover: var(--color-orange-9);
382
+ --c-color-orange-filled-hover: var(--c-color-orange-9);
383
383
  --c-color-orange-light: rgba(109, 36, 8, 1);
384
384
  --c-color-orange-light-hover: rgba(152, 50, 11, 1);
385
385
  --c-color-orange-light-color: var(--c-color-orange-0);
@@ -408,7 +408,7 @@
408
408
  --c-color-disabled-border: var(--c-color-gray-3);
409
409
  --c-color-dark-text: var(--c-color-dark-filled);
410
410
  --c-color-dark-filled: var(--c-color-dark-6);
411
- --c-color-dark-filled-hover: var(--color-dark-7);
411
+ --c-color-dark-filled-hover: var(--c-color-dark-7);
412
412
  --c-color-dark-light: var(--c-color-dark-1);
413
413
  --c-color-dark-light-hover: var(--c-color-dark-2);
414
414
  --c-color-dark-light-color: var(--c-color-dark-9);
@@ -416,7 +416,7 @@
416
416
  --c-color-dark-outline-hover: rgba(46, 46, 46, 0.05);
417
417
  --c-color-gray-text: var(--c-color-gray-filled);
418
418
  --c-color-gray-filled: var(--c-color-gray-6);
419
- --c-color-gray-filled-hover: var(--color-gray-7);
419
+ --c-color-gray-filled-hover: var(--c-color-gray-7);
420
420
  --c-color-gray-light: var(--c-color-gray-1);
421
421
  --c-color-gray-light-hover: var(--c-color-gray-2);
422
422
  --c-color-gray-light-color: var(--c-color-gray-9);
@@ -424,7 +424,7 @@
424
424
  --c-color-gray-outline-hover: rgba(134, 142, 150, 0.05);
425
425
  --c-color-red-text: var(--c-color-red-filled);
426
426
  --c-color-red-filled: var(--c-color-red-6);
427
- --c-color-red-filled-hover: var(--color-red-7);
427
+ --c-color-red-filled-hover: var(--c-color-red-7);
428
428
  --c-color-red-light: var(--c-color-red-1);
429
429
  --c-color-red-light-hover: var(--c-color-red-2);
430
430
  --c-color-red-light-color: var(--c-color-red-9);
@@ -432,7 +432,7 @@
432
432
  --c-color-red-outline-hover: rgba(250, 82, 82, 0.05);
433
433
  --c-color-pink-text: var(--c-color-pink-filled);
434
434
  --c-color-pink-filled: var(--c-color-pink-6);
435
- --c-color-pink-filled-hover: var(--color-pink-7);
435
+ --c-color-pink-filled-hover: var(--c-color-pink-7);
436
436
  --c-color-pink-light: var(--c-color-pink-1);
437
437
  --c-color-pink-light-hover: var(--c-color-pink-2);
438
438
  --c-color-pink-light-color: var(--c-color-pink-9);
@@ -440,7 +440,7 @@
440
440
  --c-color-pink-outline-hover: rgba(230, 73, 128, 0.05);
441
441
  --c-color-grape-text: var(--c-color-grape-filled);
442
442
  --c-color-grape-filled: var(--c-color-grape-6);
443
- --c-color-grape-filled-hover: var(--color-grape-7);
443
+ --c-color-grape-filled-hover: var(--c-color-grape-7);
444
444
  --c-color-grape-light: var(--c-color-grape-1);
445
445
  --c-color-grape-light-hover: var(--c-color-grape-2);
446
446
  --c-color-grape-light-color: var(--c-color-grape-9);
@@ -448,7 +448,7 @@
448
448
  --c-color-grape-outline-hover: rgba(190, 75, 219, 0.05);
449
449
  --c-color-violet-text: var(--c-color-violet-filled);
450
450
  --c-color-violet-filled: var(--c-color-violet-6);
451
- --c-color-violet-filled-hover: var(--color-violet-7);
451
+ --c-color-violet-filled-hover: var(--c-color-violet-7);
452
452
  --c-color-violet-light: var(--c-color-violet-1);
453
453
  --c-color-violet-light-hover: var(--c-color-violet-2);
454
454
  --c-color-violet-light-color: var(--c-color-violet-9);
@@ -456,7 +456,7 @@
456
456
  --c-color-violet-outline-hover: rgba(121, 80, 242, 0.05);
457
457
  --c-color-indigo-text: var(--c-color-indigo-filled);
458
458
  --c-color-indigo-filled: var(--c-color-indigo-6);
459
- --c-color-indigo-filled-hover: var(--color-indigo-7);
459
+ --c-color-indigo-filled-hover: var(--c-color-indigo-7);
460
460
  --c-color-indigo-light: var(--c-color-indigo-1);
461
461
  --c-color-indigo-light-hover: var(--c-color-indigo-2);
462
462
  --c-color-indigo-light-color: var(--c-color-indigo-9);
@@ -464,7 +464,7 @@
464
464
  --c-color-indigo-outline-hover: rgba(76, 110, 245, 0.05);
465
465
  --c-color-blue-text: var(--c-color-blue-filled);
466
466
  --c-color-blue-filled: var(--c-color-blue-6);
467
- --c-color-blue-filled-hover: var(--color-blue-7);
467
+ --c-color-blue-filled-hover: var(--c-color-blue-7);
468
468
  --c-color-blue-light: var(--c-color-blue-1);
469
469
  --c-color-blue-light-hover: var(--c-color-blue-2);
470
470
  --c-color-blue-light-color: var(--c-color-blue-9);
@@ -472,7 +472,7 @@
472
472
  --c-color-blue-outline-hover: rgba(34, 139, 230, 0.05);
473
473
  --c-color-cyan-text: var(--c-color-cyan-filled);
474
474
  --c-color-cyan-filled: var(--c-color-cyan-6);
475
- --c-color-cyan-filled-hover: var(--color-cyan-7);
475
+ --c-color-cyan-filled-hover: var(--c-color-cyan-7);
476
476
  --c-color-cyan-light: var(--c-color-cyan-1);
477
477
  --c-color-cyan-light-hover: var(--c-color-cyan-2);
478
478
  --c-color-cyan-light-color: var(--c-color-cyan-9);
@@ -480,7 +480,7 @@
480
480
  --c-color-cyan-outline-hover: rgba(21, 170, 191, 0.05);
481
481
  --c-color-teal-text: var(--c-color-teal-filled);
482
482
  --c-color-teal-filled: var(--c-color-teal-6);
483
- --c-color-teal-filled-hover: var(--color-teal-7);
483
+ --c-color-teal-filled-hover: var(--c-color-teal-7);
484
484
  --c-color-teal-light: var(--c-color-teal-1);
485
485
  --c-color-teal-light-hover: var(--c-color-teal-2);
486
486
  --c-color-teal-light-color: var(--c-color-teal-9);
@@ -488,7 +488,7 @@
488
488
  --c-color-teal-outline-hover: rgba(18, 184, 134, 0.05);
489
489
  --c-color-green-text: var(--c-color-green-filled);
490
490
  --c-color-green-filled: var(--c-color-green-6);
491
- --c-color-green-filled-hover: var(--color-green-7);
491
+ --c-color-green-filled-hover: var(--c-color-green-7);
492
492
  --c-color-green-light: var(--c-color-green-1);
493
493
  --c-color-green-light-hover: var(--c-color-green-2);
494
494
  --c-color-green-light-color: var(--c-color-green-9);
@@ -496,7 +496,7 @@
496
496
  --c-color-green-outline-hover: rgba(64, 192, 87, 0.05);
497
497
  --c-color-lime-text: var(--c-color-lime-filled);
498
498
  --c-color-lime-filled: var(--c-color-lime-6);
499
- --c-color-lime-filled-hover: var(--color-lime-7);
499
+ --c-color-lime-filled-hover: var(--c-color-lime-7);
500
500
  --c-color-lime-light: var(--c-color-lime-1);
501
501
  --c-color-lime-light-hover: var(--c-color-lime-2);
502
502
  --c-color-lime-light-color: var(--c-color-lime-9);
@@ -504,7 +504,7 @@
504
504
  --c-color-lime-outline-hover: rgba(130, 201, 30, 0.05);
505
505
  --c-color-yellow-text: var(--c-color-yellow-filled);
506
506
  --c-color-yellow-filled: var(--c-color-yellow-6);
507
- --c-color-yellow-filled-hover: var(--color-yellow-7);
507
+ --c-color-yellow-filled-hover: var(--c-color-yellow-7);
508
508
  --c-color-yellow-light: var(--c-color-yellow-1);
509
509
  --c-color-yellow-light-hover: var(--c-color-yellow-2);
510
510
  --c-color-yellow-light-color: var(--c-color-yellow-9);
@@ -512,7 +512,7 @@
512
512
  --c-color-yellow-outline-hover: rgba(250, 176, 5, 0.05);
513
513
  --c-color-orange-text: var(--c-color-orange-filled);
514
514
  --c-color-orange-filled: var(--c-color-orange-6);
515
- --c-color-orange-filled-hover: var(--color-orange-7);
515
+ --c-color-orange-filled-hover: var(--c-color-orange-7);
516
516
  --c-color-orange-light: var(--c-color-orange-1);
517
517
  --c-color-orange-light-hover: var(--c-color-orange-2);
518
518
  --c-color-orange-light-color: var(--c-color-orange-9);
package/styles/text.css CHANGED
@@ -14,6 +14,16 @@
14
14
  white-space: nowrap;
15
15
  }
16
16
 
17
+ &:where([data-truncate='start']) {
18
+ direction: rtl;
19
+ text-align: end;
20
+
21
+ @mixin where-rtl {
22
+ direction: ltr;
23
+ text-align: start;
24
+ }
25
+ }
26
+
17
27
  &:where([data-variant='gradient']) {
18
28
  background-image: var(--text-gradient);
19
29
  -webkit-text-fill-color: transparent;
package/styles/text.layer.css CHANGED
@@ -14,6 +14,16 @@
14
14
  white-space: nowrap;
15
15
  }
16
16
 
17
+ &:where([data-truncate='start']) {
18
+ direction: rtl;
19
+ text-align: end;
20
+
21
+ @mixin where-rtl {
22
+ direction: ltr;
23
+ text-align: start;
24
+ }
25
+ }
26
+
17
27
  &:where([data-variant='gradient']) {
18
28
  background-image: var(--text-gradient);
19
29
  -webkit-text-fill-color: transparent;