@snksergio/design-system 0.34.0 → 0.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/README.md +39 -0
  2. package/dist-lib/chunks/{input-CizzMZ20.cjs → input-CLZuK61s.cjs} +2 -2
  3. package/dist-lib/chunks/{input-CizzMZ20.cjs.map → input-CLZuK61s.cjs.map} +1 -1
  4. package/dist-lib/chunks/{input-Cym0k4ZI.mjs → input-Di_5Ir5M.mjs} +2 -2
  5. package/dist-lib/chunks/{input-Cym0k4ZI.mjs.map → input-Di_5Ir5M.mjs.map} +1 -1
  6. package/dist-lib/chunks/{kpi-delta-DrSJPMCY.cjs → kpi-delta--KmkXYn9.cjs} +2 -2
  7. package/dist-lib/chunks/{kpi-delta-DrSJPMCY.cjs.map → kpi-delta--KmkXYn9.cjs.map} +1 -1
  8. package/dist-lib/chunks/{kpi-delta-FhfuIg27.mjs → kpi-delta-CMdiNoMu.mjs} +2 -2
  9. package/dist-lib/chunks/{kpi-delta-FhfuIg27.mjs.map → kpi-delta-CMdiNoMu.mjs.map} +1 -1
  10. package/dist-lib/chunks/{page-header-BMzUloFi.cjs → page-header-HWma4AzM.cjs} +2 -2
  11. package/dist-lib/chunks/{page-header-BMzUloFi.cjs.map → page-header-HWma4AzM.cjs.map} +1 -1
  12. package/dist-lib/chunks/{page-header-Buh6YlQM.mjs → page-header-gYXNGHv-.mjs} +2 -2
  13. package/dist-lib/chunks/{page-header-Buh6YlQM.mjs.map → page-header-gYXNGHv-.mjs.map} +1 -1
  14. package/dist-lib/chunks/{panel-Cdl0GPVE.mjs → panel-BCGlqoEk.mjs} +3 -3
  15. package/dist-lib/chunks/{panel-Cdl0GPVE.mjs.map → panel-BCGlqoEk.mjs.map} +1 -1
  16. package/dist-lib/chunks/{panel-DlyaLunw.cjs → panel-Cq9UQki6.cjs} +3 -3
  17. package/dist-lib/chunks/{panel-DlyaLunw.cjs.map → panel-Cq9UQki6.cjs.map} +1 -1
  18. package/dist-lib/chunks/{useTheme-DF2xbSdI.mjs → useTheme-D-405m16.mjs} +7 -2
  19. package/dist-lib/chunks/useTheme-D-405m16.mjs.map +1 -0
  20. package/dist-lib/chunks/{useTheme-D4alxxGV.cjs → useTheme-DFAlP_ab.cjs} +7 -2
  21. package/dist-lib/chunks/useTheme-DFAlP_ab.cjs.map +1 -0
  22. package/dist-lib/fonts/Geist-Variable.woff2 +0 -0
  23. package/dist-lib/fonts/GeistMono-Variable.woff2 +0 -0
  24. package/dist-lib/index.cjs +5 -5
  25. package/dist-lib/index.mjs +8 -8
  26. package/dist-lib/preview/chat.cjs +2 -2
  27. package/dist-lib/preview/chat.mjs +2 -2
  28. package/dist-lib/preview/clientes.cjs +4 -4
  29. package/dist-lib/preview/clientes.mjs +4 -4
  30. package/dist-lib/preview/dashboard.cjs +3 -3
  31. package/dist-lib/preview/dashboard.mjs +3 -3
  32. package/dist-lib/src/components/shadcn/command.d.ts.map +1 -1
  33. package/dist-lib/theme/brand-blue.css +110 -110
  34. package/dist-lib/theme/brand-green.css +110 -110
  35. package/dist-lib/theme/brand-pay.css +189 -189
  36. package/dist-lib/theme/brand-vibrant.css +148 -148
  37. package/dist-lib/theme.css +83 -6
  38. package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts +4 -0
  39. package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts.map +1 -1
  40. package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts +4 -0
  41. package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts.map +1 -1
  42. package/dist-lib/tokens/brands/default/semantic/color-dark.d.ts +4 -0
  43. package/dist-lib/tokens/brands/default/semantic/color-dark.d.ts.map +1 -1
  44. package/dist-lib/tokens/brands/default/semantic/color-light.d.ts +4 -0
  45. package/dist-lib/tokens/brands/default/semantic/color-light.d.ts.map +1 -1
  46. package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts +4 -0
  47. package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts.map +1 -1
  48. package/dist-lib/tokens/brands/green/semantic/color-light.d.ts +4 -0
  49. package/dist-lib/tokens/brands/green/semantic/color-light.d.ts.map +1 -1
  50. package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts +4 -0
  51. package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts.map +1 -1
  52. package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts +4 -0
  53. package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts.map +1 -1
  54. package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts +4 -0
  55. package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts.map +1 -1
  56. package/dist-lib/tokens/brands/vibrant/semantic/color-light.d.ts +4 -0
  57. package/dist-lib/tokens/brands/vibrant/semantic/color-light.d.ts.map +1 -1
  58. package/dist-lib/tokens.cjs +12 -0
  59. package/dist-lib/tokens.cjs.map +1 -1
  60. package/dist-lib/tokens.mjs +12 -0
  61. package/dist-lib/tokens.mjs.map +1 -1
  62. package/package.json +2 -1
  63. package/dist-lib/chunks/useTheme-D4alxxGV.cjs.map +0 -1
  64. package/dist-lib/chunks/useTheme-DF2xbSdI.mjs.map +0 -1
