@rokkit/themes 1.0.0-next.133 → 1.0.0-next.135
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.
- package/README.md +68 -80
- package/build.mjs +148 -150
- package/dist/base.css +689 -623
- package/dist/glass.css +212 -203
- package/dist/index.css +1464 -1257
- package/dist/material.css +203 -171
- package/dist/minimal.css +171 -147
- package/dist/rokkit.css +189 -113
- package/package.json +8 -2
- package/src/base/breadcrumbs.css +28 -28
- package/src/base/button.css +10 -3
- package/src/base/card.css +17 -17
- package/src/base/carousel.css +67 -67
- package/src/base/display.css +8 -8
- package/src/base/floating-navigation.css +32 -8
- package/src/base/graph-paper.css +49 -49
- package/src/base/pill.css +35 -35
- package/src/base/progress.css +21 -21
- package/src/base/range.css +57 -57
- package/src/base/rating.css +20 -18
- package/src/base/reveal.css +16 -16
- package/src/base/search-filter.css +61 -61
- package/src/base/shine.css +7 -7
- package/src/base/stepper.css +75 -75
- package/src/base/switch.css +55 -55
- package/src/base/table.css +49 -49
- package/src/base/tilt.css +4 -4
- package/src/base/timeline.css +38 -38
- package/src/base/tree.css +48 -15
- package/src/glass/button.css +11 -10
- package/src/glass/card.css +16 -13
- package/src/glass/floating-action.css +13 -13
- package/src/glass/floating-navigation.css +2 -2
- package/src/glass/input.css +32 -30
- package/src/glass/list.css +21 -21
- package/src/glass/menu.css +16 -16
- package/src/glass/range.css +10 -10
- package/src/glass/search-filter.css +8 -8
- package/src/glass/select.css +32 -32
- package/src/glass/switch.css +6 -6
- package/src/glass/table.css +14 -14
- package/src/glass/tabs.css +3 -3
- package/src/glass/timeline.css +8 -8
- package/src/glass/toggle.css +7 -7
- package/src/glass/toolbar.css +15 -15
- package/src/glass/tree.css +27 -21
- package/src/material/button.css +12 -8
- package/src/material/card.css +1 -1
- package/src/material/input.css +30 -14
- package/src/material/list.css +27 -23
- package/src/material/menu.css +16 -16
- package/src/material/range.css +11 -11
- package/src/material/search-filter.css +8 -8
- package/src/material/select.css +31 -31
- package/src/material/switch.css +6 -6
- package/src/material/table.css +20 -16
- package/src/material/timeline.css +8 -8
- package/src/material/toggle.css +7 -7
- package/src/material/toolbar.css +17 -16
- package/src/material/tree.css +22 -19
- package/src/minimal/button.css +7 -4
- package/src/minimal/card.css +13 -11
- package/src/minimal/floating-action.css +11 -11
- package/src/minimal/floating-navigation.css +1 -1
- package/src/minimal/input.css +14 -10
- package/src/minimal/list.css +27 -23
- package/src/minimal/menu.css +15 -15
- package/src/minimal/range.css +10 -10
- package/src/minimal/search-filter.css +8 -8
- package/src/minimal/select.css +4 -2
- package/src/minimal/switch.css +6 -6
- package/src/minimal/table.css +17 -15
- package/src/minimal/tabs.css +5 -3
- package/src/minimal/timeline.css +7 -7
- package/src/minimal/toggle.css +7 -7
- package/src/minimal/toolbar.css +17 -16
- package/src/minimal/tree.css +26 -20
- package/src/rokkit/button.css +40 -11
- package/src/rokkit/card.css +16 -14
- package/src/rokkit/floating-navigation.css +2 -2
- package/src/rokkit/input.css +10 -6
- package/src/rokkit/list.css +7 -2
- package/src/rokkit/range.css +11 -11
- package/src/rokkit/search-filter.css +8 -8
- package/src/rokkit/select.css +41 -36
- package/src/rokkit/switch.css +6 -6
- package/src/rokkit/table.css +17 -15
- package/src/rokkit/tabs.css +11 -6
- package/src/rokkit/timeline.css +8 -8
- package/src/rokkit/tree.css +35 -9
package/dist/rokkit.css
CHANGED
|
@@ -108,7 +108,8 @@
|
|
|
108
108
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) 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),1) 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));
|
|
109
109
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="gradient"][data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="gradient"][data-variant="danger"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-500),1) 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),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-danger-50),var(--un-text-opacity));}
|
|
110
110
|
|
|
111
|
-
[data-style='rokkit']
|
|
111
|
+
[data-style='rokkit']
|
|
112
|
+
[data-button][data-style='gradient']:hover:not(:disabled):not([data-disabled]) {
|
|
112
113
|
filter: brightness(1.1);
|
|
113
114
|
}
|
|
114
115
|
|
|
@@ -148,38 +149,66 @@
|
|
|
148
149
|
}
|
|
149
150
|
|
|
150
151
|
/* Outline style hover */
|
|
151
|
-
[data-style='rokkit']
|
|
152
|
-
[data-
|
|
152
|
+
[data-style='rokkit']
|
|
153
|
+
[data-button][data-style='outline']:hover:not(:disabled):not(
|
|
154
|
+
[data-disabled]
|
|
155
|
+
)[data-variant='default'],
|
|
156
|
+
[data-style='rokkit']
|
|
157
|
+
[data-button][data-style='outline']:hover:not(:disabled):not([data-disabled]):not(
|
|
158
|
+
[data-variant]
|
|
159
|
+
) {
|
|
153
160
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) 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-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
154
161
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]):not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]):not([data-variant]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) 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-surface-900),1) var(--un-gradient-to-position);}
|
|
155
162
|
|
|
156
|
-
[data-style='rokkit']
|
|
163
|
+
[data-style='rokkit']
|
|
164
|
+
[data-button][data-style='outline']:hover:not(:disabled):not(
|
|
165
|
+
[data-disabled]
|
|
166
|
+
)[data-variant='primary'] {
|
|
157
167
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-200),1) 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-primary-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
158
168
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="primary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-800),1) 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-primary-900),1) var(--un-gradient-to-position);}
|
|
159
169
|
|
|
160
|
-
[data-style='rokkit']
|
|
170
|
+
[data-style='rokkit']
|
|
171
|
+
[data-button][data-style='outline']:hover:not(:disabled):not(
|
|
172
|
+
[data-disabled]
|
|
173
|
+
)[data-variant='secondary'] {
|
|
161
174
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-200),1) 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-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
162
175
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="secondary"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-secondary-800),1) 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-900),1) var(--un-gradient-to-position);}
|
|
163
176
|
|
|
164
|
-
[data-style='rokkit']
|
|
177
|
+
[data-style='rokkit']
|
|
178
|
+
[data-button][data-style='outline']:hover:not(:disabled):not(
|
|
179
|
+
[data-disabled]
|
|
180
|
+
)[data-variant='danger'] {
|
|
165
181
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-200),1) 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-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
166
182
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled])[data-variant="danger"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-danger-800),1) 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-900),1) var(--un-gradient-to-position);}
|
|
167
183
|
|
|
168
184
|
/* Ghost style hover */
|
|
169
|
-
[data-style='rokkit']
|
|
170
|
-
[data-
|
|
185
|
+
[data-style='rokkit']
|
|
186
|
+
[data-button][data-style='ghost']:hover:not(:disabled):not(
|
|
187
|
+
[data-disabled]
|
|
188
|
+
)[data-variant='default'],
|
|
189
|
+
[data-style='rokkit']
|
|
190
|
+
[data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]):not([data-variant]) {
|
|
171
191
|
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
|
|
172
192
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="default"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="default"],[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]):not([data-variant]),[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]):not([data-variant]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
|
|
173
193
|
|
|
174
|
-
[data-style='rokkit']
|
|
194
|
+
[data-style='rokkit']
|
|
195
|
+
[data-button][data-style='ghost']:hover:not(:disabled):not(
|
|
196
|
+
[data-disabled]
|
|
197
|
+
)[data-variant='primary'] {
|
|
175
198
|
--un-bg-opacity:1;background-color:rgba(var(--color-primary-100),var(--un-bg-opacity));
|
|
176
199
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="primary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="primary"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-900),var(--un-bg-opacity));}
|
|
177
200
|
|
|
178
|
-
[data-style='rokkit']
|
|
201
|
+
[data-style='rokkit']
|
|
202
|
+
[data-button][data-style='ghost']:hover:not(:disabled):not(
|
|
203
|
+
[data-disabled]
|
|
204
|
+
)[data-variant='secondary'] {
|
|
179
205
|
--un-bg-opacity:1;background-color:rgba(var(--color-secondary-100),var(--un-bg-opacity));
|
|
180
206
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="secondary"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="secondary"]{--un-bg-opacity:1;background-color:rgba(var(--color-secondary-900),var(--un-bg-opacity));}
|
|
181
207
|
|
|
182
|
-
[data-style='rokkit']
|
|
208
|
+
[data-style='rokkit']
|
|
209
|
+
[data-button][data-style='ghost']:hover:not(:disabled):not(
|
|
210
|
+
[data-disabled]
|
|
211
|
+
)[data-variant='danger'] {
|
|
183
212
|
--un-bg-opacity:1;background-color:rgba(var(--color-danger-100),var(--un-bg-opacity));
|
|
184
213
|
}[data-mode="dark"][data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="danger"],[data-mode="dark"] [data-style="rokkit"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled])[data-variant="danger"]{--un-bg-opacity:1;background-color:rgba(var(--color-danger-900),var(--un-bg-opacity));}
|
|
185
214
|
|
|
@@ -331,14 +360,16 @@
|
|
|
331
360
|
}[data-mode="dark"][data-style="rokkit"] [data-tabs-list],[data-mode="dark"] [data-style="rokkit"] [data-tabs-list]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));}
|
|
332
361
|
|
|
333
362
|
[data-style='rokkit'] [data-tabs][data-position='after'] [data-tabs-list] {
|
|
334
|
-
border-
|
|
363
|
+
border-top-width:2px;border-bottom-width:0px;
|
|
335
364
|
}
|
|
336
365
|
|
|
337
366
|
[data-style='rokkit'] [data-tabs][data-orientation='vertical'] [data-tabs-list] {
|
|
338
|
-
border-
|
|
367
|
+
border-right-width:2px;border-bottom-width:0px;padding-left:0;padding-right:0;padding-top:0.25rem;padding-bottom:0.25rem;
|
|
339
368
|
}
|
|
340
369
|
|
|
341
|
-
[data-style='rokkit']
|
|
370
|
+
[data-style='rokkit']
|
|
371
|
+
[data-tabs][data-orientation='vertical'][data-position='after']
|
|
372
|
+
[data-tabs-list] {
|
|
342
373
|
border-right-width:0px;border-left-width:2px;
|
|
343
374
|
}
|
|
344
375
|
|
|
@@ -355,7 +386,7 @@
|
|
|
355
386
|
}[data-mode="dark"][data-style="rokkit"] [data-tabs-trigger],[data-mode="dark"] [data-style="rokkit"] [data-tabs-trigger]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
|
|
356
387
|
|
|
357
388
|
[data-style='rokkit'] [data-tabs][data-position='after'] [data-tabs-trigger] {
|
|
358
|
-
border-
|
|
389
|
+
border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem;
|
|
359
390
|
}
|
|
360
391
|
|
|
361
392
|
[data-style='rokkit'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
|
|
@@ -371,7 +402,10 @@
|
|
|
371
402
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) 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-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom 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-primary-900),var(--un-text-opacity));
|
|
372
403
|
}[data-mode="dark"][data-style="rokkit"] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="rokkit"] [data-tabs-list]:focus-within [data-tabs-trigger][data-selected]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) 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-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
373
404
|
|
|
374
|
-
[data-style='rokkit']
|
|
405
|
+
[data-style='rokkit']
|
|
406
|
+
[data-tabs][data-position='after']
|
|
407
|
+
[data-tabs-list]:focus-within
|
|
408
|
+
[data-tabs-trigger][data-selected] {
|
|
375
409
|
--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
376
410
|
}
|
|
377
411
|
|
|
@@ -453,28 +487,28 @@
|
|
|
453
487
|
*/
|
|
454
488
|
|
|
455
489
|
[data-style='rokkit'] [data-switch-track] {
|
|
456
|
-
|
|
490
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) 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-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
457
491
|
}[data-mode="dark"][data-style="rokkit"] [data-switch-track],[data-mode="dark"] [data-style="rokkit"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) 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-surface-800),1) var(--un-gradient-to-position);}
|
|
458
492
|
|
|
459
493
|
[data-style='rokkit'] [data-switch-thumb] {
|
|
460
|
-
|
|
494
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-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);
|
|
461
495
|
}[data-mode="dark"][data-style="rokkit"] [data-switch-thumb],[data-mode="dark"] [data-style="rokkit"] [data-switch-thumb]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));}
|
|
462
496
|
|
|
463
497
|
[data-style='rokkit'] [data-switch]:focus-visible [data-switch-track] {
|
|
464
|
-
|
|
498
|
+
--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-offset-width:1px;--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));
|
|
465
499
|
}[data-mode="dark"][data-style="rokkit"] [data-switch]:focus-visible [data-switch-track],[data-mode="dark"] [data-style="rokkit"] [data-switch]:focus-visible [data-switch-track]{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-500),var(--un-ring-opacity));}
|
|
466
500
|
|
|
467
501
|
/* On state */
|
|
468
502
|
[data-style='rokkit'] [data-switch][aria-checked='true'] [data-switch-track] {
|
|
469
|
-
|
|
503
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) 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-400),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
470
504
|
}[data-mode="dark"][data-style="rokkit"] [data-switch][aria-checked="true"] [data-switch-track],[data-mode="dark"] [data-style="rokkit"] [data-switch][aria-checked="true"] [data-switch-track]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) 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-600),1) var(--un-gradient-to-position);}
|
|
471
505
|
|
|
472
506
|
[data-style='rokkit'] [data-switch][aria-checked='true'] [data-switch-thumb] {
|
|
473
|
-
|
|
507
|
+
--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
474
508
|
}
|
|
475
509
|
|
|
476
510
|
[data-style='rokkit'] [data-switch-label] {
|
|
477
|
-
|
|
511
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
478
512
|
}[data-mode="dark"][data-style="rokkit"] [data-switch-label],[data-mode="dark"] [data-style="rokkit"] [data-switch-label]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
479
513
|
|
|
480
514
|
/**
|
|
@@ -506,7 +540,9 @@
|
|
|
506
540
|
|
|
507
541
|
/* Hover and focus (keyboard navigation) */
|
|
508
542
|
[data-style='rokkit'] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled='true']),
|
|
509
|
-
[data-style='rokkit']
|
|
543
|
+
[data-style='rokkit']
|
|
544
|
+
[data-list]
|
|
545
|
+
[data-list-item]:focus:not(:disabled):not([data-disabled='true']) {
|
|
510
546
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) 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-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to 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-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
511
547
|
}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item]:hover:not(:disabled):not([data-disabled="true"]),[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]),[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item]:focus:not(:disabled):not([data-disabled="true"]){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) 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-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
512
548
|
|
|
@@ -542,7 +578,10 @@
|
|
|
542
578
|
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
543
579
|
}[data-mode="dark"][data-style="rokkit"] [data-list] [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-list] [data-list-item][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
544
580
|
|
|
545
|
-
[data-style='rokkit']
|
|
581
|
+
[data-style='rokkit']
|
|
582
|
+
[data-list]:focus-within
|
|
583
|
+
[data-list-item][data-active='true']
|
|
584
|
+
[data-item-icon] {
|
|
546
585
|
--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
547
586
|
}[data-mode="dark"][data-style="rokkit"] [data-list]:focus-within [data-list-item][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-list]:focus-within [data-list-item][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
548
587
|
|
|
@@ -654,7 +693,9 @@
|
|
|
654
693
|
border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) 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-500),1) var(--un-gradient-to-position);--un-gradient-shape:to 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-primary-900),var(--un-text-opacity));
|
|
655
694
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) 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-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
656
695
|
|
|
657
|
-
[data-style='rokkit']
|
|
696
|
+
[data-style='rokkit']
|
|
697
|
+
[data-tree]:focus-within
|
|
698
|
+
[data-tree-item-content][data-active='true']:hover:not(:disabled) {
|
|
658
699
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) 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-primary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
659
700
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) 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-primary-700),1) var(--un-gradient-to-position);}
|
|
660
701
|
|
|
@@ -675,11 +716,17 @@
|
|
|
675
716
|
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
676
717
|
}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
677
718
|
|
|
678
|
-
[data-style='rokkit']
|
|
719
|
+
[data-style='rokkit']
|
|
720
|
+
[data-tree]:focus-within
|
|
721
|
+
[data-tree-item-content][data-active='true']
|
|
722
|
+
[data-item-icon] {
|
|
679
723
|
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
680
724
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
681
725
|
|
|
682
|
-
[data-style='rokkit']
|
|
726
|
+
[data-style='rokkit']
|
|
727
|
+
[data-tree]:not(:focus-within)
|
|
728
|
+
[data-tree-item-content][data-active='true']
|
|
729
|
+
[data-item-icon] {
|
|
683
730
|
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
684
731
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
685
732
|
|
|
@@ -688,11 +735,17 @@
|
|
|
688
735
|
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
689
736
|
}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
690
737
|
|
|
691
|
-
[data-style='rokkit']
|
|
738
|
+
[data-style='rokkit']
|
|
739
|
+
[data-tree]:focus-within
|
|
740
|
+
[data-tree-item-content][data-active='true']
|
|
741
|
+
[data-item-description] {
|
|
692
742
|
--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
693
743
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
694
744
|
|
|
695
|
-
[data-style='rokkit']
|
|
745
|
+
[data-style='rokkit']
|
|
746
|
+
[data-tree]:not(:focus-within)
|
|
747
|
+
[data-tree-item-content][data-active='true']
|
|
748
|
+
[data-item-description] {
|
|
696
749
|
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
697
750
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
698
751
|
|
|
@@ -701,11 +754,17 @@
|
|
|
701
754
|
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) 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-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom 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-600),var(--un-text-opacity));
|
|
702
755
|
}[data-mode="dark"][data-style="rokkit"] [data-tree-item-content] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-tree-item-content] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) 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-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
703
756
|
|
|
704
|
-
[data-style='rokkit']
|
|
757
|
+
[data-style='rokkit']
|
|
758
|
+
[data-tree]:focus-within
|
|
759
|
+
[data-tree-item-content][data-active='true']
|
|
760
|
+
[data-item-badge] {
|
|
705
761
|
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-300),1) 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-primary-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom 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-primary-800),var(--un-text-opacity));
|
|
706
762
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-item-content][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-700),1) 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-primary-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
|
|
707
763
|
|
|
708
|
-
[data-style='rokkit']
|
|
764
|
+
[data-style='rokkit']
|
|
765
|
+
[data-tree]:not(:focus-within)
|
|
766
|
+
[data-tree-item-content][data-active='true']
|
|
767
|
+
[data-item-badge] {
|
|
709
768
|
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) 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-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom 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-700),var(--un-text-opacity));
|
|
710
769
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"] [data-item-badge]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) 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-surface-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
711
770
|
|
|
@@ -717,7 +776,10 @@
|
|
|
717
776
|
--un-bg-opacity:1;background-color:rgba(var(--color-primary-300),var(--un-bg-opacity));
|
|
718
777
|
}[data-mode="dark"][data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-node-row],[data-mode="dark"] [data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-node-row]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-700),var(--un-bg-opacity));}
|
|
719
778
|
|
|
720
|
-
[data-style='rokkit']
|
|
779
|
+
[data-style='rokkit']
|
|
780
|
+
[data-tree]:focus-within
|
|
781
|
+
[data-tree-node][data-selected='true']
|
|
782
|
+
[data-tree-node-row] {
|
|
721
783
|
--un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));
|
|
722
784
|
}[data-mode="dark"][data-style="rokkit"] [data-tree]:focus-within [data-tree-node][data-selected="true"] [data-tree-node-row],[data-mode="dark"] [data-style="rokkit"] [data-tree]:focus-within [data-tree-node][data-selected="true"] [data-tree-node-row]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));}
|
|
723
785
|
|
|
@@ -725,7 +787,10 @@
|
|
|
725
787
|
--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
726
788
|
}[data-mode="dark"][data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-item-content],[data-mode="dark"] [data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-item-content]{--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
727
789
|
|
|
728
|
-
[data-style='rokkit']
|
|
790
|
+
[data-style='rokkit']
|
|
791
|
+
[data-tree-node][data-selected='true']
|
|
792
|
+
[data-tree-item-content]
|
|
793
|
+
[data-item-icon] {
|
|
729
794
|
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
730
795
|
}[data-mode="dark"][data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-tree-node][data-selected="true"] [data-tree-item-content] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
731
796
|
|
|
@@ -752,19 +817,19 @@
|
|
|
752
817
|
============================================================================= */
|
|
753
818
|
|
|
754
819
|
[data-style='rokkit'] [data-select-trigger] {
|
|
755
|
-
|
|
820
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) 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-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom 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-800),var(--un-text-opacity));
|
|
756
821
|
}[data-mode="dark"][data-style="rokkit"] [data-select-trigger],[data-mode="dark"] [data-style="rokkit"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) 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-surface-900),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
757
822
|
|
|
758
823
|
[data-style='rokkit'] [data-select-trigger]:hover:not(:disabled) {
|
|
759
|
-
|
|
824
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) 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-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom 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-950),var(--un-text-opacity));
|
|
760
825
|
}[data-mode="dark"][data-style="rokkit"] [data-select-trigger]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-select-trigger]:hover:not(:disabled){--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) 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-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
761
826
|
|
|
762
827
|
[data-style='rokkit'] [data-select-trigger]:focus-visible {
|
|
763
|
-
|
|
828
|
+
outline:2px solid transparent;outline-offset:2px;--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
764
829
|
}[data-mode="dark"][data-style="rokkit"] [data-select-trigger]:focus-visible,[data-mode="dark"] [data-style="rokkit"] [data-select-trigger]:focus-visible{--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
765
830
|
|
|
766
831
|
[data-style='rokkit'] [data-select][data-open='true'] [data-select-trigger] {
|
|
767
|
-
|
|
832
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
768
833
|
}[data-mode="dark"][data-style="rokkit"] [data-select][data-open="true"] [data-select-trigger],[data-mode="dark"] [data-style="rokkit"] [data-select][data-open="true"] [data-select-trigger]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
769
834
|
|
|
770
835
|
/* =============================================================================
|
|
@@ -772,7 +837,7 @@
|
|
|
772
837
|
============================================================================= */
|
|
773
838
|
|
|
774
839
|
[data-style='rokkit'] [data-select-placeholder] {
|
|
775
|
-
|
|
840
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
776
841
|
}[data-mode="dark"][data-style="rokkit"] [data-select-placeholder],[data-mode="dark"] [data-style="rokkit"] [data-select-placeholder]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
777
842
|
|
|
778
843
|
/* =============================================================================
|
|
@@ -780,11 +845,11 @@
|
|
|
780
845
|
============================================================================= */
|
|
781
846
|
|
|
782
847
|
[data-style='rokkit'] [data-select-arrow] {
|
|
783
|
-
|
|
848
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
784
849
|
}[data-mode="dark"][data-style="rokkit"] [data-select-arrow],[data-mode="dark"] [data-style="rokkit"] [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
785
850
|
|
|
786
851
|
[data-style='rokkit'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
|
|
787
|
-
|
|
852
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
788
853
|
}[data-mode="dark"][data-style="rokkit"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow],[data-mode="dark"] [data-style="rokkit"] [data-select-trigger]:hover:not(:disabled) [data-select-arrow]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
789
854
|
|
|
790
855
|
/* =============================================================================
|
|
@@ -792,15 +857,15 @@
|
|
|
792
857
|
============================================================================= */
|
|
793
858
|
|
|
794
859
|
[data-style='rokkit'] [data-select-tag] {
|
|
795
|
-
|
|
860
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-400),1) 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-surface-300),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom 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-800),var(--un-text-opacity));
|
|
796
861
|
}[data-mode="dark"][data-style="rokkit"] [data-select-tag],[data-mode="dark"] [data-style="rokkit"] [data-select-tag]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-600),1) 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-surface-700),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
797
862
|
|
|
798
863
|
[data-style='rokkit'] [data-select-tag-remove] {
|
|
799
|
-
|
|
864
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
800
865
|
}[data-mode="dark"][data-style="rokkit"] [data-select-tag-remove],[data-mode="dark"] [data-style="rokkit"] [data-select-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
801
866
|
|
|
802
867
|
[data-style='rokkit'] [data-select-tag-remove]:hover {
|
|
803
|
-
|
|
868
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
|
|
804
869
|
}[data-mode="dark"][data-style="rokkit"] [data-select-tag-remove]:hover,[data-mode="dark"] [data-style="rokkit"] [data-select-tag-remove]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
|
|
805
870
|
|
|
806
871
|
/* =============================================================================
|
|
@@ -808,7 +873,7 @@
|
|
|
808
873
|
============================================================================= */
|
|
809
874
|
|
|
810
875
|
[data-style='rokkit'] [data-select-dropdown] {
|
|
811
|
-
|
|
876
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) 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-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
812
877
|
}[data-mode="dark"][data-style="rokkit"] [data-select-dropdown],[data-mode="dark"] [data-style="rokkit"] [data-select-dropdown]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) 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-surface-900),1) var(--un-gradient-to-position);}
|
|
813
878
|
|
|
814
879
|
/* =============================================================================
|
|
@@ -816,75 +881,80 @@
|
|
|
816
881
|
============================================================================= */
|
|
817
882
|
|
|
818
883
|
[data-style='rokkit'] [data-select-option] {
|
|
819
|
-
|
|
884
|
+
border-width:0px;border-color:transparent;border-radius:0;border-style:solid;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
820
885
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option],[data-mode="dark"] [data-style="rokkit"] [data-select-option]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
821
886
|
|
|
822
887
|
/* Hover and focus */
|
|
823
888
|
[data-style='rokkit'] [data-select-option]:hover:not(:disabled),
|
|
824
889
|
[data-style='rokkit'] [data-select-option]:focus:not(:disabled) {
|
|
825
|
-
|
|
890
|
+
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) 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-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to 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-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
826
891
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-select-option]:hover:not(:disabled),[data-mode="dark"][data-style="rokkit"] [data-select-option]:focus:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-select-option]:focus:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) 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-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
827
892
|
|
|
828
893
|
/* Selected state — muted when dropdown not focused */
|
|
829
894
|
[data-style='rokkit'] [data-select-option][data-selected='true'] {
|
|
830
|
-
|
|
895
|
+
border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
831
896
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
832
897
|
|
|
833
898
|
/* Selected state — full gradient when dropdown has focus */
|
|
834
|
-
[data-style='rokkit']
|
|
835
|
-
|
|
899
|
+
[data-style='rokkit']
|
|
900
|
+
[data-select-dropdown]:focus-within
|
|
901
|
+
[data-select-option][data-selected='true'] {
|
|
902
|
+
border-left-width:2px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) 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-500),1) var(--un-gradient-to-position);--un-gradient-shape:to 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-primary-900),var(--un-text-opacity));
|
|
836
903
|
}[data-mode="dark"][data-style="rokkit"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) 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-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
837
904
|
|
|
838
905
|
/* Selected + hover */
|
|
839
906
|
[data-style='rokkit'] [data-select-option][data-selected='true']:hover:not(:disabled) {
|
|
840
|
-
|
|
907
|
+
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) 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-primary-300),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
841
908
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"]:hover:not(:disabled){--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) 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-primary-700),1) var(--un-gradient-to-position);}
|
|
842
909
|
|
|
843
910
|
/* Check mark */
|
|
844
911
|
[data-style='rokkit'] [data-select-check] {
|
|
845
|
-
|
|
912
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
846
913
|
}[data-mode="dark"][data-style="rokkit"] [data-select-check],[data-mode="dark"] [data-style="rokkit"] [data-select-check]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
847
914
|
|
|
848
915
|
/* Checkbox */
|
|
849
916
|
[data-style='rokkit'] [data-select-checkbox] {
|
|
850
|
-
|
|
917
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-200),1) 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-surface-100),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
851
918
|
}[data-mode="dark"][data-style="rokkit"] [data-select-checkbox],[data-mode="dark"] [data-style="rokkit"] [data-select-checkbox]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-800),1) 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-surface-900),1) var(--un-gradient-to-position);}
|
|
852
919
|
|
|
853
920
|
[data-style='rokkit'] [data-select-checkbox][data-checked='true'] {
|
|
854
|
-
|
|
921
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-600),1) 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-primary-500),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));
|
|
855
922
|
}[data-mode="dark"][data-style="rokkit"] [data-select-checkbox][data-checked="true"],[data-mode="dark"] [data-style="rokkit"] [data-select-checkbox][data-checked="true"]{--un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-400),1) 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-primary-500),1) var(--un-gradient-to-position);}
|
|
856
923
|
|
|
857
924
|
/* Item elements */
|
|
858
925
|
[data-style='rokkit'] [data-select-option] [data-item-icon] {
|
|
859
|
-
|
|
926
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
860
927
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-select-option] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
861
928
|
|
|
862
929
|
[data-style='rokkit'] [data-select-option]:hover:not(:disabled) [data-item-icon] {
|
|
863
|
-
|
|
930
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
864
931
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option]:hover:not(:disabled) [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-select-option]:hover:not(:disabled) [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
865
932
|
|
|
866
933
|
[data-style='rokkit'] [data-select-option][data-selected='true'] [data-item-icon] {
|
|
867
|
-
|
|
934
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
868
935
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
869
936
|
|
|
870
|
-
[data-style='rokkit']
|
|
871
|
-
|
|
937
|
+
[data-style='rokkit']
|
|
938
|
+
[data-select-dropdown]:focus-within
|
|
939
|
+
[data-select-option][data-selected='true']
|
|
940
|
+
[data-item-icon] {
|
|
941
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-900),var(--un-text-opacity));
|
|
872
942
|
}[data-mode="dark"][data-style="rokkit"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"] [data-item-icon],[data-mode="dark"] [data-style="rokkit"] [data-select-dropdown]:focus-within [data-select-option][data-selected="true"] [data-item-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
873
943
|
|
|
874
944
|
[data-style='rokkit'] [data-select-option] [data-item-description] {
|
|
875
|
-
|
|
945
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
876
946
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-select-option] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
877
947
|
|
|
878
948
|
[data-style='rokkit'] [data-select-option][data-selected='true'] [data-item-description] {
|
|
879
|
-
|
|
949
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
880
950
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-description],[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-description]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
881
951
|
|
|
882
952
|
[data-style='rokkit'] [data-select-option] [data-item-badge] {
|
|
883
|
-
|
|
953
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
884
954
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-select-option] [data-item-badge]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
885
955
|
|
|
886
956
|
[data-style='rokkit'] [data-select-option][data-selected='true'] [data-item-badge] {
|
|
887
|
-
|
|
957
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-800),var(--un-text-opacity));
|
|
888
958
|
}[data-mode="dark"][data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-badge],[data-mode="dark"] [data-style="rokkit"] [data-select-option][data-selected="true"] [data-item-badge]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-200),var(--un-text-opacity));}
|
|
889
959
|
|
|
890
960
|
/* =============================================================================
|
|
@@ -892,7 +962,7 @@
|
|
|
892
962
|
============================================================================= */
|
|
893
963
|
|
|
894
964
|
[data-style='rokkit'] [data-select-group-label] {
|
|
895
|
-
|
|
965
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
896
966
|
}[data-mode="dark"][data-style="rokkit"] [data-select-group-label],[data-mode="dark"] [data-style="rokkit"] [data-select-group-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
897
967
|
|
|
898
968
|
/* =============================================================================
|
|
@@ -900,7 +970,7 @@
|
|
|
900
970
|
============================================================================= */
|
|
901
971
|
|
|
902
972
|
[data-style='rokkit'] [data-select-divider] {
|
|
903
|
-
|
|
973
|
+
--un-gradient-from-position:0%;--un-gradient-from:transparent 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:transparent var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
904
974
|
}
|
|
905
975
|
|
|
906
976
|
/* =============================================================================
|
|
@@ -908,23 +978,23 @@
|
|
|
908
978
|
============================================================================= */
|
|
909
979
|
|
|
910
980
|
[data-style='rokkit'] [data-select-filter] {
|
|
911
|
-
|
|
981
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
|
|
912
982
|
}[data-mode="dark"][data-style="rokkit"] [data-select-filter],[data-mode="dark"] [data-style="rokkit"] [data-select-filter]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
|
|
913
983
|
|
|
914
984
|
[data-style='rokkit'] [data-select-filter-input] {
|
|
915
|
-
|
|
985
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
916
986
|
}[data-mode="dark"][data-style="rokkit"] [data-select-filter-input],[data-mode="dark"] [data-style="rokkit"] [data-select-filter-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
917
987
|
|
|
918
988
|
[data-style='rokkit'] [data-select-filter-input]:focus {
|
|
919
|
-
|
|
989
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
920
990
|
}[data-mode="dark"][data-style="rokkit"] [data-select-filter-input]:focus,[data-mode="dark"] [data-style="rokkit"] [data-select-filter-input]:focus{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
921
991
|
|
|
922
992
|
[data-style='rokkit'] [data-select-filter-input]::placeholder {
|
|
923
|
-
|
|
993
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
924
994
|
}[data-mode="dark"][data-style="rokkit"] [data-select-filter-input]::placeholder,[data-mode="dark"] [data-style="rokkit"] [data-select-filter-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
925
995
|
|
|
926
996
|
[data-style='rokkit'] [data-select-empty] {
|
|
927
|
-
|
|
997
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
928
998
|
}[data-mode="dark"][data-style="rokkit"] [data-select-empty],[data-mode="dark"] [data-style="rokkit"] [data-select-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
929
999
|
|
|
930
1000
|
/**
|
|
@@ -1128,7 +1198,9 @@
|
|
|
1128
1198
|
}
|
|
1129
1199
|
|
|
1130
1200
|
/* Standard inputs inside wrapper */
|
|
1131
|
-
[data-style='rokkit']
|
|
1201
|
+
[data-style='rokkit']
|
|
1202
|
+
[data-input-root]
|
|
1203
|
+
input:not([type='checkbox'], [type='radio'], [type='color']),
|
|
1132
1204
|
[data-style='rokkit'] [data-input-root] select {
|
|
1133
1205
|
border-radius:0.375rem;border-style:none;--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));padding-left:0.75rem;padding-right:0.75rem;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1134
1206
|
font-size: 0.875rem;
|
|
@@ -1170,7 +1242,9 @@
|
|
|
1170
1242
|
outline-width:2px;--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-400),var(--un-outline-color-opacity));outline-offset:2px;
|
|
1171
1243
|
}[data-mode="dark"][data-style="rokkit"] [data-checkbox-icon]:focus-visible,[data-mode="dark"] [data-style="rokkit"] [data-checkbox-icon]:focus-visible{--un-outline-color-opacity:1;outline-color:rgba(var(--color-primary-600),var(--un-outline-color-opacity));}
|
|
1172
1244
|
|
|
1173
|
-
[data-style='rokkit']
|
|
1245
|
+
[data-style='rokkit']
|
|
1246
|
+
[data-checkbox-root][data-variant='custom']:has(input:checked)
|
|
1247
|
+
[data-checkbox-icon] {
|
|
1174
1248
|
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
1175
1249
|
}[data-mode="dark"][data-style="rokkit"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon],[data-mode="dark"] [data-style="rokkit"] [data-checkbox-root][data-variant="custom"]:has(input:checked) [data-checkbox-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
1176
1250
|
|
|
@@ -1229,25 +1303,27 @@
|
|
|
1229
1303
|
============================================================================= */
|
|
1230
1304
|
|
|
1231
1305
|
[data-style='rokkit'] [data-table-header] th {
|
|
1232
|
-
|
|
1306
|
+
border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1233
1307
|
}[data-mode="dark"][data-style="rokkit"] [data-table-header] th,[data-mode="dark"] [data-style="rokkit"] [data-table-header] th{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1234
1308
|
|
|
1235
1309
|
[data-style='rokkit'] [data-table-header-cell][data-sortable='true']:hover {
|
|
1236
|
-
|
|
1310
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1237
1311
|
}[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sortable="true"]:hover,[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sortable="true"]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1238
1312
|
|
|
1239
1313
|
[data-style='rokkit'] [data-table-header-cell][data-sort-order='ascending'],
|
|
1240
1314
|
[data-style='rokkit'] [data-table-header-cell][data-sort-order='descending'] {
|
|
1241
|
-
|
|
1315
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
1242
1316
|
}[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sort-order="ascending"],[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sort-order="descending"],[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sort-order="descending"]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
1243
1317
|
|
|
1244
1318
|
[data-style='rokkit'] [data-table-sort-icon] {
|
|
1245
|
-
|
|
1319
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1246
1320
|
}[data-mode="dark"][data-style="rokkit"] [data-table-sort-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1247
1321
|
|
|
1248
1322
|
[data-style='rokkit'] [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
|
|
1249
|
-
[data-style='rokkit']
|
|
1250
|
-
|
|
1323
|
+
[data-style='rokkit']
|
|
1324
|
+
[data-table-header-cell][data-sort-order='descending']
|
|
1325
|
+
[data-table-sort-icon] {
|
|
1326
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
|
|
1251
1327
|
}[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sort-order="ascending"] [data-table-sort-icon],[data-mode="dark"][data-style="rokkit"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-header-cell][data-sort-order="descending"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
|
|
1252
1328
|
|
|
1253
1329
|
/* =============================================================================
|
|
@@ -1255,7 +1331,7 @@
|
|
|
1255
1331
|
============================================================================= */
|
|
1256
1332
|
|
|
1257
1333
|
[data-style='rokkit'] [data-table-caption] {
|
|
1258
|
-
|
|
1334
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-700),var(--un-text-opacity));
|
|
1259
1335
|
}[data-mode="dark"][data-style="rokkit"] [data-table-caption],[data-mode="dark"] [data-style="rokkit"] [data-table-caption]{--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
1260
1336
|
|
|
1261
1337
|
/* =============================================================================
|
|
@@ -1263,19 +1339,19 @@
|
|
|
1263
1339
|
============================================================================= */
|
|
1264
1340
|
|
|
1265
1341
|
[data-style='rokkit'] [data-table-row] {
|
|
1266
|
-
|
|
1342
|
+
border-bottom-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1267
1343
|
}[data-mode="dark"][data-style="rokkit"] [data-table-row],[data-mode="dark"] [data-style="rokkit"] [data-table-row]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1268
1344
|
|
|
1269
1345
|
[data-style='rokkit'] [data-table-row]:hover {
|
|
1270
|
-
|
|
1346
|
+
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) 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-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
1271
1347
|
}[data-mode="dark"][data-style="rokkit"] [data-table-row]:hover,[data-mode="dark"] [data-style="rokkit"] [data-table-row]:hover{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) 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-surface-800),1) var(--un-gradient-to-position);}
|
|
1272
1348
|
|
|
1273
1349
|
[data-style='rokkit'] [data-table-row]:focus {
|
|
1274
|
-
|
|
1350
|
+
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) 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-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to 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-950),var(--un-text-opacity));outline:2px solid transparent;outline-offset:2px;
|
|
1275
1351
|
}[data-mode="dark"][data-style="rokkit"] [data-table-row]:focus,[data-mode="dark"] [data-style="rokkit"] [data-table-row]:focus{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) 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-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));}
|
|
1276
1352
|
|
|
1277
1353
|
[data-style='rokkit'] [data-table-row][data-selected='true'] {
|
|
1278
|
-
|
|
1354
|
+
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) 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-500),1) var(--un-gradient-to-position);--un-gradient-shape:to 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-primary-900),var(--un-text-opacity));
|
|
1279
1355
|
}[data-mode="dark"][data-style="rokkit"] [data-table-row][data-selected="true"],[data-mode="dark"] [data-style="rokkit"] [data-table-row][data-selected="true"]{--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary-500),1) 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-500),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-primary-100),var(--un-text-opacity));}
|
|
1280
1356
|
|
|
1281
1357
|
/* =============================================================================
|
|
@@ -1283,7 +1359,7 @@
|
|
|
1283
1359
|
============================================================================= */
|
|
1284
1360
|
|
|
1285
1361
|
[data-style='rokkit'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
|
|
1286
|
-
|
|
1362
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
|
|
1287
1363
|
}[data-mode="dark"][data-style="rokkit"] [data-striped="true"] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="rokkit"] [data-striped="true"] [data-table-body] tr:nth-child(even){--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
|
|
1288
1364
|
|
|
1289
1365
|
/* =============================================================================
|
|
@@ -1291,7 +1367,7 @@
|
|
|
1291
1367
|
============================================================================= */
|
|
1292
1368
|
|
|
1293
1369
|
[data-style='rokkit'] [data-table-empty] {
|
|
1294
|
-
|
|
1370
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1295
1371
|
}[data-mode="dark"][data-style="rokkit"] [data-table-empty],[data-mode="dark"] [data-style="rokkit"] [data-table-empty]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1296
1372
|
|
|
1297
1373
|
/* =============================================================================
|
|
@@ -1299,11 +1375,11 @@
|
|
|
1299
1375
|
============================================================================= */
|
|
1300
1376
|
|
|
1301
1377
|
[data-style='rokkit'] [data-table-cell] [data-cell-icon] {
|
|
1302
|
-
|
|
1378
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1303
1379
|
}[data-mode="dark"][data-style="rokkit"] [data-table-cell] [data-cell-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-cell] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1304
1380
|
|
|
1305
1381
|
[data-style='rokkit'] [data-table-row][data-selected='true'] [data-cell-icon] {
|
|
1306
|
-
|
|
1382
|
+
--un-text-opacity:1;color:rgba(var(--color-primary-700),var(--un-text-opacity));
|
|
1307
1383
|
}[data-mode="dark"][data-style="rokkit"] [data-table-row][data-selected="true"] [data-cell-icon],[data-mode="dark"] [data-style="rokkit"] [data-table-row][data-selected="true"] [data-cell-icon]{--un-text-opacity:1;color:rgba(var(--color-primary-300),var(--un-text-opacity));}
|
|
1308
1384
|
|
|
1309
1385
|
/**
|
|
@@ -1317,15 +1393,15 @@
|
|
|
1317
1393
|
============================================================================= */
|
|
1318
1394
|
|
|
1319
1395
|
[data-style='rokkit'] [data-search-input] {
|
|
1320
|
-
|
|
1396
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1321
1397
|
}[data-mode="dark"][data-style="rokkit"] [data-search-input],[data-mode="dark"] [data-style="rokkit"] [data-search-input]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1322
1398
|
|
|
1323
1399
|
[data-style='rokkit'] [data-search-input]:focus {
|
|
1324
|
-
|
|
1400
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-400),var(--un-ring-opacity));
|
|
1325
1401
|
}[data-mode="dark"][data-style="rokkit"] [data-search-input]:focus,[data-mode="dark"] [data-style="rokkit"] [data-search-input]:focus{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-ring-opacity:1;--un-ring-color:rgba(var(--color-primary-600),var(--un-ring-opacity));}
|
|
1326
1402
|
|
|
1327
1403
|
[data-style='rokkit'] [data-search-input]::placeholder {
|
|
1328
|
-
|
|
1404
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1329
1405
|
}[data-mode="dark"][data-style="rokkit"] [data-search-input]::placeholder,[data-mode="dark"] [data-style="rokkit"] [data-search-input]::placeholder{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1330
1406
|
|
|
1331
1407
|
/* =============================================================================
|
|
@@ -1333,11 +1409,11 @@
|
|
|
1333
1409
|
============================================================================= */
|
|
1334
1410
|
|
|
1335
1411
|
[data-style='rokkit'] [data-search-clear] {
|
|
1336
|
-
|
|
1412
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1337
1413
|
}[data-mode="dark"][data-style="rokkit"] [data-search-clear],[data-mode="dark"] [data-style="rokkit"] [data-search-clear]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1338
1414
|
|
|
1339
1415
|
[data-style='rokkit'] [data-search-clear]:hover {
|
|
1340
|
-
|
|
1416
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1341
1417
|
}[data-mode="dark"][data-style="rokkit"] [data-search-clear]:hover,[data-mode="dark"] [data-style="rokkit"] [data-search-clear]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1342
1418
|
|
|
1343
1419
|
/* =============================================================================
|
|
@@ -1345,15 +1421,15 @@
|
|
|
1345
1421
|
============================================================================= */
|
|
1346
1422
|
|
|
1347
1423
|
[data-style='rokkit'] [data-search-tag] {
|
|
1348
|
-
|
|
1424
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-300),1) 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-surface-200),1) var(--un-gradient-to-position);--un-gradient-shape:to bottom 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-700),var(--un-text-opacity));
|
|
1349
1425
|
}[data-mode="dark"][data-style="rokkit"] [data-search-tag],[data-mode="dark"] [data-style="rokkit"] [data-search-tag]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-surface-700),1) 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-surface-800),1) var(--un-gradient-to-position);--un-text-opacity:1;color:rgba(var(--color-surface-300),var(--un-text-opacity));}
|
|
1350
1426
|
|
|
1351
1427
|
[data-style='rokkit'] [data-search-tag-remove] {
|
|
1352
|
-
|
|
1428
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
|
|
1353
1429
|
}[data-mode="dark"][data-style="rokkit"] [data-search-tag-remove],[data-mode="dark"] [data-style="rokkit"] [data-search-tag-remove]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
|
|
1354
1430
|
|
|
1355
1431
|
[data-style='rokkit'] [data-search-tag-remove]:hover {
|
|
1356
|
-
|
|
1432
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-900),var(--un-text-opacity));
|
|
1357
1433
|
}[data-mode="dark"][data-style="rokkit"] [data-search-tag-remove]:hover,[data-mode="dark"] [data-style="rokkit"] [data-search-tag-remove]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-100),var(--un-text-opacity));}
|
|
1358
1434
|
|
|
1359
1435
|
/**
|
|
@@ -1367,11 +1443,11 @@
|
|
|
1367
1443
|
============================================================================= */
|
|
1368
1444
|
|
|
1369
1445
|
[data-style='rokkit'] [data-range-bar] {
|
|
1370
|
-
|
|
1446
|
+
border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-300),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-200),var(--un-bg-opacity));
|
|
1371
1447
|
}[data-mode="dark"][data-style="rokkit"] [data-range-bar],[data-mode="dark"] [data-style="rokkit"] [data-range-bar]{--un-border-opacity:1;border-color:rgba(var(--color-surface-700),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-800),var(--un-bg-opacity));}
|
|
1372
1448
|
|
|
1373
1449
|
[data-style='rokkit'] [data-range-selected] {
|
|
1374
|
-
|
|
1450
|
+
--un-gradient-from-position:0%;--un-gradient-from:rgba(var(--color-primary),1) 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),1) var(--un-gradient-to-position);--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));
|
|
1375
1451
|
}
|
|
1376
1452
|
|
|
1377
1453
|
/* =============================================================================
|
|
@@ -1379,16 +1455,16 @@
|
|
|
1379
1455
|
============================================================================= */
|
|
1380
1456
|
|
|
1381
1457
|
[data-style='rokkit'] [data-range-thumb] {
|
|
1382
|
-
|
|
1458
|
+
--un-border-opacity:1;border-color:rgba(var(--color-secondary),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-secondary),var(--un-bg-opacity));--un-shadow:var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1383
1459
|
}
|
|
1384
1460
|
|
|
1385
1461
|
[data-style='rokkit'] [data-range-thumb][data-sliding] {
|
|
1386
|
-
|
|
1387
|
-
|
|
1462
|
+
--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
|
|
1463
|
+
box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);
|
|
1388
1464
|
}
|
|
1389
1465
|
|
|
1390
1466
|
[data-style='rokkit'] [data-range-thumb]:focus-visible {
|
|
1391
|
-
|
|
1467
|
+
box-shadow: 0 0 0 4px color-mix(in srgb, var(--color-secondary) 30%, transparent);
|
|
1392
1468
|
}
|
|
1393
1469
|
|
|
1394
1470
|
/* =============================================================================
|
|
@@ -1396,15 +1472,15 @@
|
|
|
1396
1472
|
============================================================================= */
|
|
1397
1473
|
|
|
1398
1474
|
[data-style='rokkit'] [data-range-tick] {
|
|
1399
|
-
|
|
1475
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1400
1476
|
}[data-mode="dark"][data-style="rokkit"] [data-range-tick],[data-mode="dark"] [data-style="rokkit"] [data-range-tick]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1401
1477
|
|
|
1402
1478
|
[data-style='rokkit'] [data-tick-bar] {
|
|
1403
|
-
|
|
1479
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));
|
|
1404
1480
|
}[data-mode="dark"][data-style="rokkit"] [data-tick-bar],[data-mode="dark"] [data-style="rokkit"] [data-tick-bar]{--un-border-opacity:1;border-color:rgba(var(--color-surface-500),var(--un-border-opacity));}
|
|
1405
1481
|
|
|
1406
1482
|
[data-style='rokkit'] [data-tick-label] {
|
|
1407
|
-
|
|
1483
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1408
1484
|
}[data-mode="dark"][data-style="rokkit"] [data-tick-label],[data-mode="dark"] [data-style="rokkit"] [data-tick-label]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1409
1485
|
|
|
1410
1486
|
/* =============================================================================
|
|
@@ -1412,11 +1488,11 @@
|
|
|
1412
1488
|
============================================================================= */
|
|
1413
1489
|
|
|
1414
1490
|
[data-style='rokkit'] [data-range][data-disabled] [data-range-thumb] {
|
|
1415
|
-
|
|
1491
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));
|
|
1416
1492
|
}[data-mode="dark"][data-style="rokkit"] [data-range][data-disabled] [data-range-thumb],[data-mode="dark"] [data-style="rokkit"] [data-range][data-disabled] [data-range-thumb]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
|
|
1417
1493
|
|
|
1418
1494
|
[data-style='rokkit'] [data-range][data-disabled] [data-range-selected] {
|
|
1419
|
-
|
|
1495
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-400),var(--un-bg-opacity));
|
|
1420
1496
|
}[data-mode="dark"][data-style="rokkit"] [data-range][data-disabled] [data-range-selected],[data-mode="dark"] [data-style="rokkit"] [data-range][data-disabled] [data-range-selected]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-600),var(--un-bg-opacity));}
|
|
1421
1497
|
|
|
1422
1498
|
/**
|
|
@@ -1430,16 +1506,16 @@
|
|
|
1430
1506
|
============================================================================= */
|
|
1431
1507
|
|
|
1432
1508
|
[data-style='rokkit'] [data-timeline-circle] {
|
|
1433
|
-
|
|
1509
|
+
--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1434
1510
|
}[data-mode="dark"][data-style="rokkit"] [data-timeline-circle],[data-mode="dark"] [data-style="rokkit"] [data-timeline-circle]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1435
1511
|
|
|
1436
1512
|
[data-style='rokkit'] [data-timeline-item][data-completed] [data-timeline-circle] {
|
|
1437
|
-
|
|
1513
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
|
|
1438
1514
|
}
|
|
1439
1515
|
|
|
1440
1516
|
[data-style='rokkit'] [data-timeline-item][data-active] [data-timeline-circle] {
|
|
1441
|
-
|
|
1442
|
-
|
|
1517
|
+
--un-border-opacity:1;border-color:rgba(var(--color-primary),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary),var(--un-text-opacity));
|
|
1518
|
+
box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent);
|
|
1443
1519
|
}
|
|
1444
1520
|
|
|
1445
1521
|
/* =============================================================================
|
|
@@ -1447,11 +1523,11 @@
|
|
|
1447
1523
|
============================================================================= */
|
|
1448
1524
|
|
|
1449
1525
|
[data-style='rokkit'] [data-timeline-connector] {
|
|
1450
|
-
|
|
1526
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
|
|
1451
1527
|
}[data-mode="dark"][data-style="rokkit"] [data-timeline-connector],[data-mode="dark"] [data-style="rokkit"] [data-timeline-connector]{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
|
|
1452
1528
|
|
|
1453
1529
|
[data-style='rokkit'] [data-timeline-item][data-completed] [data-timeline-connector] {
|
|
1454
|
-
|
|
1530
|
+
--un-bg-opacity:1;background-color:rgba(var(--color-primary),var(--un-bg-opacity));
|
|
1455
1531
|
}
|
|
1456
1532
|
|
|
1457
1533
|
/* =============================================================================
|
|
@@ -1459,11 +1535,11 @@
|
|
|
1459
1535
|
============================================================================= */
|
|
1460
1536
|
|
|
1461
1537
|
[data-style='rokkit'] [data-timeline-title] {
|
|
1462
|
-
|
|
1538
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
|
|
1463
1539
|
}[data-mode="dark"][data-style="rokkit"] [data-timeline-title],[data-mode="dark"] [data-style="rokkit"] [data-timeline-title]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
|
|
1464
1540
|
|
|
1465
1541
|
[data-style='rokkit'] [data-timeline-description] {
|
|
1466
|
-
|
|
1542
|
+
--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
|
|
1467
1543
|
}[data-mode="dark"][data-style="rokkit"] [data-timeline-description],[data-mode="dark"] [data-style="rokkit"] [data-timeline-description]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
|
|
1468
1544
|
|
|
1469
1545
|
/**
|