@rokkit/themes 1.0.0-next.147 → 1.0.0-next.148

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 (206) hide show
  1. package/build.mjs +10 -2
  2. package/dist/ant-design.css +2065 -0
  3. package/dist/base.css +229 -4
  4. package/dist/bits-ui.css +2060 -0
  5. package/dist/carbon.css +2072 -0
  6. package/dist/daisy-ui.css +2081 -0
  7. package/dist/glass.css +84 -2
  8. package/dist/grada-ui.css +283 -198
  9. package/dist/index.css +11267 -280
  10. package/dist/material.css +106 -29
  11. package/dist/minimal.css +106 -29
  12. package/dist/rokkit.css +119 -14
  13. package/dist/shadcn.css +2053 -0
  14. package/package.json +28 -2
  15. package/src/ant-design/button.css +183 -0
  16. package/src/ant-design/card.css +100 -0
  17. package/src/ant-design/chart.css +34 -0
  18. package/src/ant-design/connector.css +11 -0
  19. package/src/ant-design/dropdown.css +50 -0
  20. package/src/ant-design/floating-action.css +63 -0
  21. package/src/ant-design/floating-navigation.css +70 -0
  22. package/src/ant-design/grid.css +46 -0
  23. package/src/ant-design/index.css +34 -0
  24. package/src/ant-design/input.css +149 -0
  25. package/src/ant-design/list.css +126 -0
  26. package/src/ant-design/menu.css +88 -0
  27. package/src/ant-design/message.css +35 -0
  28. package/src/ant-design/range.css +61 -0
  29. package/src/ant-design/search-filter.css +49 -0
  30. package/src/ant-design/select.css +158 -0
  31. package/src/ant-design/status-list.css +66 -0
  32. package/src/ant-design/switch.css +29 -0
  33. package/src/ant-design/table.css +89 -0
  34. package/src/ant-design/tabs.css +149 -0
  35. package/src/ant-design/timeline.css +45 -0
  36. package/src/ant-design/toc.css +18 -0
  37. package/src/ant-design/toggle.css +48 -0
  38. package/src/ant-design/toolbar.css +85 -0
  39. package/src/ant-design/tree.css +127 -0
  40. package/src/ant-design/upload-progress.css +102 -0
  41. package/src/ant-design/upload-target.css +50 -0
  42. package/src/base/chart.css +94 -0
  43. package/src/base/index.css +2 -0
  44. package/src/base/input.css +53 -3
  45. package/src/base/swatch.css +79 -0
  46. package/src/base/tree.css +1 -1
  47. package/src/bits-ui/button.css +176 -0
  48. package/src/bits-ui/card.css +99 -0
  49. package/src/bits-ui/chart.css +34 -0
  50. package/src/bits-ui/connector.css +11 -0
  51. package/src/bits-ui/dropdown.css +50 -0
  52. package/src/bits-ui/floating-action.css +63 -0
  53. package/src/bits-ui/floating-navigation.css +70 -0
  54. package/src/bits-ui/grid.css +46 -0
  55. package/src/bits-ui/index.css +34 -0
  56. package/src/bits-ui/input.css +150 -0
  57. package/src/bits-ui/list.css +126 -0
  58. package/src/bits-ui/menu.css +88 -0
  59. package/src/bits-ui/message.css +35 -0
  60. package/src/bits-ui/range.css +61 -0
  61. package/src/bits-ui/search-filter.css +49 -0
  62. package/src/bits-ui/select.css +158 -0
  63. package/src/bits-ui/status-list.css +66 -0
  64. package/src/bits-ui/switch.css +29 -0
  65. package/src/bits-ui/table.css +89 -0
  66. package/src/bits-ui/tabs.css +151 -0
  67. package/src/bits-ui/timeline.css +45 -0
  68. package/src/bits-ui/toc.css +18 -0
  69. package/src/bits-ui/toggle.css +48 -0
  70. package/src/bits-ui/toolbar.css +85 -0
  71. package/src/bits-ui/tree.css +127 -0
  72. package/src/bits-ui/upload-progress.css +102 -0
  73. package/src/bits-ui/upload-target.css +50 -0
  74. package/src/carbon/button.css +183 -0
  75. package/src/carbon/card.css +97 -0
  76. package/src/carbon/chart.css +34 -0
  77. package/src/carbon/connector.css +11 -0
  78. package/src/carbon/dropdown.css +50 -0
  79. package/src/carbon/floating-action.css +63 -0
  80. package/src/carbon/floating-navigation.css +70 -0
  81. package/src/carbon/grid.css +46 -0
  82. package/src/carbon/index.css +33 -0
  83. package/src/carbon/input.css +148 -0
  84. package/src/carbon/list.css +126 -0
  85. package/src/carbon/menu.css +88 -0
  86. package/src/carbon/message.css +37 -0
  87. package/src/carbon/range.css +61 -0
  88. package/src/carbon/search-filter.css +49 -0
  89. package/src/carbon/select.css +158 -0
  90. package/src/carbon/status-list.css +66 -0
  91. package/src/carbon/switch.css +31 -0
  92. package/src/carbon/table.css +93 -0
  93. package/src/carbon/tabs.css +149 -0
  94. package/src/carbon/timeline.css +45 -0
  95. package/src/carbon/toc.css +22 -0
  96. package/src/carbon/toggle.css +48 -0
  97. package/src/carbon/toolbar.css +85 -0
  98. package/src/carbon/tree.css +127 -0
  99. package/src/carbon/upload-progress.css +102 -0
  100. package/src/carbon/upload-target.css +50 -0
  101. package/src/daisy-ui/button.css +195 -0
  102. package/src/daisy-ui/card.css +99 -0
  103. package/src/daisy-ui/chart.css +34 -0
  104. package/src/daisy-ui/connector.css +11 -0
  105. package/src/daisy-ui/dropdown.css +50 -0
  106. package/src/daisy-ui/floating-action.css +63 -0
  107. package/src/daisy-ui/floating-navigation.css +70 -0
  108. package/src/daisy-ui/grid.css +46 -0
  109. package/src/daisy-ui/index.css +33 -0
  110. package/src/daisy-ui/input.css +146 -0
  111. package/src/daisy-ui/list.css +127 -0
  112. package/src/daisy-ui/menu.css +88 -0
  113. package/src/daisy-ui/message.css +37 -0
  114. package/src/daisy-ui/range.css +61 -0
  115. package/src/daisy-ui/search-filter.css +49 -0
  116. package/src/daisy-ui/select.css +158 -0
  117. package/src/daisy-ui/status-list.css +66 -0
  118. package/src/daisy-ui/switch.css +31 -0
  119. package/src/daisy-ui/table.css +89 -0
  120. package/src/daisy-ui/tabs.css +149 -0
  121. package/src/daisy-ui/timeline.css +45 -0
  122. package/src/daisy-ui/toc.css +22 -0
  123. package/src/daisy-ui/toggle.css +48 -0
  124. package/src/daisy-ui/toolbar.css +85 -0
  125. package/src/daisy-ui/tree.css +127 -0
  126. package/src/daisy-ui/upload-progress.css +102 -0
  127. package/src/daisy-ui/upload-target.css +50 -0
  128. package/src/glass/button.css +21 -0
  129. package/src/glass/chart.css +38 -0
  130. package/src/glass/index.css +2 -0
  131. package/src/glass/input.css +2 -0
  132. package/src/glass/swatch.css +19 -0
  133. package/src/glass/tabs.css +2 -2
  134. package/src/grada-ui/button.css +63 -25
  135. package/src/grada-ui/card.css +14 -16
  136. package/src/grada-ui/chart.css +34 -0
  137. package/src/grada-ui/dropdown.css +5 -4
  138. package/src/grada-ui/floating-action.css +6 -5
  139. package/src/grada-ui/floating-navigation.css +10 -9
  140. package/src/grada-ui/index.css +1 -0
  141. package/src/grada-ui/input.css +9 -10
  142. package/src/grada-ui/list.css +10 -7
  143. package/src/grada-ui/menu.css +6 -6
  144. package/src/grada-ui/message.css +7 -7
  145. package/src/grada-ui/range.css +5 -4
  146. package/src/grada-ui/search-filter.css +4 -3
  147. package/src/grada-ui/select.css +17 -13
  148. package/src/grada-ui/status-list.css +9 -8
  149. package/src/grada-ui/switch.css +4 -4
  150. package/src/grada-ui/table.css +10 -12
  151. package/src/grada-ui/tabs.css +7 -9
  152. package/src/grada-ui/timeline.css +8 -6
  153. package/src/grada-ui/toc.css +2 -2
  154. package/src/grada-ui/toggle.css +2 -1
  155. package/src/grada-ui/toolbar.css +10 -8
  156. package/src/grada-ui/tree.css +11 -10
  157. package/src/material/button.css +21 -0
  158. package/src/material/card.css +2 -1
  159. package/src/material/chart.css +38 -0
  160. package/src/material/index.css +2 -0
  161. package/src/material/input.css +18 -13
  162. package/src/material/swatch.css +19 -0
  163. package/src/material/tabs.css +2 -2
  164. package/src/minimal/button.css +21 -0
  165. package/src/minimal/card.css +2 -1
  166. package/src/minimal/chart.css +38 -0
  167. package/src/minimal/index.css +2 -0
  168. package/src/minimal/input.css +2 -1
  169. package/src/minimal/swatch.css +19 -0
  170. package/src/minimal/switch.css +9 -5
  171. package/src/minimal/tabs.css +2 -2
  172. package/src/minimal/toggle.css +3 -3
  173. package/src/rokkit/button.css +36 -0
  174. package/src/rokkit/card.css +2 -1
  175. package/src/rokkit/chart.css +38 -0
  176. package/src/rokkit/index.css +2 -0
  177. package/src/rokkit/list.css +19 -1
  178. package/src/rokkit/swatch.css +18 -0
  179. package/src/rokkit/switch.css +2 -1
  180. package/src/shadcn/button.css +176 -0
  181. package/src/shadcn/card.css +99 -0
  182. package/src/shadcn/chart.css +34 -0
  183. package/src/shadcn/connector.css +11 -0
  184. package/src/shadcn/dropdown.css +50 -0
  185. package/src/shadcn/floating-action.css +63 -0
  186. package/src/shadcn/floating-navigation.css +70 -0
  187. package/src/shadcn/grid.css +46 -0
  188. package/src/shadcn/index.css +34 -0
  189. package/src/shadcn/input.css +141 -0
  190. package/src/shadcn/list.css +126 -0
  191. package/src/shadcn/menu.css +88 -0
  192. package/src/shadcn/message.css +35 -0
  193. package/src/shadcn/range.css +61 -0
  194. package/src/shadcn/search-filter.css +49 -0
  195. package/src/shadcn/select.css +158 -0
  196. package/src/shadcn/status-list.css +66 -0
  197. package/src/shadcn/switch.css +31 -0
  198. package/src/shadcn/table.css +89 -0
  199. package/src/shadcn/tabs.css +149 -0
  200. package/src/shadcn/timeline.css +45 -0
  201. package/src/shadcn/toc.css +20 -0
  202. package/src/shadcn/toggle.css +48 -0
  203. package/src/shadcn/toolbar.css +85 -0
  204. package/src/shadcn/tree.css +127 -0
  205. package/src/shadcn/upload-progress.css +102 -0
  206. package/src/shadcn/upload-target.css +50 -0