package/dist-lib/theme/brand-vibrant.css CHANGED
@@ -1,148 +1,148 @@
1
- /**
2
- * brand-vibrant.css — Auto-gerado. Não editar manualmente.
3
- * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
4
- * Source (repo do DS): tokens/brands/vibrant/semantic/*.ts
5
- * Regenerar (só no repo do DS): npm run tokens:brand:vibrant
6
- *
7
- * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
8
- * data-theme="vibrant" no <html>. Sem o atributo nada casa — e não dá erro.
9
- * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
10
- * setAttribute/removeAttribute na mão ("default" = remover o atributo).
11
- *
12
- * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
13
- * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
14
- * omite o que já é idêntico à default.
15
- */
16
-
17
- /* ── Light (65 vars divergem da default) ─────────────────────────── */
18
- [data-theme="vibrant"]:not(.dark) {
19
- --color-bg-surface-elevated: oklch(0.9851 0 0);
20
- --color-bg-sidebar: oklch(0.9516 0.0012 250);
21
- --color-bg-subtle: oklch(0.9851 0 0);
22
- --color-bg-muted: oklch(0.9674 0.0007 250);
23
- --color-bg-emphasis: oklch(0.9197 0.0020 250);
24
- --color-bg-brand: oklch(0.4645 0.1539 142.59);
25
- --color-bg-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent);
26
- --color-bg-brand-hover: oklch(0.4138 0.1317 142.94);
27
- --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
28
- --color-bg-danger: oklch(0.58 0.235 25);
29
- --color-bg-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 14%, transparent);
30
- --color-bg-danger-hover: color-mix(in oklch, oklch(0.58 0.235 25) 90%, black);
31
- --color-bg-danger-muted-hover: color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent);
32
- --color-bg-success: oklch(0.4645 0.1539 142.59);
33
- --color-bg-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent);
34
- --color-bg-success-hover: oklch(0.4138 0.1317 142.94);
35
- --color-bg-success-muted-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
36
- --color-bg-warning: oklch(0.825 0.170 81);
37
- --color-bg-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 14%, transparent);
38
- --color-bg-warning-hover: color-mix(in oklch, oklch(0.825 0.170 81) 90%, black);
39
- --color-bg-warning-muted-hover: color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent);
40
- --color-bg-info: oklch(0.55 0.293 300);
41
- --color-bg-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 14%, transparent);
42
- --color-bg-info-hover: color-mix(in oklch, oklch(0.55 0.293 300) 90%, black);
43
- --color-bg-info-muted-hover: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
44
- --color-bg-muted-hover: oklch(0.95 0.0012 250);
45
- --color-bg-input-hover: oklch(0.9851 0 0);
46
- --color-bg-accent-hover: oklch(0.84 0.0032 250);
47
- --color-bg-sidebar-accent-hover: oklch(0.92 0.0020 250);
48
- --color-bg-table-head: oklch(0.9674 0.0007 250);
49
- --color-bg-table-row-hover: oklch(0.9851 0 0);
50
- --color-bg-table-row-selected: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 6%, transparent);
51
- --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
52
- --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 6%, oklch(1 0 0));
53
- --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 10%, oklch(1 0 0));
54
- --color-fg-strong: oklch(0.1652 0.0010 250);
55
- --color-fg-default: oklch(0.1652 0.0010 250);
56
- --color-fg-muted: oklch(0.5517 0.0062 250);
57
- --color-fg-subtle: oklch(0.7118 0.0060 250);
58
- --color-fg-disabled: oklch(0.7118 0.0060 250);
59
- --color-fg-brand: oklch(0.4645 0.1539 142.59);
60
- --color-fg-danger: oklch(0.58 0.235 25);
61
- --color-fg-success: oklch(0.4645 0.1539 142.59);
62
- --color-fg-warning: oklch(0.825 0.170 81);
63
- --color-fg-info: oklch(0.55 0.293 300);
64
- --color-border-default: oklch(0.906 0.0024 250);
65
- --color-border-subtle: oklch(0.9325 0.0016 250);
66
- --color-border-input: oklch(0.7118 0.0060 250);
67
- --color-border-sidebar: oklch(0.906 0.0024 250);
68
- --color-border-brand: oklch(0.4645 0.1539 142.59);
69
- --color-border-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
70
- --color-border-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent);
71
- --color-border-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
72
- --color-border-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent);
73
- --color-border-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent);
74
- --color-border-table: oklch(0.9325 0.0016 250);
75
- --color-ring-brand: color-mix(in oklch, oklch(0.8018 0.2721 142.38) 22%, transparent);
76
- --color-ring-danger: color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent);
77
- --color-ring-success: color-mix(in oklch, oklch(0.8018 0.2721 142.38) 22%, transparent);
78
- --color-ring-warning: color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent);
79
- --color-ring-info: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
80
- --color-ring-secondary: color-mix(in oklch, oklch(0.5517 0.0062 250) 22%, transparent);
81
- --color-overlay-float: oklch(0.5517 0.0062 250 / 0.12);
82
- --color-chart-1: oklch(0.6783 0.2304 142.42);
83
- --color-chart-grid: oklch(0.9197 0.0020 250);
84
- }
85
-
86
- /* ── Dark (60 vars — .dark[data-theme] vence o .dark base) ────────── */
87
- .dark[data-theme="vibrant"] {
88
- --color-bg-canvas: oklch(0.2050 0 0);
89
- --color-bg-surface: oklch(0.2603 0 0);
90
- --color-bg-surface-elevated: oklch(0.2873 0 0);
91
- --color-bg-surface-panels: oklch(0.2050 0 0);
92
- --color-bg-sidebar: oklch(0.2603 0 0);
93
- --color-bg-muted: oklch(1 0 0 / 0.05);
94
- --color-bg-brand: oklch(0.866993 0.294055 142.3546);
95
- --color-bg-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
96
- --color-bg-brand-hover: oklch(0.8018 0.2721 142.38);
97
- --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent);
98
- --color-bg-danger: oklch(0.58 0.235 25);
99
- --color-bg-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 10%, transparent);
100
- --color-bg-danger-hover: color-mix(in oklch, oklch(0.58 0.235 25) 90%, white);
101
- --color-bg-danger-muted-hover: color-mix(in oklch, oklch(0.58 0.235 25) 16%, transparent);
102
- --color-bg-success: oklch(0.866993 0.294055 142.3546);
103
- --color-bg-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
104
- --color-bg-success-hover: oklch(0.8018 0.2721 142.38);
105
- --color-bg-success-muted-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent);
106
- --color-bg-warning: oklch(0.825 0.170 81);
107
- --color-bg-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 10%, transparent);
108
- --color-bg-warning-hover: color-mix(in oklch, oklch(0.825 0.170 81) 90%, white);
109
- --color-bg-warning-muted-hover: color-mix(in oklch, oklch(0.825 0.170 81) 16%, transparent);
110
- --color-bg-info: oklch(0.55 0.293 300);
111
- --color-bg-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 10%, transparent);
112
- --color-bg-info-hover: color-mix(in oklch, oklch(0.55 0.293 300) 90%, white);
113
- --color-bg-info-muted-hover: color-mix(in oklch, oklch(0.55 0.293 300) 16%, transparent);
114
- --color-bg-table: oklch(0.2603 0 0);
115
- --color-bg-table-head: oklch(0.2873 0 0);
116
- --color-bg-table-row-hover: oklch(0.2873 0 0);
117
- --color-bg-table-row-selected: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
118
- --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent);
119
- --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 10%, oklch(0.2603 0 0));
120
- --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 14%, oklch(0.2603 0 0));
121
- --color-fg-default: oklch(0.9670 0 0);
122
- --color-fg-muted: oklch(0.7120 0 0);
123
- --color-fg-subtle: oklch(0.5520 0 0);
124
- --color-fg-disabled: oklch(0.4420 0 0);
125
- --color-fg-brand: oklch(0.866993 0.294055 142.3546);
126
- --color-fg-danger: oklch(0.68 0.208 25);
127
- --color-fg-success: oklch(0.866993 0.294055 142.3546);
128
- --color-fg-warning: oklch(0.825 0.170 81);
129
- --color-fg-info: oklch(0.72 0.172 300);
130
- --color-border-default: oklch(0.3400 0 0);
131
- --color-border-subtle: oklch(0.3090 0 0);
132
- --color-border-input: oklch(0.3750 0 0);
133
- --color-border-sidebar: oklch(0.3090 0 0);
134
- --color-border-brand: oklch(0.8018 0.2721 142.38);
135
- --color-border-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
136
- --color-border-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent);
137
- --color-border-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
138
- --color-border-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent);
139
- --color-border-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent);
140
- --color-border-table: oklch(0.3090 0 0);
141
- --color-ring-brand: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
142
- --color-ring-danger: color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent);
143
- --color-ring-success: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
144
- --color-ring-warning: color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent);
145
- --color-ring-info: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
146
- --color-ring-secondary: color-mix(in oklch, oklch(0.5520 0 0) 22%, transparent);
147
- --color-chart-1: oklch(0.866993 0.294055 142.3546);
148
- }
1
+ /**
2
+ * brand-vibrant.css — Auto-gerado. Não editar manualmente.
3
+ * Overlay de marca escopado (só o DIFF de cor vs. default). Coexiste com o tema-base.
4
+ * Source (repo do DS): tokens/brands/vibrant/semantic/*.ts
5
+ * Regenerar (só no repo do DS): npm run tokens:brand:vibrant
6
+ *
7
+ * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
8
+ * data-theme="vibrant" no <html>. Sem o atributo nada casa — e não dá erro.
9
+ * Seletor de marca em runtime: hook `useBrand` do pacote (≥ 0.33.0), ou
10
+ * setAttribute/removeAttribute na mão ("default" = remover o atributo).
11
+ *
12
+ * Os 2 blocos são MUTUAMENTE EXCLUSIVOS por construção (`:not(.dark)`). No dark,
13
+ * token ausente do bloco dark cai no `.dark` do tema-base de propósito: o diff só
14
+ * omite o que já é idêntico à default.
15
+ */
16
+
17
+ /* ── Light (65 vars divergem da default) ─────────────────────────── */
18
+ [data-theme="vibrant"]:not(.dark) {
19
+ --color-bg-surface-elevated: oklch(0.9851 0 0);
20
+ --color-bg-sidebar: oklch(0.9516 0.0012 250);
21
+ --color-bg-subtle: oklch(0.9851 0 0);
22
+ --color-bg-muted: oklch(0.9674 0.0007 250);
23
+ --color-bg-emphasis: oklch(0.9197 0.0020 250);
24
+ --color-bg-brand: oklch(0.4645 0.1539 142.59);
25
+ --color-bg-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent);
26
+ --color-bg-brand-hover: oklch(0.4138 0.1317 142.94);
27
+ --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
28
+ --color-bg-danger: oklch(0.58 0.235 25);
29
+ --color-bg-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 14%, transparent);
30
+ --color-bg-danger-hover: color-mix(in oklch, oklch(0.58 0.235 25) 90%, black);
31
+ --color-bg-danger-muted-hover: color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent);
32
+ --color-bg-success: oklch(0.4645 0.1539 142.59);
33
+ --color-bg-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent);
34
+ --color-bg-success-hover: oklch(0.4138 0.1317 142.94);
35
+ --color-bg-success-muted-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
36
+ --color-bg-warning: oklch(0.825 0.170 81);
37
+ --color-bg-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 14%, transparent);
38
+ --color-bg-warning-hover: color-mix(in oklch, oklch(0.825 0.170 81) 90%, black);
39
+ --color-bg-warning-muted-hover: color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent);
40
+ --color-bg-info: oklch(0.55 0.293 300);
41
+ --color-bg-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 14%, transparent);
42
+ --color-bg-info-hover: color-mix(in oklch, oklch(0.55 0.293 300) 90%, black);
43
+ --color-bg-info-muted-hover: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
44
+ --color-bg-muted-hover: oklch(0.95 0.0012 250);
45
+ --color-bg-input-hover: oklch(0.9851 0 0);
46
+ --color-bg-accent-hover: oklch(0.84 0.0032 250);
47
+ --color-bg-sidebar-accent-hover: oklch(0.92 0.0020 250);
48
+ --color-bg-table-head: oklch(0.9674 0.0007 250);
49
+ --color-bg-table-row-hover: oklch(0.9851 0 0);
50
+ --color-bg-table-row-selected: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 6%, transparent);
51
+ --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
52
+ --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 6%, oklch(1 0 0));
53
+ --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 10%, oklch(1 0 0));
54
+ --color-fg-strong: oklch(0.1652 0.0010 250);
55
+ --color-fg-default: oklch(0.1652 0.0010 250);
56
+ --color-fg-muted: oklch(0.5517 0.0062 250);
57
+ --color-fg-subtle: oklch(0.7118 0.0060 250);
58
+ --color-fg-disabled: oklch(0.7118 0.0060 250);
59
+ --color-fg-brand: oklch(0.4645 0.1539 142.59);
60
+ --color-fg-danger: oklch(0.58 0.235 25);
61
+ --color-fg-success: oklch(0.4645 0.1539 142.59);
62
+ --color-fg-warning: oklch(0.825 0.170 81);
63
+ --color-fg-info: oklch(0.55 0.293 300);
64
+ --color-border-default: oklch(0.906 0.0024 250);
65
+ --color-border-subtle: oklch(0.9325 0.0016 250);
66
+ --color-border-input: oklch(0.7118 0.0060 250);
67
+ --color-border-sidebar: oklch(0.906 0.0024 250);
68
+ --color-border-brand: oklch(0.4645 0.1539 142.59);
69
+ --color-border-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
70
+ --color-border-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent);
71
+ --color-border-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
72
+ --color-border-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent);
73
+ --color-border-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent);
74
+ --color-border-table: oklch(0.9325 0.0016 250);
75
+ --color-ring-brand: color-mix(in oklch, oklch(0.8018 0.2721 142.38) 22%, transparent);
76
+ --color-ring-danger: color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent);
77
+ --color-ring-success: color-mix(in oklch, oklch(0.8018 0.2721 142.38) 22%, transparent);
78
+ --color-ring-warning: color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent);
79
+ --color-ring-info: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
80
+ --color-ring-secondary: color-mix(in oklch, oklch(0.5517 0.0062 250) 22%, transparent);
81
+ --color-overlay-float: oklch(0.5517 0.0062 250 / 0.12);
82
+ --color-chart-1: oklch(0.6783 0.2304 142.42);
83
+ --color-chart-grid: oklch(0.9197 0.0020 250);
84
+ }
85
+
86
+ /* ── Dark (60 vars — .dark[data-theme] vence o .dark base) ────────── */
87
+ .dark[data-theme="vibrant"] {
88
+ --color-bg-canvas: oklch(0.2050 0 0);
89
+ --color-bg-surface: oklch(0.2603 0 0);
90
+ --color-bg-surface-elevated: oklch(0.2873 0 0);
91
+ --color-bg-surface-panels: oklch(0.2050 0 0);
92
+ --color-bg-sidebar: oklch(0.2603 0 0);
93
+ --color-bg-muted: oklch(1 0 0 / 0.05);
94
+ --color-bg-brand: oklch(0.866993 0.294055 142.3546);
95
+ --color-bg-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
96
+ --color-bg-brand-hover: oklch(0.8018 0.2721 142.38);
97
+ --color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent);
98
+ --color-bg-danger: oklch(0.58 0.235 25);
99
+ --color-bg-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 10%, transparent);
100
+ --color-bg-danger-hover: color-mix(in oklch, oklch(0.58 0.235 25) 90%, white);
101
+ --color-bg-danger-muted-hover: color-mix(in oklch, oklch(0.58 0.235 25) 16%, transparent);
102
+ --color-bg-success: oklch(0.866993 0.294055 142.3546);
103
+ --color-bg-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
104
+ --color-bg-success-hover: oklch(0.8018 0.2721 142.38);
105
+ --color-bg-success-muted-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent);
106
+ --color-bg-warning: oklch(0.825 0.170 81);
107
+ --color-bg-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 10%, transparent);
108
+ --color-bg-warning-hover: color-mix(in oklch, oklch(0.825 0.170 81) 90%, white);
109
+ --color-bg-warning-muted-hover: color-mix(in oklch, oklch(0.825 0.170 81) 16%, transparent);
110
+ --color-bg-info: oklch(0.55 0.293 300);
111
+ --color-bg-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 10%, transparent);
112
+ --color-bg-info-hover: color-mix(in oklch, oklch(0.55 0.293 300) 90%, white);
113
+ --color-bg-info-muted-hover: color-mix(in oklch, oklch(0.55 0.293 300) 16%, transparent);
114
+ --color-bg-table: oklch(0.2603 0 0);
115
+ --color-bg-table-head: oklch(0.2873 0 0);
116
+ --color-bg-table-row-hover: oklch(0.2873 0 0);
117
+ --color-bg-table-row-selected: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
118
+ --color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent);
119
+ --color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 10%, oklch(0.2603 0 0));
120
+ --color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 14%, oklch(0.2603 0 0));
121
+ --color-fg-default: oklch(0.9670 0 0);
122
+ --color-fg-muted: oklch(0.7120 0 0);
123
+ --color-fg-subtle: oklch(0.5520 0 0);
124
+ --color-fg-disabled: oklch(0.4420 0 0);
125
+ --color-fg-brand: oklch(0.866993 0.294055 142.3546);
126
+ --color-fg-danger: oklch(0.68 0.208 25);
127
+ --color-fg-success: oklch(0.866993 0.294055 142.3546);
128
+ --color-fg-warning: oklch(0.825 0.170 81);
129
+ --color-fg-info: oklch(0.72 0.172 300);
130
+ --color-border-default: oklch(0.3400 0 0);
131
+ --color-border-subtle: oklch(0.3090 0 0);
132
+ --color-border-input: oklch(0.3750 0 0);
133
+ --color-border-sidebar: oklch(0.3090 0 0);
134
+ --color-border-brand: oklch(0.8018 0.2721 142.38);
135
+ --color-border-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
136
+ --color-border-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent);
137
+ --color-border-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
138
+ --color-border-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent);
139
+ --color-border-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent);
140
+ --color-border-table: oklch(0.3090 0 0);
141
+ --color-ring-brand: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
142
+ --color-ring-danger: color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent);
143
+ --color-ring-success: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
144
+ --color-ring-warning: color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent);
145
+ --color-ring-info: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
146
+ --color-ring-secondary: color-mix(in oklch, oklch(0.5520 0 0) 22%, transparent);
147
+ --color-chart-1: oklch(0.866993 0.294055 142.3546);
148
+ }
package/dist-lib/theme.css CHANGED
@@ -7,6 +7,50 @@
7
7
  * Customize na composição da tela (props/variantes + classes DS), não nos tokens.
