@snksergio/design-system 0.44.0 → 0.45.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 (45) hide show
  1. package/dist-lib/chunks/app-shell-mocks-kWIVSzLs.mjs.map +1 -1
  2. package/dist-lib/chunks/app-shell-mocks-oO_IV3Gw.cjs.map +1 -1
  3. package/dist-lib/chunks/avatar-DFWEwBKu.mjs.map +1 -1
  4. package/dist-lib/chunks/avatar-eM5txRFZ.cjs.map +1 -1
  5. package/dist-lib/chunks/chat-v2-mocks-BV9Wha_Z.cjs.map +1 -1
  6. package/dist-lib/chunks/chat-v2-mocks-DvZRkhmz.mjs.map +1 -1
  7. package/dist-lib/chunks/page-header--cPS_Z-a.mjs.map +1 -1
  8. package/dist-lib/chunks/page-header-DvAJoEfb.cjs.map +1 -1
  9. package/dist-lib/chunks/{panel-CvfP8eP1.cjs → panel-4aMDou7z.cjs} +17 -6
  10. package/dist-lib/chunks/panel-4aMDou7z.cjs.map +1 -0
  11. package/dist-lib/chunks/{panel-CCPe1H70.mjs → panel-DtQi10ps.mjs} +17 -6
  12. package/dist-lib/chunks/panel-DtQi10ps.mjs.map +1 -0
  13. package/dist-lib/chunks/sheet-D1vQth7X.mjs.map +1 -1
  14. package/dist-lib/chunks/sheet-j-d_UX7R.cjs.map +1 -1
  15. package/dist-lib/chunks/toggle-group-BC4eS3Gt.cjs.map +1 -1
  16. package/dist-lib/chunks/toggle-group-CFiAGdm7.mjs.map +1 -1
  17. package/dist-lib/chunks/useTheme-C9Y6vxTf.cjs.map +1 -1
  18. package/dist-lib/chunks/useTheme-DCmzLBUR.mjs.map +1 -1
  19. package/dist-lib/index.cjs +161 -93
  20. package/dist-lib/index.cjs.map +1 -1
  21. package/dist-lib/index.mjs +163 -95
  22. package/dist-lib/index.mjs.map +1 -1
  23. package/dist-lib/preview/chat.cjs.map +1 -1
  24. package/dist-lib/preview/chat.mjs.map +1 -1
  25. package/dist-lib/preview/clientes.cjs +1 -1
  26. package/dist-lib/preview/clientes.mjs +1 -1
  27. package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.d.ts.map +1 -1
  28. package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.styles.d.ts +24 -6
  29. package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.styles.d.ts.map +1 -1
  30. package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.types.d.ts +11 -2
  31. package/dist-lib/src/components/ui/ChoroplethMap/choropleth-map.types.d.ts.map +1 -1
  32. package/dist-lib/src/components/ui/FormField/form-field-select.d.ts.map +1 -1
  33. package/dist-lib/src/components/ui/MessageBubble/message-bubble.d.ts.map +1 -1
  34. package/dist-lib/src/components/ui/MessageBubble/message-bubble.styles.d.ts.map +1 -1
  35. package/dist-lib/src/components/ui/MessageComposer/message-composer.styles.d.ts +9 -3
  36. package/dist-lib/src/components/ui/MessageComposer/message-composer.styles.d.ts.map +1 -1
  37. package/dist-lib/theme/brand-blue.css +110 -110
  38. package/dist-lib/theme/brand-green.css +110 -110
  39. package/dist-lib/theme/brand-pay.css +189 -189
  40. package/dist-lib/theme/brand-vibrant.css +148 -148
  41. package/dist-lib/tokens.cjs.map +1 -1
  42. package/dist-lib/tokens.mjs.map +1 -1
  43. package/package.json +4 -2
  44. package/dist-lib/chunks/panel-CCPe1H70.mjs.map +0 -1
  45. package/dist-lib/chunks/panel-CvfP8eP1.cjs.map +0 -1