package/dist/glass.css CHANGED
@@ -32,6 +32,11 @@
32
32
  background-color:rgba(var(--color-secondary-400),0.8);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
33
33
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="default"][data-variant="secondary"],[data-mode="dark"][data-style="glass"] [data-button]:not([data-style])[data-variant="secondary"],[data-mode="dark"] [data-style="glass"] [data-button]:not([data-style])[data-variant="secondary"]{background-color:rgba(var(--color-secondary-600),0.8);}
34
34
 
35
+ [data-style='glass'] [data-button][data-style='default'][data-variant='accent'],
36
+ [data-style='glass'] [data-button]:not([data-style])[data-variant='accent'] {
37
+ background-color:rgba(var(--color-accent-400),0.8);--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
38
+ }[data-mode="dark"][data-style="glass"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="default"][data-variant="accent"],[data-mode="dark"][data-style="glass"] [data-button]:not([data-style])[data-variant="accent"],[data-mode="dark"] [data-style="glass"] [data-button]:not([data-style])[data-variant="accent"]{background-color:rgba(var(--color-accent-600),0.8);--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
39
+
35
40
  [data-style='glass'] [data-button][data-style='default'][data-variant='danger'],
36
41
  [data-style='glass'] [data-button]:not([data-style])[data-variant='danger'] {
37
42
  background-color:rgba(var(--color-danger-400),0.8);--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgb(0 0 0 / 0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
@@ -54,6 +59,10 @@
54
59
  border-width:1px;border-color:rgba(var(--color-secondary-400),0.4);background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
55
60
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="outline"][data-variant="secondary"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="outline"][data-variant="secondary"]{border-color:rgba(var(--color-secondary-600),0.4);--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
56
61
 
62
+ [data-style='glass'] [data-button][data-style='outline'][data-variant='accent'] {
63
+ border-width:1px;border-color:rgba(var(--color-accent-400),0.4);background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
64
+ }[data-mode="dark"][data-style="glass"] [data-button][data-style="outline"][data-variant="accent"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="outline"][data-variant="accent"]{border-color:rgba(var(--color-accent-600),0.4);--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
65
+
57
66
  [data-style='glass'] [data-button][data-style='outline'][data-variant='danger'] {
58
67
  border-width:1px;border-color:rgba(var(--color-danger-400),0.4);background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
59
68
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="outline"][data-variant="danger"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="outline"][data-variant="danger"]{border-color:rgba(var(--color-danger-600),0.4);--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -79,6 +88,10 @@
79
88
  --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
80
89
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="ghost"][data-variant="secondary"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="ghost"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
81
90
 
91
+ [data-style='glass'] [data-button][data-style='ghost'][data-variant='accent'] {
92
+ --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
93
+ }[data-mode="dark"][data-style="glass"] [data-button][data-style="ghost"][data-variant="accent"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="ghost"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
94
+
82
95
  [data-style='glass'] [data-button][data-style='ghost'][data-variant='danger'] {
83
96
  --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
84
97
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="ghost"][data-variant="danger"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="ghost"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -100,6 +113,10 @@
100
113
  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-500),0.8) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-300),0.6) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
101
114
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="gradient"][data-variant="secondary"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="gradient"][data-variant="secondary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-500),0.8) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-secondary-700),0.6) var(--un-gradient-to-position);}
102
115
 
116
+ [data-style='glass'] [data-button][data-style='gradient'][data-variant='accent'] {
117
+ --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-accent-500),0.8) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-accent-300),0.6) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
118
+ }[data-mode="dark"][data-style="glass"] [data-button][data-style="gradient"][data-variant="accent"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="gradient"][data-variant="accent"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-accent-500),0.8) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-accent-700),0.6) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-accent-50),var(--un-text-opacity));}
119
+
103
120
  [data-style='glass'] [data-button][data-style='gradient'][data-variant='danger'] {
104
121
  --un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),0.8) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-300),0.6) var(--un-gradient-to-position);--un-gradient-shape:to bottom right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