8
8
  */
9
9
 
10
+ /* ── Runtime base (fonte, dark-variant, body) — ver buildRuntimeBase ──────── */
11
+
12
+ @font-face {
13
+ font-family: 'Geist';
14
+ src: url('/fonts/Geist-Variable.woff2') format('woff2');
15
+ font-weight: 100 900;
16
+ font-style: normal;
17
+ font-display: swap;
18
+ }
19
+
20
+ @font-face {
21
+ font-family: 'Geist Mono';
22
+ src: url('/fonts/GeistMono-Variable.woff2') format('woff2');
23
+ font-weight: 100 900;
24
+ font-style: normal;
25
+ font-display: swap;
26
+ }
27
+
28
+ @theme inline {
29
+ --font-sans: 'Geist', system-ui, -apple-system, sans-serif;
30
+ --font-mono: 'Geist Mono', 'Fira Code', monospace;
31
+ }
32
+
33
+ /* Dark por CLASSE, nunca por prefers-color-scheme: sem isto o tema do SO vaza
34
+ * pro app nos dois sentidos (app claro com SO escuro dispara `dark:`). */
35
+ @custom-variant dark (&:where(.dark, .dark *));
36
+
37
+ html {
38
+ font-family: var(--font-sans);
39
+ }
40
+
41
+ body {
42
+ min-height: 100vh;
43
+ background-color: var(--color-bg-canvas);
44
+ color: var(--color-fg-default);
45
+ transition: background-color 0.2s ease, color 0.2s ease;
46
+ }
47
+
48
+ @layer base {
49
+ button {
50
+ cursor: pointer;
51
+ }
52
+ }
53
+
10
54
  @theme {
11
55
  --color-bg-canvas: oklch(1 0 0);
12
56
  --color-bg-surface: oklch(1 0 0);
@@ -39,6 +83,8 @@
39
83
  --color-bg-info-hover: color-mix(in oklch, oklch(0.62 0.210 280) 90%, black);
40
84
  --color-bg-info-muted-hover: color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
41
85
  --color-bg-muted-hover: oklch(0.95 0 0);
86
+ --color-bg-scrollbar-thumb: oklch(0 0 0 / 0.24);
87
+ --color-bg-scrollbar-thumb-hover: oklch(0 0 0 / 0.32);
42
88
  --color-bg-input-hover: oklch(0.973 0 0);
43
89
  --color-bg-accent-hover: oklch(0.84 0 0);
44
90
  --color-bg-sidebar-accent: oklch(1 0 0);
@@ -303,6 +349,8 @@
303
349
  --color-bg-info-hover: color-mix(in oklch, oklch(0.62 0.210 280) 90%, white);
304
350
  --color-bg-info-muted-hover: color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
305
351
  --color-bg-muted-hover: oklch(1 0 0 / 0.08);
352
+ --color-bg-scrollbar-thumb: oklch(1 0 0 / 0.24);
353
+ --color-bg-scrollbar-thumb-hover: oklch(1 0 0 / 0.32);
306
354
  --color-bg-input-hover: oklch(1 0 0 / 0.08);
307
355
  --color-bg-accent-hover: oklch(1 0 0 / 0.16);
308
356
  --color-bg-sidebar-accent: oklch(1 0 0 / 0.08);
@@ -591,7 +639,7 @@
591
639
 
592
640
  @utility scrollbar-thin {
593
641
  scrollbar-width: thin;
594
- scrollbar-color: var(--color-bg-muted-hover) transparent;
642
+ scrollbar-color: var(--color-bg-scrollbar-thumb) transparent;
595
643
 
596
644
  &::-webkit-scrollbar {
597
645
  width: var(--scrollbar-width-thin);
@@ -603,18 +651,18 @@
603
651
  }
604
652
 
605
653
  &::-webkit-scrollbar-thumb {
606
- background-color: var(--color-bg-muted-hover);
654
+ background-color: var(--color-bg-scrollbar-thumb);
607
655
  border-radius: var(--radius-radius-full);
608
656
  }
609
657
 
610
658
  &::-webkit-scrollbar-thumb:hover {
611
- background-color: var(--color-fg-muted);
659
+ background-color: var(--color-bg-scrollbar-thumb-hover);
612
660
  }
613
661
  }
614
662
 
615
663
  @utility scrollbar-default {
616
664
  scrollbar-width: auto;
617
- scrollbar-color: var(--color-bg-muted-hover) transparent;
665
+ scrollbar-color: var(--color-bg-scrollbar-thumb) transparent;
618
666
 
619
667
  &::-webkit-scrollbar {
620
668
  width: var(--scrollbar-width-default);
@@ -626,11 +674,40 @@
626
674
  }
627
675
 
628
676
  &::-webkit-scrollbar-thumb {
629
- background-color: var(--color-bg-muted-hover);
677
+ background-color: var(--color-bg-scrollbar-thumb);
630
678
  border-radius: var(--radius-radius-full);
631
679
  }
632
680
 
633
681
  &::-webkit-scrollbar-thumb:hover {
634
- background-color: var(--color-fg-muted);
682
+ background-color: var(--color-bg-scrollbar-thumb-hover);
683
+ }
684
+ }
685
+
686
+ /* ── Superfície flutuante (usadas por 14 componentes distribuídos) ────────── */
687
+
688
+ @utility outline-float {
689
+ outline: 6px solid var(--color-overlay-float);
690
+ outline-offset: 0;
691
+ }
692
+
693
+ /* Bottom-sheet mobile de DropdownMenu/Popover (L-030/L-031).
694
+ *
695
+ * O Radix Popper envolve o Content num wrapper posicionado por `transform`
696
+ * inline, fora do alcance do className do Content — só dá pra alcançá-lo por
697
+ * seletor global. Sem este bloco, um menu marcado `mobileSheet` abre flutuando
698
+ * na posição calculada pelo Popper em vez de colar no rodapé.
699
+ *
700
+ * z-60 é load-bearing: acima de qualquer surface z-50 (drawer do sidebar mobile,
701
+ * dialog, sheet). Sem isso, um sheet aberto DE DENTRO do drawer empata em z-50 e
702
+ * renderiza atrás de forma intermitente, e o backdrop não captura o clique-fora. */
703
+ @media (width < 768px) {
704
+ [data-radix-popper-content-wrapper]:has(> [data-mobile-sheet]) {
705
+ position: fixed !important;
706
+ inset: auto 0 0 0 !important;
707
+ transform: none !important;
708
+ min-width: 0 !important;
709
+ width: 100% !important;
710
+ max-width: 100% !important;
711
+ z-index: 60 !important;
635
712
  }
636
713
  }
package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts CHANGED
@@ -37,6 +37,8 @@ export declare const bg: {
37
37
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, white)";
38
38
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
39
39
  readonly "muted-hover": string;
40
+ readonly "scrollbar-thumb": "oklch(1 0 0 / 0.24)";
41
+ readonly "scrollbar-thumb-hover": "oklch(1 0 0 / 0.32)";
40
42
  readonly "input-hover": string;
41
43
  readonly "accent-hover": string;
42
44
  readonly "sidebar-accent": string;
@@ -133,6 +135,8 @@ export declare const colorDark: {
133
135
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, white)";
134
136
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
135
137
  readonly "muted-hover": string;
138
+ readonly "scrollbar-thumb": "oklch(1 0 0 / 0.24)";
139
+ readonly "scrollbar-thumb-hover": "oklch(1 0 0 / 0.32)";
136
140
  readonly "input-hover": string;
137
141
  readonly "accent-hover": string;
138
142
  readonly "sidebar-accent": string;
package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/blue/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAkBH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
1
+ {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/blue/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAkBH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts CHANGED
@@ -39,6 +39,8 @@ export declare const bg: {
39
39
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, black)";
40
40
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
41
41
  readonly "muted-hover": "oklch(0.95 0.012 264)";
42
+ readonly "scrollbar-thumb": "oklch(0 0 0 / 0.24)";
43
+ readonly "scrollbar-thumb-hover": "oklch(0 0 0 / 0.32)";
42
44
  readonly "input-hover": "oklch(0.973 0.004 264)";
43
45
  readonly "accent-hover": "oklch(0.84 0.024 264)";
44
46
  readonly "sidebar-accent": "oklch(0.999 0.002 264)";
@@ -135,6 +137,8 @@ export declare const colorLight: {
135
137
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, black)";
136
138
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
137
139
  readonly "muted-hover": "oklch(0.95 0.012 264)";
140
+ readonly "scrollbar-thumb": "oklch(0 0 0 / 0.24)";
141
+ readonly "scrollbar-thumb-hover": "oklch(0 0 0 / 0.32)";
138
142
  readonly "input-hover": "oklch(0.973 0.004 264)";
139
143
  readonly "accent-hover": "oklch(0.84 0.024 264)";
140
144
  readonly "sidebar-accent": "oklch(0.999 0.002 264)";
package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/blue/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
1
+ {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/blue/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens/brands/default/semantic/color-dark.d.ts CHANGED
@@ -44,6 +44,8 @@ export declare const bg: {
44
44
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, white)";
45
45
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
46
46
  readonly "muted-hover": "oklch(1 0 0 / 0.08)";
47
+ readonly "scrollbar-thumb": "oklch(1 0 0 / 0.24)";
48
+ readonly "scrollbar-thumb-hover": "oklch(1 0 0 / 0.32)";
47
49
  readonly "input-hover": "oklch(1 0 0 / 0.08)";
48
50
  readonly "accent-hover": "oklch(1 0 0 / 0.16)";
49
51
  readonly "sidebar-accent": "oklch(1 0 0 / 0.08)";
@@ -140,6 +142,8 @@ export declare const colorDark: {
140
142
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, white)";
141
143
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
142
144
  readonly "muted-hover": "oklch(1 0 0 / 0.08)";
145
+ readonly "scrollbar-thumb": "oklch(1 0 0 / 0.24)";
146
+ readonly "scrollbar-thumb-hover": "oklch(1 0 0 / 0.32)";
143
147
  readonly "input-hover": "oklch(1 0 0 / 0.08)";
144
148
  readonly "accent-hover": "oklch(1 0 0 / 0.16)";
145
149
  readonly "sidebar-accent": "oklch(1 0 0 / 0.08)";
package/dist-lib/tokens/brands/default/semantic/color-dark.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAuBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAgBT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAQV,CAAC;AAKX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
1
+ {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAuBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAgBT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAQV,CAAC;AAKX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens/brands/default/semantic/color-light.d.ts CHANGED
@@ -49,6 +49,8 @@ export declare const bg: {
49
49
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, black)";
50
50
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
51
51
  readonly "muted-hover": "oklch(0.95 0 0)";
52
+ readonly "scrollbar-thumb": "oklch(0 0 0 / 0.24)";
53
+ readonly "scrollbar-thumb-hover": "oklch(0 0 0 / 0.32)";
52
54
  readonly "input-hover": "oklch(0.973 0 0)";
53
55
  readonly "accent-hover": "oklch(0.84 0 0)";
54
56
  readonly "sidebar-accent": "oklch(1 0 0)";
@@ -145,6 +147,8 @@ export declare const colorLight: {
145
147
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, black)";
146
148
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
147
149
  readonly "muted-hover": "oklch(0.95 0 0)";
150
+ readonly "scrollbar-thumb": "oklch(0 0 0 / 0.24)";
151
+ readonly "scrollbar-thumb-hover": "oklch(0 0 0 / 0.32)";
148
152
  readonly "input-hover": "oklch(0.973 0 0)";
149
153
  readonly "accent-hover": "oklch(0.84 0 0)";
150
154
  readonly "sidebar-accent": "oklch(1 0 0)";
package/dist-lib/tokens/brands/default/semantic/color-light.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuEL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAuBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAgBT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAQV,CAAC;AAMX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
1
+ {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/default/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAuBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAgBT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAQV,CAAC;AAMX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts CHANGED
@@ -37,6 +37,8 @@ export declare const bg: {
37
37
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, white)";
38
38
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
39
39
  readonly "muted-hover": string;
40
+ readonly "scrollbar-thumb": "oklch(1 0 0 / 0.24)";
41
+ readonly "scrollbar-thumb-hover": "oklch(1 0 0 / 0.32)";
40
42
  readonly "input-hover": string;
41
43
  readonly "accent-hover": string;
42
44
  readonly "sidebar-accent": string;
@@ -133,6 +135,8 @@ export declare const colorDark: {
133
135
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, white)";
134
136
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
135
137
  readonly "muted-hover": string;
138
+ readonly "scrollbar-thumb": "oklch(1 0 0 / 0.24)";
139
+ readonly "scrollbar-thumb-hover": "oklch(1 0 0 / 0.32)";
136
140
  readonly "input-hover": string;
137
141
  readonly "accent-hover": string;
138
142
  readonly "sidebar-accent": string;
package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/green/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAgBH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
1
+ {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/green/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAgBH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens/brands/green/semantic/color-light.d.ts CHANGED
@@ -38,6 +38,8 @@ export declare const bg: {
38
38
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, black)";
39
39
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
40
40
  readonly "muted-hover": "oklch(0.95 0.010 142)";
41
+ readonly "scrollbar-thumb": "oklch(0 0 0 / 0.24)";
42
+ readonly "scrollbar-thumb-hover": "oklch(0 0 0 / 0.32)";
41
43
  readonly "input-hover": "oklch(0.973 0.004 142)";
42
44
  readonly "accent-hover": "oklch(0.84 0.022 142)";
43
45
  readonly "sidebar-accent": "oklch(0.999 0.002 142)";
@@ -134,6 +136,8 @@ export declare const colorLight: {
134
136
  readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, black)";
135
137
  readonly "info-muted-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
136
138
  readonly "muted-hover": "oklch(0.95 0.010 142)";
139
+ readonly "scrollbar-thumb": "oklch(0 0 0 / 0.24)";
140
+ readonly "scrollbar-thumb-hover": "oklch(0 0 0 / 0.32)";
137
141
  readonly "input-hover": "oklch(0.973 0.004 142)";
138
142
  readonly "accent-hover": "oklch(0.84 0.022 142)";
139
143
  readonly "sidebar-accent": "oklch(0.999 0.002 142)";
package/dist-lib/tokens/brands/green/semantic/color-light.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/green/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
1
+ {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/green/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts CHANGED
@@ -38,6 +38,8 @@ export declare const bg: {
38
38
  readonly "info-hover": "#5a99ff";
39
39
  readonly "info-muted-hover": "rgba(53,128,255,.24)";
40
40
  readonly "muted-hover": "#13161c";
41
+ readonly "scrollbar-thumb": "oklch(1 0 0 / 0.24)";
42
+ readonly "scrollbar-thumb-hover": "oklch(1 0 0 / 0.32)";
41
43
  readonly "input-hover": "#13161c";
42
44
  readonly "accent-hover": "#13161c";
43
45
  readonly "sidebar-accent": "rgba(0,168,89,.14)";
@@ -134,6 +136,8 @@ export declare const colorDark: {
134
136
  readonly "info-hover": "#5a99ff";
135
137
  readonly "info-muted-hover": "rgba(53,128,255,.24)";
136
138
  readonly "muted-hover": "#13161c";
139
+ readonly "scrollbar-thumb": "oklch(1 0 0 / 0.24)";
140
+ readonly "scrollbar-thumb-hover": "oklch(1 0 0 / 0.32)";
137
141
  readonly "input-hover": "#13161c";
138
142
  readonly "accent-hover": "#13161c";
139
143
  readonly "sidebar-accent": "rgba(0,168,89,.14)";
package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/pay/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
1
+ {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/pay/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAmBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAeT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}