package/dist-lib/theme/brand-pay.css CHANGED
@@ -1,189 +1,189 @@
1
- /**
2
- * brand-pay.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/pay/semantic/*.ts
5
- * Regenerar (só no repo do DS): npm run tokens:brand:pay
6
- *
7
- * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
8
- * data-theme="pay" 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 (83 vars divergem da default) ─────────────────────────── */
18
- [data-theme="pay"]:not(.dark) {
19
- --color-bg-canvas: #f9fafb;
20
- --color-bg-surface: #ffffff;
21
- --color-bg-surface-elevated: #ffffff;
22
- --color-bg-surface-panels: #f9fafb;
23
- --color-bg-sidebar: #ffffff;
24
- --color-bg-subtle: #f9fafb;
25
- --color-bg-muted: #f3f4f6;
26
- --color-bg-emphasis: #eceef1;
27
- --color-bg-input: #ffffff;
28
- --color-bg-accent: #f9fafb;
29
- --color-bg-brand: #00a859;
30
- --color-bg-brand-subtle: rgba(0,168,89,.10);
31
- --color-bg-brand-hover: #008a4b;
32
- --color-bg-brand-subtle-hover: rgba(0,168,89,.18);
33
- --color-bg-danger: #f83b3b;
34
- --color-bg-danger-muted: rgba(248,59,59,.10);
35
- --color-bg-danger-hover: #e02e2e;
36
- --color-bg-danger-muted-hover: rgba(248,59,59,.18);
37
- --color-bg-success: #00a859;
38
- --color-bg-success-muted: rgba(0,168,89,.11);
39
- --color-bg-success-hover: #008a4b;
40
- --color-bg-success-muted-hover: rgba(0,168,89,.18);
41
- --color-bg-warning: #d97c02;
42
- --color-bg-warning-muted: rgba(217,124,2,.12);
43
- --color-bg-warning-hover: #b96702;
44
- --color-bg-warning-muted-hover: rgba(217,124,2,.20);
45
- --color-bg-info: #0058e6;
46
- --color-bg-info-muted: rgba(0,88,230,.10);
47
- --color-bg-info-hover: #0047bd;
48
- --color-bg-info-muted-hover: rgba(0,88,230,.18);
49
- --color-bg-muted-hover: #f3f4f6;
50
- --color-bg-input-hover: #f9fafb;
51
- --color-bg-accent-hover: #eceef1;
52
- --color-bg-sidebar-accent: rgba(0,168,89,.10);
53
- --color-bg-sidebar-accent-hover: #f3f4f6;
54
- --color-bg-table: #ffffff;
55
- --color-bg-table-head: #f9fafb;
56
- --color-bg-table-row-hover: #f9fafb;
57
- --color-bg-table-row-selected: rgba(0,168,89,.08);
58
- --color-bg-table-row-selected-hover: rgba(0,168,89,.13);
59
- --color-bg-table-row-selected-solid: color-mix(in srgb, #00a859 8%, #ffffff);
60
- --color-bg-table-row-selected-hover-solid: color-mix(in srgb, #00a859 13%, #ffffff);
61
- --color-bg-dropdown: var(--color-bg-surface);
62
- --color-fg-strong: #0a0a0c;
63
- --color-fg-default: #0a0a0c;
64
- --color-fg-muted: #5f6b77;
65
- --color-fg-subtle: #7e8994;
66
- --color-fg-disabled: #a2acb6;
67
- --color-fg-brand: #008a4b;
68
- --color-fg-danger: #f83b3b;
69
- --color-fg-success: #00a859;
70
- --color-fg-warning: #d97c02;
71
- --color-fg-info: #0058e6;
72
- --color-fg-on-brand: #ffffff;
73
- --color-fg-on-danger: #ffffff;
74
- --color-fg-on-success: #ffffff;
75
- --color-fg-on-warning: #ffffff;
76
- --color-fg-on-info: #ffffff;
77
- --color-border-default: rgba(17,17,17,.08);
78
- --color-border-subtle: rgba(17,17,17,.06);
79
- --color-border-input: rgba(17,17,17,.14);
80
- --color-border-sidebar: rgba(17,17,17,.08);
81
- --color-border-brand: #00a859;
82
- --color-border-brand-subtle: rgba(0,168,89,.36);
83
- --color-border-danger-muted: rgba(248,59,59,.36);
84
- --color-border-success-muted: rgba(0,168,89,.36);
85
- --color-border-warning-muted: rgba(217,124,2,.36);
86
- --color-border-info-muted: rgba(0,88,230,.36);
87
- --color-border-table: rgba(17,17,17,.08);
88
- --color-ring-brand: rgba(0,168,89,.30);
89
- --color-ring-danger: rgba(248,59,59,.30);
90
- --color-ring-success: rgba(0,168,89,.30);
91
- --color-ring-warning: rgba(217,124,2,.30);
92
- --color-ring-info: rgba(0,88,230,.30);
93
- --color-ring-secondary: rgba(17,17,17,.14);
94
- --color-overlay-scrim: rgba(0,0,0,.55);
95
- --color-overlay-float: rgba(16,24,40,.12);
96
- --color-chart-1: #00a859;
97
- --color-chart-2: #0058e6;
98
- --color-chart-3: #65a30d;
99
- --color-chart-4: #d97c02;
100
- --color-chart-5: #7c3aed;
101
- --color-chart-grid: rgba(17,17,17,.08);
102
- }
103
-
104
- /* ── Dark (83 vars — .dark[data-theme] vence o .dark base) ────────── */
105
- .dark[data-theme="pay"] {
106
- --color-bg-canvas: #050608;
107
- --color-bg-surface: #0b0d10;
108
- --color-bg-surface-elevated: #0f1116;
109
- --color-bg-surface-panels: #0b0d10;
110
- --color-bg-sidebar: #0b0d10;
111
- --color-bg-subtle: #0f1116;
112
- --color-bg-muted: #0f1116;
113
- --color-bg-emphasis: #13161c;
114
- --color-bg-input: #0b0d10;
115
- --color-bg-accent: #0f1116;
116
- --color-bg-brand: #00a859;
117
- --color-bg-brand-subtle: rgba(0,168,89,.14);
118
- --color-bg-brand-hover: #12b869;
119
- --color-bg-brand-subtle-hover: rgba(0,168,89,.22);
120
- --color-bg-danger: #ff6b6b;
121
- --color-bg-danger-muted: rgba(255,107,107,.14);
122
- --color-bg-danger-hover: #ff8585;
123
- --color-bg-danger-muted-hover: rgba(255,107,107,.22);
124
- --color-bg-success: #3bc882;
125
- --color-bg-success-muted: rgba(59,200,130,.14);
126
- --color-bg-success-hover: #57d195;
127
- --color-bg-success-muted-hover: rgba(59,200,130,.22);
128
- --color-bg-warning: #ffb620;
129
- --color-bg-warning-muted: rgba(255,182,32,.14);
130
- --color-bg-warning-hover: #ffc748;
131
- --color-bg-warning-muted-hover: rgba(255,182,32,.22);
132
- --color-bg-info: #3580ff;
133
- --color-bg-info-muted: rgba(53,128,255,.15);
134
- --color-bg-info-hover: #5a99ff;
135
- --color-bg-info-muted-hover: rgba(53,128,255,.24);
136
- --color-bg-muted-hover: #13161c;
137
- --color-bg-input-hover: #13161c;
138
- --color-bg-accent-hover: #13161c;
139
- --color-bg-sidebar-accent: rgba(0,168,89,.14);
140
- --color-bg-sidebar-accent-hover: #13161c;
141
- --color-bg-table: #0b0d10;
142
- --color-bg-table-head: #13161c;
143
- --color-bg-table-row-hover: #13161c;
144
- --color-bg-table-row-selected: rgba(0,168,89,.14);
145
- --color-bg-table-row-selected-hover: rgba(0,168,89,.20);
146
- --color-bg-table-row-selected-solid: color-mix(in srgb, #00a859 12%, #0b0d10);
147
- --color-bg-table-row-selected-hover-solid: color-mix(in srgb, #00a859 18%, #0b0d10);
148
- --color-bg-dropdown: #0b0d10;
149
- --color-fg-strong: #ffffff;
150
- --color-fg-default: #f5f7fa;
151
- --color-fg-muted: #aeb4bd;
152
- --color-fg-subtle: #7c8591;
153
- --color-fg-disabled: #5b636b;
154
- --color-fg-brand: #3bc882;
155
- --color-fg-danger: #ff6b6b;
156
- --color-fg-success: #3bc882;
157
- --color-fg-warning: #ffb620;
158
- --color-fg-info: #3580ff;
159
- --color-fg-on-brand: #ffffff;
160
- --color-fg-on-danger: #ffffff;
161
- --color-fg-on-success: #000000;
162
- --color-fg-on-warning: #000000;
163
- --color-fg-on-info: #ffffff;
164
- --color-border-default: rgba(255,255,255,.08);
165
- --color-border-subtle: rgba(255,255,255,.06);
166
- --color-border-input: rgba(255,255,255,.08);
167
- --color-border-sidebar: rgba(255,255,255,.08);
168
- --color-border-brand: #00a859;
169
- --color-border-brand-subtle: rgba(0,168,89,.36);
170
- --color-border-danger-muted: rgba(255,107,107,.36);
171
- --color-border-success-muted: rgba(59,200,130,.36);
172
- --color-border-warning-muted: rgba(255,182,32,.36);
173
- --color-border-info-muted: rgba(53,128,255,.36);
174
- --color-border-table: rgba(255,255,255,.08);
175
- --color-ring-brand: rgba(0,168,89,.35);
176
- --color-ring-danger: rgba(255,107,107,.35);
177
- --color-ring-success: rgba(59,200,130,.35);
178
- --color-ring-warning: rgba(255,182,32,.35);
179
- --color-ring-info: rgba(53,128,255,.35);
180
- --color-ring-secondary: rgba(255,255,255,.16);
181
- --color-overlay-scrim: rgba(0,0,0,.6);
182
- --color-overlay-float: rgba(255,255,255,.08);
183
- --color-chart-1: #00a859;
184
- --color-chart-2: #3580ff;
185
- --color-chart-3: #a3e635;
186
- --color-chart-4: #ffb620;
187
- --color-chart-5: #a78bfa;
188
- --color-chart-grid: rgba(255,255,255,.08);
189
- }
1
+ /**
2
+ * brand-pay.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/pay/semantic/*.ts
5
+ * Regenerar (só no repo do DS): npm run tokens:brand:pay
6
+ *
7
+ * ATIVAR: importe este arquivo DEPOIS do tailwind-theme.css e ponha
8
+ * data-theme="pay" 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 (83 vars divergem da default) ─────────────────────────── */
18
+ [data-theme="pay"]:not(.dark) {
19
+ --color-bg-canvas: #f9fafb;
20
+ --color-bg-surface: #ffffff;
21
+ --color-bg-surface-elevated: #ffffff;
22
+ --color-bg-surface-panels: #f9fafb;
23
+ --color-bg-sidebar: #ffffff;
24
+ --color-bg-subtle: #f9fafb;
25
+ --color-bg-muted: #f3f4f6;
26
+ --color-bg-emphasis: #eceef1;
27
+ --color-bg-input: #ffffff;
28
+ --color-bg-accent: #f9fafb;
29
+ --color-bg-brand: #00a859;
30
+ --color-bg-brand-subtle: rgba(0,168,89,.10);
31
+ --color-bg-brand-hover: #008a4b;
32
+ --color-bg-brand-subtle-hover: rgba(0,168,89,.18);
33
+ --color-bg-danger: #f83b3b;
34
+ --color-bg-danger-muted: rgba(248,59,59,.10);
35
+ --color-bg-danger-hover: #e02e2e;
36
+ --color-bg-danger-muted-hover: rgba(248,59,59,.18);
37
+ --color-bg-success: #00a859;
38
+ --color-bg-success-muted: rgba(0,168,89,.11);
39
+ --color-bg-success-hover: #008a4b;
40
+ --color-bg-success-muted-hover: rgba(0,168,89,.18);
41
+ --color-bg-warning: #d97c02;
42
+ --color-bg-warning-muted: rgba(217,124,2,.12);
43
+ --color-bg-warning-hover: #b96702;
44
+ --color-bg-warning-muted-hover: rgba(217,124,2,.20);
45
+ --color-bg-info: #0058e6;
46
+ --color-bg-info-muted: rgba(0,88,230,.10);
47
+ --color-bg-info-hover: #0047bd;
48
+ --color-bg-info-muted-hover: rgba(0,88,230,.18);
49
+ --color-bg-muted-hover: #f3f4f6;
50
+ --color-bg-input-hover: #f9fafb;
51
+ --color-bg-accent-hover: #eceef1;
52
+ --color-bg-sidebar-accent: rgba(0,168,89,.10);
53
+ --color-bg-sidebar-accent-hover: #f3f4f6;
54
+ --color-bg-table: #ffffff;
55
+ --color-bg-table-head: #f9fafb;
56
+ --color-bg-table-row-hover: #f9fafb;
57
+ --color-bg-table-row-selected: rgba(0,168,89,.08);
58
+ --color-bg-table-row-selected-hover: rgba(0,168,89,.13);
59
+ --color-bg-table-row-selected-solid: color-mix(in srgb, #00a859 8%, #ffffff);
60
+ --color-bg-table-row-selected-hover-solid: color-mix(in srgb, #00a859 13%, #ffffff);
61
+ --color-bg-dropdown: var(--color-bg-surface);
62
+ --color-fg-strong: #0a0a0c;
63
+ --color-fg-default: #0a0a0c;
64
+ --color-fg-muted: #5f6b77;
65
+ --color-fg-subtle: #7e8994;
66
+ --color-fg-disabled: #a2acb6;
67
+ --color-fg-brand: #008a4b;
68
+ --color-fg-danger: #f83b3b;
69
+ --color-fg-success: #00a859;
70
+ --color-fg-warning: #d97c02;
71
+ --color-fg-info: #0058e6;
72
+ --color-fg-on-brand: #ffffff;
73
+ --color-fg-on-danger: #ffffff;
74
+ --color-fg-on-success: #ffffff;
75
+ --color-fg-on-warning: #ffffff;
76
+ --color-fg-on-info: #ffffff;
77
+ --color-border-default: rgba(17,17,17,.08);
78
+ --color-border-subtle: rgba(17,17,17,.06);
79
+ --color-border-input: rgba(17,17,17,.14);
80
+ --color-border-sidebar: rgba(17,17,17,.08);
81
+ --color-border-brand: #00a859;
82
+ --color-border-brand-subtle: rgba(0,168,89,.36);
83
+ --color-border-danger-muted: rgba(248,59,59,.36);
84
+ --color-border-success-muted: rgba(0,168,89,.36);
85
+ --color-border-warning-muted: rgba(217,124,2,.36);
86
+ --color-border-info-muted: rgba(0,88,230,.36);
87
+ --color-border-table: rgba(17,17,17,.08);
88
+ --color-ring-brand: rgba(0,168,89,.30);
89
+ --color-ring-danger: rgba(248,59,59,.30);
90
+ --color-ring-success: rgba(0,168,89,.30);
91
+ --color-ring-warning: rgba(217,124,2,.30);
92
+ --color-ring-info: rgba(0,88,230,.30);
93
+ --color-ring-secondary: rgba(17,17,17,.14);
94
+ --color-overlay-scrim: rgba(0,0,0,.55);
95
+ --color-overlay-float: rgba(16,24,40,.12);
96
+ --color-chart-1: #00a859;
97
+ --color-chart-2: #0058e6;
98
+ --color-chart-3: #65a30d;
99
+ --color-chart-4: #d97c02;
100
+ --color-chart-5: #7c3aed;
101
+ --color-chart-grid: rgba(17,17,17,.08);
102
+ }
103
+
104
+ /* ── Dark (83 vars — .dark[data-theme] vence o .dark base) ────────── */
105
+ .dark[data-theme="pay"] {
106
+ --color-bg-canvas: #050608;
107
+ --color-bg-surface: #0b0d10;
108
+ --color-bg-surface-elevated: #0f1116;
109
+ --color-bg-surface-panels: #0b0d10;
110
+ --color-bg-sidebar: #0b0d10;
111
+ --color-bg-subtle: #0f1116;
112
+ --color-bg-muted: #0f1116;
113
+ --color-bg-emphasis: #13161c;
114
+ --color-bg-input: #0b0d10;
115
+ --color-bg-accent: #0f1116;
116
+ --color-bg-brand: #00a859;
117
+ --color-bg-brand-subtle: rgba(0,168,89,.14);
118
+ --color-bg-brand-hover: #12b869;
119
+ --color-bg-brand-subtle-hover: rgba(0,168,89,.22);
120
+ --color-bg-danger: #ff6b6b;
121
+ --color-bg-danger-muted: rgba(255,107,107,.14);
122
+ --color-bg-danger-hover: #ff8585;
123
+ --color-bg-danger-muted-hover: rgba(255,107,107,.22);
124
+ --color-bg-success: #3bc882;
125
+ --color-bg-success-muted: rgba(59,200,130,.14);
126
+ --color-bg-success-hover: #57d195;
127
+ --color-bg-success-muted-hover: rgba(59,200,130,.22);
128
+ --color-bg-warning: #ffb620;
129
+ --color-bg-warning-muted: rgba(255,182,32,.14);
130
+ --color-bg-warning-hover: #ffc748;
131
+ --color-bg-warning-muted-hover: rgba(255,182,32,.22);
132
+ --color-bg-info: #3580ff;
133
+ --color-bg-info-muted: rgba(53,128,255,.15);
134
+ --color-bg-info-hover: #5a99ff;
135
+ --color-bg-info-muted-hover: rgba(53,128,255,.24);
136
+ --color-bg-muted-hover: #13161c;
137
+ --color-bg-input-hover: #13161c;
138
+ --color-bg-accent-hover: #13161c;
139
+ --color-bg-sidebar-accent: rgba(0,168,89,.14);
140
+ --color-bg-sidebar-accent-hover: #13161c;
141
+ --color-bg-table: #0b0d10;
142
+ --color-bg-table-head: #13161c;
143
+ --color-bg-table-row-hover: #13161c;
144
+ --color-bg-table-row-selected: rgba(0,168,89,.14);
145
+ --color-bg-table-row-selected-hover: rgba(0,168,89,.20);
146
+ --color-bg-table-row-selected-solid: color-mix(in srgb, #00a859 12%, #0b0d10);
147
+ --color-bg-table-row-selected-hover-solid: color-mix(in srgb, #00a859 18%, #0b0d10);
148
+ --color-bg-dropdown: #0b0d10;
149
+ --color-fg-strong: #ffffff;
150
+ --color-fg-default: #f5f7fa;
151
+ --color-fg-muted: #aeb4bd;
152
+ --color-fg-subtle: #7c8591;
153
+ --color-fg-disabled: #5b636b;
154
+ --color-fg-brand: #3bc882;
155
+ --color-fg-danger: #ff6b6b;
156
+ --color-fg-success: #3bc882;
157
+ --color-fg-warning: #ffb620;
158
+ --color-fg-info: #3580ff;
159
+ --color-fg-on-brand: #ffffff;
160
+ --color-fg-on-danger: #ffffff;
161
+ --color-fg-on-success: #000000;
162
+ --color-fg-on-warning: #000000;
163
+ --color-fg-on-info: #ffffff;
164
+ --color-border-default: rgba(255,255,255,.08);
165
+ --color-border-subtle: rgba(255,255,255,.06);
166
+ --color-border-input: rgba(255,255,255,.08);
167
+ --color-border-sidebar: rgba(255,255,255,.08);
168
+ --color-border-brand: #00a859;
169
+ --color-border-brand-subtle: rgba(0,168,89,.36);
170
+ --color-border-danger-muted: rgba(255,107,107,.36);
171
+ --color-border-success-muted: rgba(59,200,130,.36);
172
+ --color-border-warning-muted: rgba(255,182,32,.36);
173
+ --color-border-info-muted: rgba(53,128,255,.36);
174
+ --color-border-table: rgba(255,255,255,.08);
175
+ --color-ring-brand: rgba(0,168,89,.35);
176
+ --color-ring-danger: rgba(255,107,107,.35);
177
+ --color-ring-success: rgba(59,200,130,.35);
178
+ --color-ring-warning: rgba(255,182,32,.35);
179
+ --color-ring-info: rgba(53,128,255,.35);
180
+ --color-ring-secondary: rgba(255,255,255,.16);
181
+ --color-overlay-scrim: rgba(0,0,0,.6);
182
+ --color-overlay-float: rgba(255,255,255,.08);
183
+ --color-chart-1: #00a859;
184
+ --color-chart-2: #3580ff;
185
+ --color-chart-3: #a3e635;
186
+ --color-chart-4: #ffb620;
187
+ --color-chart-5: #a78bfa;
188
+ --color-chart-grid: rgba(255,255,255,.08);
189
+ }