105
122
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="gradient"][data-variant="danger"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),0.8) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);--un-gradient-to-position:100%;--un-gradient-to:rgba(var(--color-danger-700),0.6) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
@@ -126,6 +143,10 @@
126
143
  --un-text-opacity:1;color:rgba(var(--color-secondary-600),var(--un-text-opacity));
127
144
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="link"][data-variant="secondary"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="link"][data-variant="secondary"]{--un-text-opacity:1;color:rgba(var(--color-secondary-400),var(--un-text-opacity));}
128
145
 
146
+ [data-style='glass'] [data-button][data-style='link'][data-variant='accent'] {
147
+ --un-text-opacity:1;color:rgba(var(--color-accent-600),var(--un-text-opacity));
148
+ }[data-mode="dark"][data-style="glass"] [data-button][data-style="link"][data-variant="accent"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="link"][data-variant="accent"]{--un-text-opacity:1;color:rgba(var(--color-accent-400),var(--un-text-opacity));}
149
+
129
150
  [data-style='glass'] [data-button][data-style='link'][data-variant='danger'] {
130
151
  --un-text-opacity:1;color:rgba(var(--color-danger-400),var(--un-text-opacity));
131
152
  }[data-mode="dark"][data-style="glass"] [data-button][data-style="link"][data-variant="danger"],[data-mode="dark"] [data-style="glass"] [data-button][data-style="link"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-600),var(--un-text-opacity));}
