@snksergio/design-system 0.57.0 → 0.60.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.
- package/dist-lib/chunks/{kpi-delta-Bfs_oVpq.mjs → kpi-delta-Df6C70_5.mjs} +2 -2
- package/dist-lib/chunks/{kpi-delta-Bfs_oVpq.mjs.map → kpi-delta-Df6C70_5.mjs.map} +1 -1
- package/dist-lib/chunks/{kpi-delta-wEzw5zSu.cjs → kpi-delta-DyJRQjWb.cjs} +2 -2
- package/dist-lib/chunks/{kpi-delta-wEzw5zSu.cjs.map → kpi-delta-DyJRQjWb.cjs.map} +1 -1
- package/dist-lib/chunks/{panel-C3puLY_V.mjs → panel-B-liPlxr.mjs} +2 -2
- package/dist-lib/chunks/{panel-C3puLY_V.mjs.map → panel-B-liPlxr.mjs.map} +1 -1
- package/dist-lib/chunks/{panel-DmnK2n5_.cjs → panel-DoNbjeqX.cjs} +2 -2
- package/dist-lib/chunks/{panel-DmnK2n5_.cjs.map → panel-DoNbjeqX.cjs.map} +1 -1
- package/dist-lib/chunks/{useTheme-caPM-I73.mjs → useTheme-BwxTDdqf.mjs} +31 -28
- package/dist-lib/chunks/useTheme-BwxTDdqf.mjs.map +1 -0
- package/dist-lib/chunks/{useTheme-BTjHuaT2.cjs → useTheme-DUupiWzC.cjs} +31 -28
- package/dist-lib/chunks/useTheme-DUupiWzC.cjs.map +1 -0
- package/dist-lib/index.cjs +4464 -19
- package/dist-lib/index.cjs.map +1 -1
- package/dist-lib/index.mjs +4482 -37
- package/dist-lib/index.mjs.map +1 -1
- package/dist-lib/preview/chat.cjs +1 -1
- package/dist-lib/preview/chat.mjs +1 -1
- package/dist-lib/preview/clientes.cjs +2 -2
- package/dist-lib/preview/clientes.mjs +2 -2
- package/dist-lib/preview/dashboard.cjs +2 -2
- package/dist-lib/preview/dashboard.mjs +2 -2
- package/dist-lib/src/components/index.d.ts +1 -0
- package/dist-lib/src/components/index.d.ts.map +1 -1
- package/dist-lib/src/components/ui/Breadcrumb/breadcrumb.d.ts.map +1 -1
- package/dist-lib/src/components/ui/Breadcrumb/breadcrumb.types.d.ts +18 -0
- package/dist-lib/src/components/ui/Breadcrumb/breadcrumb.types.d.ts.map +1 -1
- package/dist-lib/src/components/ui/Gantt/gantt.d.ts +21 -0
- package/dist-lib/src/components/ui/Gantt/gantt.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/gantt.styles.d.ts +2985 -0
- package/dist-lib/src/components/ui/Gantt/gantt.styles.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/gantt.types.d.ts +445 -0
- package/dist-lib/src/components/ui/Gantt/gantt.types.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/hooks/drag.d.ts +71 -0
- package/dist-lib/src/components/ui/Gantt/hooks/drag.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/hooks/filters.d.ts +79 -0
- package/dist-lib/src/components/ui/Gantt/hooks/filters.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/hooks/layout.d.ts +232 -0
- package/dist-lib/src/components/ui/Gantt/hooks/layout.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/hooks/links.d.ts +120 -0
- package/dist-lib/src/components/ui/Gantt/hooks/links.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/hooks/week-segments.d.ts +69 -0
- package/dist-lib/src/components/ui/Gantt/hooks/week-segments.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/index.d.ts +46 -0
- package/dist-lib/src/components/ui/Gantt/index.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-applied-filters.d.ts +20 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-applied-filters.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-bar.d.ts +68 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-bar.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-filter-panel.d.ts +16 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-filter-panel.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-grid.d.ts +55 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-grid.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-links-layer.d.ts +46 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-links-layer.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-skeleton.d.ts +36 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-skeleton.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-toolbar.d.ts +46 -0
- package/dist-lib/src/components/ui/Gantt/parts/gantt-toolbar.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/views/calendar.d.ts +64 -0
- package/dist-lib/src/components/ui/Gantt/views/calendar.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/views/list.d.ts +53 -0
- package/dist-lib/src/components/ui/Gantt/views/list.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Gantt/views/timeline.d.ts +85 -0
- package/dist-lib/src/components/ui/Gantt/views/timeline.d.ts.map +1 -0
- package/dist-lib/src/components/ui/Header/header.types.d.ts +7 -0
- package/dist-lib/src/components/ui/Header/header.types.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MessageBubble/index.d.ts +1 -1
- package/dist-lib/src/components/ui/MessageBubble/index.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.d.ts +1 -1
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.styles.d.ts +22 -2
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.styles.d.ts.map +1 -1
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.types.d.ts +8 -0
- package/dist-lib/src/components/ui/MessageBubble/message-bubble.types.d.ts.map +1 -1
- package/dist-lib/theme/brand-pay.css +205 -189
- package/dist-lib/theme/brand-vibrant.css +162 -148
- package/dist-lib/theme.css +19 -0
- package/dist-lib/tokens/brands/blue/primitives/color-palette.d.ts +28 -0
- package/dist-lib/tokens/brands/blue/primitives/color-palette.d.ts.map +1 -1
- package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts +16 -0
- package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts.map +1 -1
- package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts +16 -0
- package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts.map +1 -1
- package/dist-lib/tokens/brands/default/primitives/color-palette.d.ts +29 -0
- package/dist-lib/tokens/brands/default/primitives/color-palette.d.ts.map +1 -1
- package/dist-lib/tokens/brands/default/semantic/color-dark.d.ts +16 -0
- package/dist-lib/tokens/brands/default/semantic/color-dark.d.ts.map +1 -1
- package/dist-lib/tokens/brands/default/semantic/color-light.d.ts +16 -0
- package/dist-lib/tokens/brands/default/semantic/color-light.d.ts.map +1 -1
- package/dist-lib/tokens/brands/default/semantic/elevation.d.ts +4 -0
- package/dist-lib/tokens/brands/default/semantic/elevation.d.ts.map +1 -1
- package/dist-lib/tokens/brands/green/primitives/color-palette.d.ts +28 -0
- package/dist-lib/tokens/brands/green/primitives/color-palette.d.ts.map +1 -1
- package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts +16 -0
- package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts.map +1 -1
- package/dist-lib/tokens/brands/green/semantic/color-light.d.ts +16 -0
- package/dist-lib/tokens/brands/green/semantic/color-light.d.ts.map +1 -1
- package/dist-lib/tokens/brands/pay/primitives/color-palette.d.ts +6 -0
- package/dist-lib/tokens/brands/pay/primitives/color-palette.d.ts.map +1 -1
- package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts +16 -0
- package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts.map +1 -1
- package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts +16 -0
- package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts.map +1 -1
- package/dist-lib/tokens/brands/vibrant/primitives/color-palette.d.ts +29 -1
- package/dist-lib/tokens/brands/vibrant/primitives/color-palette.d.ts.map +1 -1
- package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts +16 -0
- package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts.map +1 -1
- package/dist-lib/tokens/brands/vibrant/semantic/color-light.d.ts +16 -0
- package/dist-lib/tokens/brands/vibrant/semantic/color-light.d.ts.map +1 -1
- package/dist-lib/tokens.cjs +23 -2
- package/dist-lib/tokens.cjs.map +1 -1
- package/dist-lib/tokens.mjs +23 -2
- package/dist-lib/tokens.mjs.map +1 -1
- package/package.json +1 -1
- package/dist-lib/chunks/useTheme-BTjHuaT2.cjs.map +0 -1
- package/dist-lib/chunks/useTheme-caPM-I73.mjs.map +0 -1
|
@@ -1,148 +1,162 @@
|
|
|
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 (
|
|
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-
|
|
41
|
-
--color-bg-
|
|
42
|
-
--color-bg-
|
|
43
|
-
--color-bg-
|
|
44
|
-
--color-bg-
|
|
45
|
-
--color-bg-
|
|
46
|
-
--color-bg-
|
|
47
|
-
--color-bg-
|
|
48
|
-
--color-bg-
|
|
49
|
-
--color-bg-
|
|
50
|
-
--color-bg-
|
|
51
|
-
--color-bg-
|
|
52
|
-
--color-bg-table-
|
|
53
|
-
--color-bg-table-row-
|
|
54
|
-
--color-
|
|
55
|
-
--color-
|
|
56
|
-
--color-
|
|
57
|
-
--color-
|
|
58
|
-
--color-fg-
|
|
59
|
-
--color-fg-
|
|
60
|
-
--color-fg-
|
|
61
|
-
--color-fg-
|
|
62
|
-
--color-fg-
|
|
63
|
-
--color-fg-
|
|
64
|
-
--color-
|
|
65
|
-
--color-
|
|
66
|
-
--color-
|
|
67
|
-
--color-
|
|
68
|
-
--color-
|
|
69
|
-
--color-border-
|
|
70
|
-
--color-border-
|
|
71
|
-
--color-border-
|
|
72
|
-
--color-border-
|
|
73
|
-
--color-border-
|
|
74
|
-
--color-border-
|
|
75
|
-
--color-
|
|
76
|
-
--color-
|
|
77
|
-
--color-
|
|
78
|
-
--color-
|
|
79
|
-
--color-
|
|
80
|
-
--color-
|
|
81
|
-
--color-
|
|
82
|
-
--color-
|
|
83
|
-
--color-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
--color-
|
|
89
|
-
--color-
|
|
90
|
-
--color-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
--color-bg-
|
|
96
|
-
--color-bg-
|
|
97
|
-
--color-bg-
|
|
98
|
-
--color-bg-
|
|
99
|
-
--color-bg-
|
|
100
|
-
--color-bg-
|
|
101
|
-
--color-bg-
|
|
102
|
-
--color-bg-
|
|
103
|
-
--color-bg-
|
|
104
|
-
--color-bg-
|
|
105
|
-
--color-bg-
|
|
106
|
-
--color-bg-
|
|
107
|
-
--color-bg-
|
|
108
|
-
--color-bg-
|
|
109
|
-
--color-bg-
|
|
110
|
-
--color-bg-
|
|
111
|
-
--color-bg-
|
|
112
|
-
--color-bg-
|
|
113
|
-
--color-bg-
|
|
114
|
-
--color-bg-
|
|
115
|
-
--color-bg-
|
|
116
|
-
--color-bg-
|
|
117
|
-
--color-bg-
|
|
118
|
-
--color-bg-
|
|
119
|
-
--color-bg-
|
|
120
|
-
--color-bg-
|
|
121
|
-
--color-
|
|
122
|
-
--color-
|
|
123
|
-
--color-
|
|
124
|
-
--color-
|
|
125
|
-
--color-
|
|
126
|
-
--color-
|
|
127
|
-
--color-
|
|
128
|
-
--color-
|
|
129
|
-
--color-
|
|
130
|
-
--color-
|
|
131
|
-
--color-
|
|
132
|
-
--color-
|
|
133
|
-
--color-
|
|
134
|
-
--color-
|
|
135
|
-
--color-
|
|
136
|
-
--color-
|
|
137
|
-
--color-
|
|
138
|
-
--color-
|
|
139
|
-
--color-
|
|
140
|
-
--color-
|
|
141
|
-
--color-
|
|
142
|
-
--color-
|
|
143
|
-
--color-
|
|
144
|
-
--color-
|
|
145
|
-
--color-
|
|
146
|
-
--color-
|
|
147
|
-
--color-
|
|
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 (72 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-caution: oklch(0.74 0.182 55);
|
|
41
|
+
--color-bg-caution-muted: color-mix(in oklch, oklch(0.74 0.182 55) 14%, transparent);
|
|
42
|
+
--color-bg-caution-hover: color-mix(in oklch, oklch(0.74 0.182 55) 90%, black);
|
|
43
|
+
--color-bg-caution-muted-hover: color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent);
|
|
44
|
+
--color-bg-info: oklch(0.55 0.293 300);
|
|
45
|
+
--color-bg-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 14%, transparent);
|
|
46
|
+
--color-bg-info-hover: color-mix(in oklch, oklch(0.55 0.293 300) 90%, black);
|
|
47
|
+
--color-bg-info-muted-hover: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
|
|
48
|
+
--color-bg-muted-hover: oklch(0.95 0.0012 250);
|
|
49
|
+
--color-bg-input-hover: oklch(0.9851 0 0);
|
|
50
|
+
--color-bg-accent-hover: oklch(0.84 0.0032 250);
|
|
51
|
+
--color-bg-sidebar-accent-hover: oklch(0.92 0.0020 250);
|
|
52
|
+
--color-bg-table-head: oklch(0.9674 0.0007 250);
|
|
53
|
+
--color-bg-table-row-hover: oklch(0.9851 0 0);
|
|
54
|
+
--color-bg-table-row-selected: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 6%, transparent);
|
|
55
|
+
--color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
|
|
56
|
+
--color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 6%, oklch(1 0 0));
|
|
57
|
+
--color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 10%, oklch(1 0 0));
|
|
58
|
+
--color-fg-strong: oklch(0.1652 0.0010 250);
|
|
59
|
+
--color-fg-default: oklch(0.1652 0.0010 250);
|
|
60
|
+
--color-fg-muted: oklch(0.5517 0.0062 250);
|
|
61
|
+
--color-fg-subtle: oklch(0.7118 0.0060 250);
|
|
62
|
+
--color-fg-disabled: oklch(0.7118 0.0060 250);
|
|
63
|
+
--color-fg-brand: oklch(0.4645 0.1539 142.59);
|
|
64
|
+
--color-fg-danger: oklch(0.58 0.235 25);
|
|
65
|
+
--color-fg-success: oklch(0.4645 0.1539 142.59);
|
|
66
|
+
--color-fg-warning: oklch(0.825 0.170 81);
|
|
67
|
+
--color-fg-caution: oklch(0.74 0.182 55);
|
|
68
|
+
--color-fg-info: oklch(0.55 0.293 300);
|
|
69
|
+
--color-border-default: oklch(0.906 0.0024 250);
|
|
70
|
+
--color-border-subtle: oklch(0.9325 0.0016 250);
|
|
71
|
+
--color-border-input: oklch(0.7118 0.0060 250);
|
|
72
|
+
--color-border-sidebar: oklch(0.906 0.0024 250);
|
|
73
|
+
--color-border-brand: oklch(0.4645 0.1539 142.59);
|
|
74
|
+
--color-border-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
|
|
75
|
+
--color-border-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent);
|
|
76
|
+
--color-border-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
|
|
77
|
+
--color-border-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent);
|
|
78
|
+
--color-border-caution-muted: color-mix(in oklch, oklch(0.74 0.182 55) 36%, transparent);
|
|
79
|
+
--color-border-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent);
|
|
80
|
+
--color-border-table: oklch(0.9325 0.0016 250);
|
|
81
|
+
--color-ring-brand: color-mix(in oklch, oklch(0.8018 0.2721 142.38) 22%, transparent);
|
|
82
|
+
--color-ring-danger: color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent);
|
|
83
|
+
--color-ring-success: color-mix(in oklch, oklch(0.8018 0.2721 142.38) 22%, transparent);
|
|
84
|
+
--color-ring-warning: color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent);
|
|
85
|
+
--color-ring-caution: color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent);
|
|
86
|
+
--color-ring-info: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
|
|
87
|
+
--color-ring-secondary: color-mix(in oklch, oklch(0.5517 0.0062 250) 22%, transparent);
|
|
88
|
+
--color-overlay-float: oklch(0.5517 0.0062 250 / 0.12);
|
|
89
|
+
--color-chart-1: oklch(0.6783 0.2304 142.42);
|
|
90
|
+
--color-chart-grid: oklch(0.9197 0.0020 250);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
/* ── Dark (67 vars — .dark[data-theme] vence o .dark base) ────────── */
|
|
94
|
+
.dark[data-theme="vibrant"] {
|
|
95
|
+
--color-bg-canvas: oklch(0.2050 0 0);
|
|
96
|
+
--color-bg-surface: oklch(0.2603 0 0);
|
|
97
|
+
--color-bg-surface-elevated: oklch(0.2873 0 0);
|
|
98
|
+
--color-bg-surface-panels: oklch(0.2050 0 0);
|
|
99
|
+
--color-bg-sidebar: oklch(0.2603 0 0);
|
|
100
|
+
--color-bg-muted: oklch(1 0 0 / 0.05);
|
|
101
|
+
--color-bg-brand: oklch(0.866993 0.294055 142.3546);
|
|
102
|
+
--color-bg-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
|
|
103
|
+
--color-bg-brand-hover: oklch(0.8018 0.2721 142.38);
|
|
104
|
+
--color-bg-brand-subtle-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent);
|
|
105
|
+
--color-bg-danger: oklch(0.58 0.235 25);
|
|
106
|
+
--color-bg-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 10%, transparent);
|
|
107
|
+
--color-bg-danger-hover: color-mix(in oklch, oklch(0.58 0.235 25) 90%, white);
|
|
108
|
+
--color-bg-danger-muted-hover: color-mix(in oklch, oklch(0.58 0.235 25) 16%, transparent);
|
|
109
|
+
--color-bg-success: oklch(0.866993 0.294055 142.3546);
|
|
110
|
+
--color-bg-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
|
|
111
|
+
--color-bg-success-hover: oklch(0.8018 0.2721 142.38);
|
|
112
|
+
--color-bg-success-muted-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 16%, transparent);
|
|
113
|
+
--color-bg-warning: oklch(0.825 0.170 81);
|
|
114
|
+
--color-bg-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 10%, transparent);
|
|
115
|
+
--color-bg-warning-hover: color-mix(in oklch, oklch(0.825 0.170 81) 90%, white);
|
|
116
|
+
--color-bg-warning-muted-hover: color-mix(in oklch, oklch(0.825 0.170 81) 16%, transparent);
|
|
117
|
+
--color-bg-caution: oklch(0.74 0.182 55);
|
|
118
|
+
--color-bg-caution-muted: color-mix(in oklch, oklch(0.74 0.182 55) 10%, transparent);
|
|
119
|
+
--color-bg-caution-hover: color-mix(in oklch, oklch(0.74 0.182 55) 90%, white);
|
|
120
|
+
--color-bg-caution-muted-hover: color-mix(in oklch, oklch(0.74 0.182 55) 16%, transparent);
|
|
121
|
+
--color-bg-info: oklch(0.55 0.293 300);
|
|
122
|
+
--color-bg-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 10%, transparent);
|
|
123
|
+
--color-bg-info-hover: color-mix(in oklch, oklch(0.55 0.293 300) 90%, white);
|
|
124
|
+
--color-bg-info-muted-hover: color-mix(in oklch, oklch(0.55 0.293 300) 16%, transparent);
|
|
125
|
+
--color-bg-table: oklch(0.2603 0 0);
|
|
126
|
+
--color-bg-table-head: oklch(0.2873 0 0);
|
|
127
|
+
--color-bg-table-row-hover: oklch(0.2873 0 0);
|
|
128
|
+
--color-bg-table-row-selected: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 10%, transparent);
|
|
129
|
+
--color-bg-table-row-selected-hover: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 14%, transparent);
|
|
130
|
+
--color-bg-table-row-selected-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 10%, oklch(0.2603 0 0));
|
|
131
|
+
--color-bg-table-row-selected-hover-solid: color-mix(in srgb, oklch(0.866993 0.294055 142.3546) 14%, oklch(0.2603 0 0));
|
|
132
|
+
--color-fg-default: oklch(0.9670 0 0);
|
|
133
|
+
--color-fg-muted: oklch(0.7120 0 0);
|
|
134
|
+
--color-fg-subtle: oklch(0.5520 0 0);
|
|
135
|
+
--color-fg-disabled: oklch(0.4420 0 0);
|
|
136
|
+
--color-fg-brand: oklch(0.866993 0.294055 142.3546);
|
|
137
|
+
--color-fg-danger: oklch(0.68 0.208 25);
|
|
138
|
+
--color-fg-success: oklch(0.866993 0.294055 142.3546);
|
|
139
|
+
--color-fg-warning: oklch(0.825 0.170 81);
|
|
140
|
+
--color-fg-caution: oklch(0.74 0.182 55);
|
|
141
|
+
--color-fg-info: oklch(0.72 0.172 300);
|
|
142
|
+
--color-border-default: oklch(0.3400 0 0);
|
|
143
|
+
--color-border-subtle: oklch(0.3090 0 0);
|
|
144
|
+
--color-border-input: oklch(0.3750 0 0);
|
|
145
|
+
--color-border-sidebar: oklch(0.3090 0 0);
|
|
146
|
+
--color-border-brand: oklch(0.8018 0.2721 142.38);
|
|
147
|
+
--color-border-brand-subtle: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
|
|
148
|
+
--color-border-danger-muted: color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent);
|
|
149
|
+
--color-border-success-muted: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent);
|
|
150
|
+
--color-border-warning-muted: color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent);
|
|
151
|
+
--color-border-caution-muted: color-mix(in oklch, oklch(0.74 0.182 55) 36%, transparent);
|
|
152
|
+
--color-border-info-muted: color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent);
|
|
153
|
+
--color-border-table: oklch(0.3090 0 0);
|
|
154
|
+
--color-ring-brand: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
|
|
155
|
+
--color-ring-danger: color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent);
|
|
156
|
+
--color-ring-success: color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent);
|
|
157
|
+
--color-ring-warning: color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent);
|
|
158
|
+
--color-ring-caution: color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent);
|
|
159
|
+
--color-ring-info: color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent);
|
|
160
|
+
--color-ring-secondary: color-mix(in oklch, oklch(0.5520 0 0) 22%, transparent);
|
|
161
|
+
--color-chart-1: oklch(0.866993 0.294055 142.3546);
|
|
162
|
+
}
|
package/dist-lib/theme.css
CHANGED
|
@@ -78,6 +78,10 @@ body {
|
|
|
78
78
|
--color-bg-warning-muted: color-mix(in oklch, oklch(0.81 0.160 81) 14%, transparent);
|
|
79
79
|
--color-bg-warning-hover: color-mix(in oklch, oklch(0.81 0.160 81) 90%, black);
|
|
80
80
|
--color-bg-warning-muted-hover: color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
|
|
81
|
+
--color-bg-caution: oklch(0.74 0.170 55);
|
|
82
|
+
--color-bg-caution-muted: color-mix(in oklch, oklch(0.74 0.170 55) 14%, transparent);
|
|
83
|
+
--color-bg-caution-hover: color-mix(in oklch, oklch(0.74 0.170 55) 90%, black);
|
|
84
|
+
--color-bg-caution-muted-hover: color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent);
|
|
81
85
|
--color-bg-info: oklch(0.62 0.210 280);
|
|
82
86
|
--color-bg-info-muted: color-mix(in oklch, oklch(0.62 0.210 280) 14%, transparent);
|
|
83
87
|
--color-bg-info-hover: color-mix(in oklch, oklch(0.62 0.210 280) 90%, black);
|
|
@@ -106,11 +110,13 @@ body {
|
|
|
106
110
|
--color-fg-danger: oklch(0.6368 0.2078 25.33);
|
|
107
111
|
--color-fg-success: oklch(0.66 0.135 161);
|
|
108
112
|
--color-fg-warning: oklch(0.81 0.160 81);
|
|
113
|
+
--color-fg-caution: oklch(0.74 0.170 55);
|
|
109
114
|
--color-fg-info: oklch(0.62 0.210 280);
|
|
110
115
|
--color-fg-on-brand: oklch(1 0 0);
|
|
111
116
|
--color-fg-on-danger: oklch(1 0 0);
|
|
112
117
|
--color-fg-on-success: oklch(1 0 0);
|
|
113
118
|
--color-fg-on-warning: oklch(0 0 0);
|
|
119
|
+
--color-fg-on-caution: oklch(0 0 0);
|
|
114
120
|
--color-fg-on-info: oklch(1 0 0);
|
|
115
121
|
--color-border-default: oklch(0.9076 0 0);
|
|
116
122
|
--color-border-subtle: oklch(0.931 0 0);
|
|
@@ -121,12 +127,14 @@ body {
|
|
|
121
127
|
--color-border-danger-muted: color-mix(in oklch, oklch(0.6368 0.2078 25.33) 36%, transparent);
|
|
122
128
|
--color-border-success-muted: color-mix(in oklch, oklch(0.66 0.135 161) 36%, transparent);
|
|
123
129
|
--color-border-warning-muted: color-mix(in oklch, oklch(0.81 0.160 81) 36%, transparent);
|
|
130
|
+
--color-border-caution-muted: color-mix(in oklch, oklch(0.74 0.170 55) 36%, transparent);
|
|
124
131
|
--color-border-info-muted: color-mix(in oklch, oklch(0.62 0.210 280) 36%, transparent);
|
|
125
132
|
--color-border-table: oklch(0.931 0 0);
|
|
126
133
|
--color-ring-brand: color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent);
|
|
127
134
|
--color-ring-danger: color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent);
|
|
128
135
|
--color-ring-success: color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent);
|
|
129
136
|
--color-ring-warning: color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
|
|
137
|
+
--color-ring-caution: color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent);
|
|
130
138
|
--color-ring-info: color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
|
|
131
139
|
--color-ring-secondary: color-mix(in oklch, oklch(0.4997 0 0) 22%, transparent);
|
|
132
140
|
--color-overlay-scrim: oklch(0 0 0 / 0.55);
|
|
@@ -298,6 +306,7 @@ body {
|
|
|
298
306
|
--shadow-sh-ring: var(--ds-sh-ring);
|
|
299
307
|
--shadow-sh-ring-danger: var(--ds-sh-ring-danger);
|
|
300
308
|
--shadow-sh-ring-warning: var(--ds-sh-ring-warning);
|
|
309
|
+
--shadow-sh-ring-caution: var(--ds-sh-ring-caution);
|
|
301
310
|
--shadow-sh-ring-success: var(--ds-sh-ring-success);
|
|
302
311
|
--shadow-sh-ring-info: var(--ds-sh-ring-info);
|
|
303
312
|
}
|
|
@@ -313,6 +322,7 @@ body {
|
|
|
313
322
|
--ds-sh-ring: 0 0 0 3px color-mix(in oklch, oklch(0.5248 0.1415 150.9) 22%, transparent);
|
|
314
323
|
--ds-sh-ring-danger: 0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent);
|
|
315
324
|
--ds-sh-ring-warning: 0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
|
|
325
|
+
--ds-sh-ring-caution: 0 0 0 3px color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent);
|
|
316
326
|
--ds-sh-ring-success: 0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent);
|
|
317
327
|
--ds-sh-ring-info: 0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
|
|
318
328
|
}
|
|
@@ -346,6 +356,10 @@ body {
|
|
|
346
356
|
--color-bg-warning-muted: color-mix(in oklch, oklch(0.81 0.160 81) 14%, transparent);
|
|
347
357
|
--color-bg-warning-hover: color-mix(in oklch, oklch(0.81 0.160 81) 90%, white);
|
|
348
358
|
--color-bg-warning-muted-hover: color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
|
|
359
|
+
--color-bg-caution: oklch(0.74 0.170 55);
|
|
360
|
+
--color-bg-caution-muted: color-mix(in oklch, oklch(0.74 0.170 55) 14%, transparent);
|
|
361
|
+
--color-bg-caution-hover: color-mix(in oklch, oklch(0.74 0.170 55) 90%, white);
|
|
362
|
+
--color-bg-caution-muted-hover: color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent);
|
|
349
363
|
--color-bg-info: oklch(0.62 0.210 280);
|
|
350
364
|
--color-bg-info-muted: color-mix(in oklch, oklch(0.62 0.210 280) 14%, transparent);
|
|
351
365
|
--color-bg-info-hover: color-mix(in oklch, oklch(0.62 0.210 280) 90%, white);
|
|
@@ -374,11 +388,13 @@ body {
|
|
|
374
388
|
--color-fg-danger: oklch(0.6368 0.2078 25.33);
|
|
375
389
|
--color-fg-success: oklch(0.66 0.135 161);
|
|
376
390
|
--color-fg-warning: oklch(0.81 0.160 81);
|
|
391
|
+
--color-fg-caution: oklch(0.74 0.170 55);
|
|
377
392
|
--color-fg-info: oklch(0.62 0.210 280);
|
|
378
393
|
--color-fg-on-brand: oklch(0 0 0);
|
|
379
394
|
--color-fg-on-danger: oklch(1 0 0);
|
|
380
395
|
--color-fg-on-success: oklch(0 0 0);
|
|
381
396
|
--color-fg-on-warning: oklch(0 0 0);
|
|
397
|
+
--color-fg-on-caution: oklch(0 0 0);
|
|
382
398
|
--color-fg-on-info: oklch(1 0 0);
|
|
383
399
|
--color-border-default: oklch(0.2645 0 0);
|
|
384
400
|
--color-border-subtle: oklch(1 0 0 / 0.04);
|
|
@@ -389,12 +405,14 @@ body {
|
|
|
389
405
|
--color-border-danger-muted: color-mix(in oklch, oklch(0.6368 0.2078 25.33) 36%, transparent);
|
|
390
406
|
--color-border-success-muted: color-mix(in oklch, oklch(0.66 0.135 161) 36%, transparent);
|
|
391
407
|
--color-border-warning-muted: color-mix(in oklch, oklch(0.81 0.160 81) 36%, transparent);
|
|
408
|
+
--color-border-caution-muted: color-mix(in oklch, oklch(0.74 0.170 55) 36%, transparent);
|
|
392
409
|
--color-border-info-muted: color-mix(in oklch, oklch(0.62 0.210 280) 36%, transparent);
|
|
393
410
|
--color-border-table: oklch(0.2645 0 0);
|
|
394
411
|
--color-ring-brand: color-mix(in oklch, oklch(0.7289 0.1571 162.3) 22%, transparent);
|
|
395
412
|
--color-ring-danger: color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent);
|
|
396
413
|
--color-ring-success: color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent);
|
|
397
414
|
--color-ring-warning: color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
|
|
415
|
+
--color-ring-caution: color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent);
|
|
398
416
|
--color-ring-info: color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
|
|
399
417
|
--color-ring-secondary: color-mix(in oklch, oklch(0.4997 0 0) 22%, transparent);
|
|
400
418
|
--color-overlay-scrim: oklch(0 0 0 / 0.55);
|
|
@@ -415,6 +433,7 @@ body {
|
|
|
415
433
|
--ds-sh-ring: 0 0 0 3px color-mix(in oklch, oklch(0.7289 0.1571 162.3) 22%, transparent);
|
|
416
434
|
--ds-sh-ring-danger: 0 0 0 3px color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent);
|
|
417
435
|
--ds-sh-ring-warning: 0 0 0 3px color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent);
|
|
436
|
+
--ds-sh-ring-caution: 0 0 0 3px color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent);
|
|
418
437
|
--ds-sh-ring-success: 0 0 0 3px color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent);
|
|
419
438
|
--ds-sh-ring-info: 0 0 0 3px color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent);
|
|
420
439
|
}
|
|
@@ -93,6 +93,20 @@ export declare const warning: {
|
|
|
93
93
|
readonly 900: "oklch(0.34 0.085 81)";
|
|
94
94
|
readonly 950: "oklch(0.24 0.060 81)";
|
|
95
95
|
};
|
|
96
|
+
export declare const caution: {
|
|
97
|
+
readonly 50: "oklch(0.97 0.016 55)";
|
|
98
|
+
readonly 100: "oklch(0.95 0.027 55)";
|
|
99
|
+
readonly 150: "oklch(0.93 0.038 55)";
|
|
100
|
+
readonly 200: "oklch(0.90 0.056 55)";
|
|
101
|
+
readonly 300: "oklch(0.83 0.102 55)";
|
|
102
|
+
readonly 400: "oklch(0.78 0.138 55)";
|
|
103
|
+
readonly 500: "oklch(0.74 0.170 55)";
|
|
104
|
+
readonly 600: "oklch(0.65 0.149 55)";
|
|
105
|
+
readonly 700: "oklch(0.55 0.126 55)";
|
|
106
|
+
readonly 800: "oklch(0.44 0.101 55)";
|
|
107
|
+
readonly 900: "oklch(0.33 0.076 55)";
|
|
108
|
+
readonly 950: "oklch(0.23 0.053 55)";
|
|
109
|
+
};
|
|
96
110
|
export declare const info: {
|
|
97
111
|
readonly 50: "oklch(0.97 0.025 280)";
|
|
98
112
|
readonly 100: "oklch(0.93 0.050 280)";
|
|
@@ -206,6 +220,20 @@ export declare const colorPalette: {
|
|
|
206
220
|
readonly 900: "oklch(0.34 0.085 81)";
|
|
207
221
|
readonly 950: "oklch(0.24 0.060 81)";
|
|
208
222
|
};
|
|
223
|
+
caution: {
|
|
224
|
+
readonly 50: "oklch(0.97 0.016 55)";
|
|
225
|
+
readonly 100: "oklch(0.95 0.027 55)";
|
|
226
|
+
readonly 150: "oklch(0.93 0.038 55)";
|
|
227
|
+
readonly 200: "oklch(0.90 0.056 55)";
|
|
228
|
+
readonly 300: "oklch(0.83 0.102 55)";
|
|
229
|
+
readonly 400: "oklch(0.78 0.138 55)";
|
|
230
|
+
readonly 500: "oklch(0.74 0.170 55)";
|
|
231
|
+
readonly 600: "oklch(0.65 0.149 55)";
|
|
232
|
+
readonly 700: "oklch(0.55 0.126 55)";
|
|
233
|
+
readonly 800: "oklch(0.44 0.101 55)";
|
|
234
|
+
readonly 900: "oklch(0.33 0.076 55)";
|
|
235
|
+
readonly 950: "oklch(0.23 0.053 55)";
|
|
236
|
+
};
|
|
209
237
|
danger: {
|
|
210
238
|
readonly 50: "oklch(0.97 0.025 25)";
|
|
211
239
|
readonly 100: "oklch(0.94 0.050 25)";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/blue/primitives/color-palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAaR,CAAC;AAIX,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAahB,CAAC;AAMX,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAaP,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAaP,CAAC;AAGX,eAAO,MAAM,KAAK,iBAAiB,CAAC;AACpC,eAAO,MAAM,KAAK,iBAAiB,CAAC;AAGpC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyBR,CAAC;AAEX,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/blue/primitives/color-palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,eAAO,MAAM,KAAK;;;;;;;;;;;;;CAaR,CAAC;AAIX,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAahB,CAAC;AAMX,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAaP,CAAC;AAGX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAGX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAGX,eAAO,MAAM,IAAI;;;;;;;;;;;;;CAaP,CAAC;AAGX,eAAO,MAAM,KAAK,iBAAiB,CAAC;AACpC,eAAO,MAAM,KAAK,iBAAiB,CAAC;AAGpC,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyBR,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKxB,CAAC"}
|
|
@@ -32,6 +32,10 @@ export declare const bg: {
|
|
|
32
32
|
readonly "warning-muted": "color-mix(in oklch, oklch(0.81 0.160 81) 14%, transparent)";
|
|
33
33
|
readonly "warning-hover": "color-mix(in oklch, oklch(0.81 0.160 81) 90%, white)";
|
|
34
34
|
readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
|
|
35
|
+
readonly caution: "oklch(0.74 0.170 55)";
|
|
36
|
+
readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.170 55) 14%, transparent)";
|
|
37
|
+
readonly "caution-hover": "color-mix(in oklch, oklch(0.74 0.170 55) 90%, white)";
|
|
38
|
+
readonly "caution-muted-hover": "color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent)";
|
|
35
39
|
readonly info: "oklch(0.62 0.210 280)";
|
|
36
40
|
readonly "info-muted": "color-mix(in oklch, oklch(0.62 0.210 280) 14%, transparent)";
|
|
37
41
|
readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, white)";
|
|
@@ -62,11 +66,13 @@ export declare const fg: {
|
|
|
62
66
|
readonly danger: "oklch(0.6368 0.2078 25.33)";
|
|
63
67
|
readonly success: "oklch(0.66 0.135 161)";
|
|
64
68
|
readonly warning: "oklch(0.81 0.160 81)";
|
|
69
|
+
readonly caution: "oklch(0.74 0.170 55)";
|
|
65
70
|
readonly info: "oklch(0.62 0.210 280)";
|
|
66
71
|
readonly "on-brand": "oklch(0 0 0)";
|
|
67
72
|
readonly "on-danger": "oklch(1 0 0)";
|
|
68
73
|
readonly "on-success": "oklch(0 0 0)";
|
|
69
74
|
readonly "on-warning": "oklch(0 0 0)";
|
|
75
|
+
readonly "on-caution": "oklch(0 0 0)";
|
|
70
76
|
readonly "on-info": "oklch(1 0 0)";
|
|
71
77
|
};
|
|
72
78
|
export declare const border: {
|
|
@@ -79,6 +85,7 @@ export declare const border: {
|
|
|
79
85
|
readonly "danger-muted": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 36%, transparent)";
|
|
80
86
|
readonly "success-muted": "color-mix(in oklch, oklch(0.66 0.135 161) 36%, transparent)";
|
|
81
87
|
readonly "warning-muted": "color-mix(in oklch, oklch(0.81 0.160 81) 36%, transparent)";
|
|
88
|
+
readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.170 55) 36%, transparent)";
|
|
82
89
|
readonly "info-muted": "color-mix(in oklch, oklch(0.62 0.210 280) 36%, transparent)";
|
|
83
90
|
readonly table: "oklch(0.2645 0.016 264)";
|
|
84
91
|
};
|
|
@@ -87,6 +94,7 @@ export declare const ring: {
|
|
|
87
94
|
readonly danger: "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
|
|
88
95
|
readonly success: "color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
|
|
89
96
|
readonly warning: "color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
|
|
97
|
+
readonly caution: "color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent)";
|
|
90
98
|
readonly info: "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
|
|
91
99
|
readonly secondary: "color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent)";
|
|
92
100
|
};
|
|
@@ -130,6 +138,10 @@ export declare const colorDark: {
|
|
|
130
138
|
readonly "warning-muted": "color-mix(in oklch, oklch(0.81 0.160 81) 14%, transparent)";
|
|
131
139
|
readonly "warning-hover": "color-mix(in oklch, oklch(0.81 0.160 81) 90%, white)";
|
|
132
140
|
readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
|
|
141
|
+
readonly caution: "oklch(0.74 0.170 55)";
|
|
142
|
+
readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.170 55) 14%, transparent)";
|
|
143
|
+
readonly "caution-hover": "color-mix(in oklch, oklch(0.74 0.170 55) 90%, white)";
|
|
144
|
+
readonly "caution-muted-hover": "color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent)";
|
|
133
145
|
readonly info: "oklch(0.62 0.210 280)";
|
|
134
146
|
readonly "info-muted": "color-mix(in oklch, oklch(0.62 0.210 280) 14%, transparent)";
|
|
135
147
|
readonly "info-hover": "color-mix(in oklch, oklch(0.62 0.210 280) 90%, white)";
|
|
@@ -160,11 +172,13 @@ export declare const colorDark: {
|
|
|
160
172
|
readonly danger: "oklch(0.6368 0.2078 25.33)";
|
|
161
173
|
readonly success: "oklch(0.66 0.135 161)";
|
|
162
174
|
readonly warning: "oklch(0.81 0.160 81)";
|
|
175
|
+
readonly caution: "oklch(0.74 0.170 55)";
|
|
163
176
|
readonly info: "oklch(0.62 0.210 280)";
|
|
164
177
|
readonly "on-brand": "oklch(0 0 0)";
|
|
165
178
|
readonly "on-danger": "oklch(1 0 0)";
|
|
166
179
|
readonly "on-success": "oklch(0 0 0)";
|
|
167
180
|
readonly "on-warning": "oklch(0 0 0)";
|
|
181
|
+
readonly "on-caution": "oklch(0 0 0)";
|
|
168
182
|
readonly "on-info": "oklch(1 0 0)";
|
|
169
183
|
};
|
|
170
184
|
border: {
|
|
@@ -177,6 +191,7 @@ export declare const colorDark: {
|
|
|
177
191
|
readonly "danger-muted": "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 36%, transparent)";
|
|
178
192
|
readonly "success-muted": "color-mix(in oklch, oklch(0.66 0.135 161) 36%, transparent)";
|
|
179
193
|
readonly "warning-muted": "color-mix(in oklch, oklch(0.81 0.160 81) 36%, transparent)";
|
|
194
|
+
readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.170 55) 36%, transparent)";
|
|
180
195
|
readonly "info-muted": "color-mix(in oklch, oklch(0.62 0.210 280) 36%, transparent)";
|
|
181
196
|
readonly table: "oklch(0.2645 0.016 264)";
|
|
182
197
|
};
|
|
@@ -185,6 +200,7 @@ export declare const colorDark: {
|
|
|
185
200
|
readonly danger: "color-mix(in oklch, oklch(0.6368 0.2078 25.33) 22%, transparent)";
|
|
186
201
|
readonly success: "color-mix(in oklch, oklch(0.66 0.135 161) 22%, transparent)";
|
|
187
202
|
readonly warning: "color-mix(in oklch, oklch(0.81 0.160 81) 22%, transparent)";
|
|
203
|
+
readonly caution: "color-mix(in oklch, oklch(0.74 0.170 55) 22%, transparent)";
|
|
188
204
|
readonly info: "color-mix(in oklch, oklch(0.62 0.210 280) 22%, transparent)";
|
|
189
205
|
readonly secondary: "color-mix(in oklch, oklch(0.4997 0.028 264) 22%, transparent)";
|
|
190
206
|
};
|
|
@@ -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
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmEL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;CAqBL,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAgBT,CAAC;AAIX,eAAO,MAAM,IAAI;;;;;;;;CAQP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
|