@@ -197,6 +218,7 @@
197
218
  * The semi-transparent background provides the frosted glass look. */
198
219
  [data-style='glass'] [data-input-root] {
199
220
  display:flex;align-items:center;border-width:1px;border-color:rgba(var(--color-surface-500),0.2);border-radius:0.375rem;background-color:rgba(var(--color-surface-100),0.7);padding:0.125rem;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;
221
+ background-image: none;
200
222
  }[data-mode="dark"][data-style="glass"] [data-input-root],[data-mode="dark"] [data-style="glass"] [data-input-root]{border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-900),0.7);}
201
223
 
202
224
  [data-style='glass'] [data-input-root]:hover {
@@ -205,6 +227,7 @@
205
227
 
206
228
  [data-style='glass'] [data-input-root]:focus-within {
207
229
  border-color:rgba(var(--color-primary-500),0.5);background-color:rgba(var(--color-surface-100),0.7);
230
+ background-image: none;
208
231
  }[data-mode="dark"][data-style="glass"] [data-input-root]:focus-within,[data-mode="dark"] [data-style="glass"] [data-input-root]:focus-within{border-color:rgba(var(--color-primary-500),0.5);background-color:rgba(var(--color-surface-900),0.7);}
209
232
 
210
233
  /* Standard inputs inside wrapper */
@@ -382,7 +405,7 @@
382
405
  ============================================================================= */
383
406
 
384
407
  [data-style='glass'] [data-tabs-list] {
385
- border-bottom-width:1px;border-color:rgba(var(--color-surface-500),0.2);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;background-color:rgba(var(--color-surface-100),0.7);--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
408
+ border-width:0px;border-bottom-width:1px;border-color:rgba(var(--color-surface-500),0.2);border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;background-color:rgba(var(--color-surface-100),0.7);padding-left:0;padding-right:0;--un-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
386
409
  }[data-mode="dark"][data-style="glass"] [data-tabs-list],[data-mode="dark"] [data-style="glass"] [data-tabs-list]{border-color:rgba(var(--color-surface-500),0.2);background-color:rgba(var(--color-surface-900),0.7);}
387
410
 
388
411
  [data-style='glass'] [data-tabs][data-position='after'] [data-tabs-list] {
@@ -394,7 +417,7 @@
394
417
  ============================================================================= */
395
418
 
396
419
  [data-style='glass'] [data-tabs-trigger] {
397
- --un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
420
+ background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
398
421
  }[data-mode="dark"][data-style="glass"] [data-tabs-trigger],[data-mode="dark"] [data-style="glass"] [data-tabs-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
399
422
 
400
423
  [data-style='glass'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
@@ -1676,3 +1699,62 @@
1676
1699
  background-color:rgba(var(--color-surface-200),0.6);--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));font-weight:600;--un-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);
1677
1700
  }[data-mode="dark"][data-style="glass"] [data-status-count],[data-mode="dark"] [data-style="glass"] [data-status-count]{background-color:rgba(var(--color-surface-800),0.6);--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
1678
1701
 
1702
+ /**
1703
+ * Chart - Glass Theme Styles
1704
+ */
1705
+
1706
+ [data-style='glass'] [data-chart-axis-line],
1707
+ [data-style='glass'] [data-chart-tick] line {
1708
+ --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
1709
+ }[data-mode="dark"][data-style="glass"] [data-chart-axis-line],[data-mode="dark"] [data-style="glass"] [data-chart-axis-line],[data-mode="dark"][data-style="glass"] [data-chart-tick] line,[data-mode="dark"] [data-style="glass"] [data-chart-tick] line{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
1710
+
1711
+ [data-style='glass'] [data-chart-tick-label] {
1712
+ --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
1713
+ }[data-mode="dark"][data-style="glass"] [data-chart-tick-label],[data-mode="dark"] [data-style="glass"] [data-chart-tick-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
1714
+
1715
+ [data-style='glass'] [data-chart-grid-line] {
1716
+ --un-stroke-opacity:1;stroke:rgba(var(--color-surface-300),var(--un-stroke-opacity));
1717
+ stroke-opacity: 0.5;
1718
+ stroke-dasharray: 2 4;
1719
+ }[data-mode="dark"][data-style="glass"] [data-chart-grid-line],[data-mode="dark"] [data-style="glass"] [data-chart-grid-line]{--un-stroke-opacity:1;stroke:rgba(var(--color-surface-700),var(--un-stroke-opacity));}
1720
+
1721
+ [data-style='glass'] [data-chart-legend-label] {
1722
+ --un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));
1723
+ }[data-mode="dark"][data-style="glass"] [data-chart-legend-label],[data-mode="dark"] [data-style="glass"] [data-chart-legend-label]{--un-fill-opacity:1;fill:rgba(var(--color-surface-500),var(--un-fill-opacity));}
1724
+
1725
+ [data-style='glass'] [data-chart-legend-item]:hover {
1726
+ --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
1727
+ }[data-mode="dark"][data-style="glass"] [data-chart-legend-item]:hover,[data-mode="dark"] [data-style="glass"] [data-chart-legend-item]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
1728
+
1729
+ [data-style='glass'] [data-plot-element="bar"][data-dimmed],
1730
+ [data-style='glass'] [data-plot-element="point"][data-dimmed],
1731
+ [data-style='glass'] [data-plot-element="arc"][data-dimmed],
1732
+ [data-style='glass'] [data-plot-element="line"][data-dimmed],
1733
+ [data-style='glass'] [data-plot-element="area"][data-dimmed] {
1734
+ opacity: 0.15;
1735
+ }
1736
+
1737
+ [data-style='glass'] [data-facet-title] {
1738
+ --un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
1739
+ }[data-mode="dark"][data-style="glass"] [data-facet-title],[data-mode="dark"] [data-style="glass"] [data-facet-title]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
1740
+
1741
+ /**
1742
+ * Swatch — Glass Theme
1743
+ * Selected: secondary outline ring. Hover/focus: primary outline ring.
1744
+ */
1745
+
1746
+ [data-style='glass'] [data-swatch-item][data-selected] {
1747
+ background: transparent;
1748
+ --un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));
1749
+ }[data-mode="dark"][data-style="glass"] [data-swatch-item][data-selected],[data-mode="dark"] [data-style="glass"] [data-swatch-item][data-selected]{--un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-500),var(--un-outline-color-opacity));}
1750
+
1751
+ [data-style='glass'] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),
1752
+ [data-style='glass'] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]) {
1753
+ --un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-400),var(--un-outline-color-opacity));
1754
+ }[data-mode="dark"][data-style="glass"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="glass"] [data-swatch-item]:hover:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"][data-style="glass"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]),[data-mode="dark"] [data-style="glass"] [data-swatch-item]:focus-visible:not(:disabled):not([data-disabled]):not([data-selected]){--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-600),var(--un-outline-color-opacity));}
1755
+
1756
+ [data-style='glass'] [data-swatch-item][data-selected]:focus-visible {
1757
+ --un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-600),var(--un-outline-color-opacity));
1758
+ outline-offset: 3px;
1759
+ }[data-mode="dark"][data-style="glass"] [data-swatch-item][data-selected]:focus-visible,[data-mode="dark"] [data-style="glass"] [data-swatch-item][data-selected]:focus-visible{--un-outline-color-opacity:1;outline-color:rgba(var(--color-secondary-400),var(--un-outline-color-opacity));}
1760
+