@snksergio/design-system 0.58.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.
Files changed (92) hide show
  1. package/dist-lib/index.cjs +4461 -16
  2. package/dist-lib/index.cjs.map +1 -1
  3. package/dist-lib/index.mjs +4477 -32
  4. package/dist-lib/index.mjs.map +1 -1
  5. package/dist-lib/src/components/index.d.ts +1 -0
  6. package/dist-lib/src/components/index.d.ts.map +1 -1
  7. package/dist-lib/src/components/ui/Gantt/gantt.d.ts +21 -0
  8. package/dist-lib/src/components/ui/Gantt/gantt.d.ts.map +1 -0
  9. package/dist-lib/src/components/ui/Gantt/gantt.styles.d.ts +2985 -0
  10. package/dist-lib/src/components/ui/Gantt/gantt.styles.d.ts.map +1 -0
  11. package/dist-lib/src/components/ui/Gantt/gantt.types.d.ts +445 -0
  12. package/dist-lib/src/components/ui/Gantt/gantt.types.d.ts.map +1 -0
  13. package/dist-lib/src/components/ui/Gantt/hooks/drag.d.ts +71 -0
  14. package/dist-lib/src/components/ui/Gantt/hooks/drag.d.ts.map +1 -0
  15. package/dist-lib/src/components/ui/Gantt/hooks/filters.d.ts +79 -0
  16. package/dist-lib/src/components/ui/Gantt/hooks/filters.d.ts.map +1 -0
  17. package/dist-lib/src/components/ui/Gantt/hooks/layout.d.ts +232 -0
  18. package/dist-lib/src/components/ui/Gantt/hooks/layout.d.ts.map +1 -0
  19. package/dist-lib/src/components/ui/Gantt/hooks/links.d.ts +120 -0
  20. package/dist-lib/src/components/ui/Gantt/hooks/links.d.ts.map +1 -0
  21. package/dist-lib/src/components/ui/Gantt/hooks/week-segments.d.ts +69 -0
  22. package/dist-lib/src/components/ui/Gantt/hooks/week-segments.d.ts.map +1 -0
  23. package/dist-lib/src/components/ui/Gantt/index.d.ts +46 -0
  24. package/dist-lib/src/components/ui/Gantt/index.d.ts.map +1 -0
  25. package/dist-lib/src/components/ui/Gantt/parts/gantt-applied-filters.d.ts +20 -0
  26. package/dist-lib/src/components/ui/Gantt/parts/gantt-applied-filters.d.ts.map +1 -0
  27. package/dist-lib/src/components/ui/Gantt/parts/gantt-bar.d.ts +68 -0
  28. package/dist-lib/src/components/ui/Gantt/parts/gantt-bar.d.ts.map +1 -0
  29. package/dist-lib/src/components/ui/Gantt/parts/gantt-filter-panel.d.ts +16 -0
  30. package/dist-lib/src/components/ui/Gantt/parts/gantt-filter-panel.d.ts.map +1 -0
  31. package/dist-lib/src/components/ui/Gantt/parts/gantt-grid.d.ts +55 -0
  32. package/dist-lib/src/components/ui/Gantt/parts/gantt-grid.d.ts.map +1 -0
  33. package/dist-lib/src/components/ui/Gantt/parts/gantt-links-layer.d.ts +46 -0
  34. package/dist-lib/src/components/ui/Gantt/parts/gantt-links-layer.d.ts.map +1 -0
  35. package/dist-lib/src/components/ui/Gantt/parts/gantt-skeleton.d.ts +36 -0
  36. package/dist-lib/src/components/ui/Gantt/parts/gantt-skeleton.d.ts.map +1 -0
  37. package/dist-lib/src/components/ui/Gantt/parts/gantt-toolbar.d.ts +46 -0
  38. package/dist-lib/src/components/ui/Gantt/parts/gantt-toolbar.d.ts.map +1 -0
  39. package/dist-lib/src/components/ui/Gantt/views/calendar.d.ts +64 -0
  40. package/dist-lib/src/components/ui/Gantt/views/calendar.d.ts.map +1 -0
  41. package/dist-lib/src/components/ui/Gantt/views/list.d.ts +53 -0
  42. package/dist-lib/src/components/ui/Gantt/views/list.d.ts.map +1 -0
  43. package/dist-lib/src/components/ui/Gantt/views/timeline.d.ts +85 -0
  44. package/dist-lib/src/components/ui/Gantt/views/timeline.d.ts.map +1 -0
  45. package/dist-lib/src/components/ui/MessageBubble/index.d.ts +1 -1
  46. package/dist-lib/src/components/ui/MessageBubble/index.d.ts.map +1 -1
  47. package/dist-lib/src/components/ui/MessageBubble/message-bubble.d.ts +1 -1
  48. package/dist-lib/src/components/ui/MessageBubble/message-bubble.d.ts.map +1 -1
  49. package/dist-lib/src/components/ui/MessageBubble/message-bubble.styles.d.ts +22 -2
  50. package/dist-lib/src/components/ui/MessageBubble/message-bubble.styles.d.ts.map +1 -1
  51. package/dist-lib/src/components/ui/MessageBubble/message-bubble.types.d.ts +8 -0
  52. package/dist-lib/src/components/ui/MessageBubble/message-bubble.types.d.ts.map +1 -1
  53. package/dist-lib/theme/brand-pay.css +205 -189
  54. package/dist-lib/theme/brand-vibrant.css +162 -148
  55. package/dist-lib/theme.css +19 -0
  56. package/dist-lib/tokens/brands/blue/primitives/color-palette.d.ts +28 -0
  57. package/dist-lib/tokens/brands/blue/primitives/color-palette.d.ts.map +1 -1
  58. package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts +16 -0
  59. package/dist-lib/tokens/brands/blue/semantic/color-dark.d.ts.map +1 -1
  60. package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts +16 -0
  61. package/dist-lib/tokens/brands/blue/semantic/color-light.d.ts.map +1 -1
  62. package/dist-lib/tokens/brands/default/primitives/color-palette.d.ts +29 -0
  63. package/dist-lib/tokens/brands/default/primitives/color-palette.d.ts.map +1 -1
  64. package/dist-lib/tokens/brands/default/semantic/color-dark.d.ts +16 -0
  65. package/dist-lib/tokens/brands/default/semantic/color-dark.d.ts.map +1 -1
  66. package/dist-lib/tokens/brands/default/semantic/color-light.d.ts +16 -0
  67. package/dist-lib/tokens/brands/default/semantic/color-light.d.ts.map +1 -1
  68. package/dist-lib/tokens/brands/default/semantic/elevation.d.ts +4 -0
  69. package/dist-lib/tokens/brands/default/semantic/elevation.d.ts.map +1 -1
  70. package/dist-lib/tokens/brands/green/primitives/color-palette.d.ts +28 -0
  71. package/dist-lib/tokens/brands/green/primitives/color-palette.d.ts.map +1 -1
  72. package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts +16 -0
  73. package/dist-lib/tokens/brands/green/semantic/color-dark.d.ts.map +1 -1
  74. package/dist-lib/tokens/brands/green/semantic/color-light.d.ts +16 -0
  75. package/dist-lib/tokens/brands/green/semantic/color-light.d.ts.map +1 -1
  76. package/dist-lib/tokens/brands/pay/primitives/color-palette.d.ts +6 -0
  77. package/dist-lib/tokens/brands/pay/primitives/color-palette.d.ts.map +1 -1
  78. package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts +16 -0
  79. package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts.map +1 -1
  80. package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts +16 -0
  81. package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts.map +1 -1
  82. package/dist-lib/tokens/brands/vibrant/primitives/color-palette.d.ts +29 -1
  83. package/dist-lib/tokens/brands/vibrant/primitives/color-palette.d.ts.map +1 -1
  84. package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts +16 -0
  85. package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts.map +1 -1
  86. package/dist-lib/tokens/brands/vibrant/semantic/color-light.d.ts +16 -0
  87. package/dist-lib/tokens/brands/vibrant/semantic/color-light.d.ts.map +1 -1
  88. package/dist-lib/tokens.cjs +23 -2
  89. package/dist-lib/tokens.cjs.map +1 -1
  90. package/dist-lib/tokens.mjs +23 -2
  91. package/dist-lib/tokens.mjs.map +1 -1
  92. package/package.json +1 -1
package/dist-lib/tokens/brands/pay/semantic/color-dark.d.ts CHANGED
@@ -33,6 +33,10 @@ export declare const bg: {
33
33
  readonly "warning-muted": "rgba(255,182,32,.14)";
34
34
  readonly "warning-hover": "#ffc748";
35
35
  readonly "warning-muted-hover": "rgba(255,182,32,.22)";
36
+ readonly caution: "#fe9553";
37
+ readonly "caution-muted": "rgba(254,149,83,.14)";
38
+ readonly "caution-hover": "#ffa167";
39
+ readonly "caution-muted-hover": "rgba(254,149,83,.22)";
36
40
  readonly info: "#3580ff";
37
41
  readonly "info-muted": "rgba(53,128,255,.15)";
38
42
  readonly "info-hover": "#5a99ff";
@@ -63,11 +67,13 @@ export declare const fg: {
63
67
  readonly danger: "#ff6b6b";
64
68
  readonly success: "#3bc882";
65
69
  readonly warning: "#ffb620";
70
+ readonly caution: "#fe9553";
66
71
  readonly info: "#3580ff";
67
72
  readonly "on-brand": "#ffffff";
68
73
  readonly "on-danger": "#ffffff";
69
74
  readonly "on-success": "#000000";
70
75
  readonly "on-warning": "#000000";
76
+ readonly "on-caution": "#000000";
71
77
  readonly "on-info": "#ffffff";
72
78
  };
73
79
  export declare const border: {
@@ -80,6 +86,7 @@ export declare const border: {
80
86
  readonly "danger-muted": "rgba(255,107,107,.36)";
81
87
  readonly "success-muted": "rgba(59,200,130,.36)";
82
88
  readonly "warning-muted": "rgba(255,182,32,.36)";
89
+ readonly "caution-muted": "rgba(254,149,83,.36)";
83
90
  readonly "info-muted": "rgba(53,128,255,.36)";
84
91
  readonly table: "rgba(255,255,255,.08)";
85
92
  };
@@ -88,6 +95,7 @@ export declare const ring: {
88
95
  readonly danger: "rgba(255,107,107,.35)";
89
96
  readonly success: "rgba(59,200,130,.35)";
90
97
  readonly warning: "rgba(255,182,32,.35)";
98
+ readonly caution: "rgba(254,149,83,.35)";
91
99
  readonly info: "rgba(53,128,255,.35)";
92
100
  readonly secondary: "rgba(255,255,255,.16)";
93
101
  };
@@ -131,6 +139,10 @@ export declare const colorDark: {
131
139
  readonly "warning-muted": "rgba(255,182,32,.14)";
132
140
  readonly "warning-hover": "#ffc748";
133
141
  readonly "warning-muted-hover": "rgba(255,182,32,.22)";
142
+ readonly caution: "#fe9553";
143
+ readonly "caution-muted": "rgba(254,149,83,.14)";
144
+ readonly "caution-hover": "#ffa167";
145
+ readonly "caution-muted-hover": "rgba(254,149,83,.22)";
134
146
  readonly info: "#3580ff";
135
147
  readonly "info-muted": "rgba(53,128,255,.15)";
136
148
  readonly "info-hover": "#5a99ff";
@@ -161,11 +173,13 @@ export declare const colorDark: {
161
173
  readonly danger: "#ff6b6b";
162
174
  readonly success: "#3bc882";
163
175
  readonly warning: "#ffb620";
176
+ readonly caution: "#fe9553";
164
177
  readonly info: "#3580ff";
165
178
  readonly "on-brand": "#ffffff";
166
179
  readonly "on-danger": "#ffffff";
167
180
  readonly "on-success": "#000000";
168
181
  readonly "on-warning": "#000000";
182
+ readonly "on-caution": "#000000";
169
183
  readonly "on-info": "#ffffff";
170
184
  };
171
185
  border: {
@@ -178,6 +192,7 @@ export declare const colorDark: {
178
192
  readonly "danger-muted": "rgba(255,107,107,.36)";
179
193
  readonly "success-muted": "rgba(59,200,130,.36)";
180
194
  readonly "warning-muted": "rgba(255,182,32,.36)";
195
+ readonly "caution-muted": "rgba(254,149,83,.36)";
181
196
  readonly "info-muted": "rgba(53,128,255,.36)";
182
197
  readonly table: "rgba(255,255,255,.08)";
183
198
  };
@@ -186,6 +201,7 @@ export declare const colorDark: {
186
201
  readonly danger: "rgba(255,107,107,.35)";
187
202
  readonly success: "rgba(59,200,130,.35)";
188
203
  readonly warning: "rgba(255,182,32,.35)";
204
+ readonly caution: "rgba(254,149,83,.35)";
189
205
  readonly info: "rgba(53,128,255,.35)";
190
206
  readonly secondary: "rgba(255,255,255,.16)";
191
207
  };
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEL,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"}
package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts CHANGED
@@ -31,6 +31,10 @@ export declare const bg: {
31
31
  readonly "warning-muted": "rgba(217,124,2,.12)";
32
32
  readonly "warning-hover": "#b96702";
33
33
  readonly "warning-muted-hover": "rgba(217,124,2,.20)";
34
+ readonly caution: "#ec6007";
35
+ readonly "caution-muted": "rgba(236,96,7,.12)";
36
+ readonly "caution-hover": "#cd5205";
37
+ readonly "caution-muted-hover": "rgba(236,96,7,.20)";
34
38
  readonly info: "#0058e6";
35
39
  readonly "info-muted": "rgba(0,88,230,.10)";
36
40
  readonly "info-hover": "#0047bd";
@@ -61,11 +65,13 @@ export declare const fg: {
61
65
  readonly danger: "#f83b3b";
62
66
  readonly success: "#00a859";
63
67
  readonly warning: "#d97c02";
68
+ readonly caution: "#ec6007";
64
69
  readonly info: "#0058e6";
65
70
  readonly "on-brand": "#ffffff";
66
71
  readonly "on-danger": "#ffffff";
67
72
  readonly "on-success": "#ffffff";
68
73
  readonly "on-warning": "#ffffff";
74
+ readonly "on-caution": "#000000";
69
75
  readonly "on-info": "#ffffff";
70
76
  };
71
77
  export declare const border: {
@@ -78,6 +84,7 @@ export declare const border: {
78
84
  readonly "danger-muted": "rgba(248,59,59,.36)";
79
85
  readonly "success-muted": "rgba(0,168,89,.36)";
80
86
  readonly "warning-muted": "rgba(217,124,2,.36)";
87
+ readonly "caution-muted": "rgba(236,96,7,.36)";
81
88
  readonly "info-muted": "rgba(0,88,230,.36)";
82
89
  readonly table: "rgba(17,17,17,.08)";
83
90
  };
@@ -86,6 +93,7 @@ export declare const ring: {
86
93
  readonly danger: "rgba(248,59,59,.30)";
87
94
  readonly success: "rgba(0,168,89,.30)";
88
95
  readonly warning: "rgba(217,124,2,.30)";
96
+ readonly caution: "rgba(236,96,7,.30)";
89
97
  readonly info: "rgba(0,88,230,.30)";
90
98
  readonly secondary: "rgba(17,17,17,.14)";
91
99
  };
@@ -129,6 +137,10 @@ export declare const colorLight: {
129
137
  readonly "warning-muted": "rgba(217,124,2,.12)";
130
138
  readonly "warning-hover": "#b96702";
131
139
  readonly "warning-muted-hover": "rgba(217,124,2,.20)";
140
+ readonly caution: "#ec6007";
141
+ readonly "caution-muted": "rgba(236,96,7,.12)";
142
+ readonly "caution-hover": "#cd5205";
143
+ readonly "caution-muted-hover": "rgba(236,96,7,.20)";
132
144
  readonly info: "#0058e6";
133
145
  readonly "info-muted": "rgba(0,88,230,.10)";
134
146
  readonly "info-hover": "#0047bd";
@@ -159,11 +171,13 @@ export declare const colorLight: {
159
171
  readonly danger: "#f83b3b";
160
172
  readonly success: "#00a859";
161
173
  readonly warning: "#d97c02";
174
+ readonly caution: "#ec6007";
162
175
  readonly info: "#0058e6";
163
176
  readonly "on-brand": "#ffffff";
164
177
  readonly "on-danger": "#ffffff";
165
178
  readonly "on-success": "#ffffff";
166
179
  readonly "on-warning": "#ffffff";
180
+ readonly "on-caution": "#000000";
167
181
  readonly "on-info": "#ffffff";
168
182
  };
169
183
  border: {
@@ -176,6 +190,7 @@ export declare const colorLight: {
176
190
  readonly "danger-muted": "rgba(248,59,59,.36)";
177
191
  readonly "success-muted": "rgba(0,168,89,.36)";
178
192
  readonly "warning-muted": "rgba(217,124,2,.36)";
193
+ readonly "caution-muted": "rgba(236,96,7,.36)";
179
194
  readonly "info-muted": "rgba(0,88,230,.36)";
180
195
  readonly table: "rgba(17,17,17,.08)";
181
196
  };
@@ -184,6 +199,7 @@ export declare const colorLight: {
184
199
  readonly danger: "rgba(248,59,59,.30)";
185
200
  readonly success: "rgba(0,168,89,.30)";
186
201
  readonly warning: "rgba(217,124,2,.30)";
202
+ readonly caution: "rgba(236,96,7,.30)";
187
203
  readonly info: "rgba(0,88,230,.30)";
188
204
  readonly secondary: "rgba(17,17,17,.14)";
189
205
  };
package/dist-lib/tokens/brands/pay/semantic/color-light.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/pay/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;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,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
1
+ {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/pay/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEL,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,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens/brands/vibrant/primitives/color-palette.d.ts CHANGED
@@ -24,7 +24,7 @@
24
24
  * própria e status re-medidos. Hoje divergem da default: `brand`/`brandContrast`,
25
25
  * `gray` (neutra "graphite"), e os 4 status — `success` virou alias do próprio
26
26
  * brand; `danger`/`warning`/`info` foram re-medidos por teto de gamut. O overlay
27
- * resultante tem ~65 vars no light e ~62 no dark.
27
+ * resultante tem ~72 vars no light e ~67 no dark.
28
28
  */
29
29
  export declare const brand: {
30
30
  readonly 50: "oklch(0.9761 0.0429 141.03)";
@@ -122,6 +122,20 @@ export declare const warning: {
122
122
  readonly 900: "oklch(0.34 0.070 81)";
123
123
  readonly 950: "oklch(0.24 0.049 81)";
124
124
  };
125
+ export declare const caution: {
126
+ readonly 50: "oklch(0.97 0.016 55)";
127
+ readonly 100: "oklch(0.95 0.028 55)";
128
+ readonly 150: "oklch(0.93 0.040 55)";
129
+ readonly 200: "oklch(0.90 0.059 55)";
130
+ readonly 300: "oklch(0.83 0.106 55)";
131
+ readonly 400: "oklch(0.78 0.144 55)";
132
+ readonly 500: "oklch(0.74 0.182 55)";
133
+ readonly 600: "oklch(0.65 0.156 55)";
134
+ readonly 700: "oklch(0.55 0.132 55)";
135
+ readonly 800: "oklch(0.44 0.105 55)";
136
+ readonly 900: "oklch(0.33 0.079 55)";
137
+ readonly 950: "oklch(0.23 0.055 55)";
138
+ };
125
139
  export declare const info: {
126
140
  readonly 50: "oklch(0.97 0.016 300)";
127
141
  readonly 100: "oklch(0.93 0.039 300)";
@@ -247,6 +261,20 @@ export declare const colorPalette: {
247
261
  readonly 900: "oklch(0.34 0.070 81)";
248
262
  readonly 950: "oklch(0.24 0.049 81)";
249
263
  };
264
+ caution: {
265
+ readonly 50: "oklch(0.97 0.016 55)";
266
+ readonly 100: "oklch(0.95 0.028 55)";
267
+ readonly 150: "oklch(0.93 0.040 55)";
268
+ readonly 200: "oklch(0.90 0.059 55)";
269
+ readonly 300: "oklch(0.83 0.106 55)";
270
+ readonly 400: "oklch(0.78 0.144 55)";
271
+ readonly 500: "oklch(0.74 0.182 55)";
272
+ readonly 600: "oklch(0.65 0.156 55)";
273
+ readonly 700: "oklch(0.55 0.132 55)";
274
+ readonly 800: "oklch(0.44 0.105 55)";
275
+ readonly 900: "oklch(0.33 0.079 55)";
276
+ readonly 950: "oklch(0.23 0.055 55)";
277
+ };
250
278
  danger: {
251
279
  readonly 50: "oklch(0.97 0.015 25)";
252
280
  readonly 100: "oklch(0.94 0.030 25)";
package/dist-lib/tokens/brands/vibrant/primitives/color-palette.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/vibrant/primitives/color-palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAOH,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYR,CAAC;AASX,eAAO,MAAM,aAAa;;;;;;;;;;;;CAAQ,CAAC;AA0DnC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;CAeP,CAAC;AAyDX,eAAO,MAAM,QAAQ;;;;;;;;;;;;CAYX,CAAC;AAMX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAC;AAOX,eAAO,MAAM,OAAO;;;;;;;;;;;;CAAQ,CAAC;AAM7B,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAQX,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"}
1
+ {"version":3,"file":"color-palette.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/vibrant/primitives/color-palette.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAOH,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYR,CAAC;AASX,eAAO,MAAM,aAAa;;;;;;;;;;;;CAAQ,CAAC;AA0DnC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;CAeP,CAAC;AAyDX,eAAO,MAAM,QAAQ;;;;;;;;;;;;CAYX,CAAC;AAMX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAaT,CAAC;AAOX,eAAO,MAAM,OAAO;;;;;;;;;;;;CAAQ,CAAC;AAM7B,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAKX,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAaV,CAAC;AAQX,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"}
package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts CHANGED
@@ -59,6 +59,10 @@ export declare const bg: {
59
59
  readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 10%, transparent)";
60
60
  readonly "warning-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 90%, white)";
61
61
  readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 16%, transparent)";
62
+ readonly caution: "oklch(0.74 0.182 55)";
63
+ readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.182 55) 10%, transparent)";
64
+ readonly "caution-hover": "color-mix(in oklch, oklch(0.74 0.182 55) 90%, white)";
65
+ readonly "caution-muted-hover": "color-mix(in oklch, oklch(0.74 0.182 55) 16%, transparent)";
62
66
  readonly info: "oklch(0.55 0.293 300)";
63
67
  readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 10%, transparent)";
64
68
  readonly "info-hover": "color-mix(in oklch, oklch(0.55 0.293 300) 90%, white)";
@@ -89,11 +93,13 @@ export declare const fg: {
89
93
  readonly danger: "oklch(0.68 0.208 25)";
90
94
  readonly success: "oklch(0.866993 0.294055 142.3546)";
91
95
  readonly warning: "oklch(0.825 0.170 81)";
96
+ readonly caution: "oklch(0.74 0.182 55)";
92
97
  readonly info: "oklch(0.72 0.172 300)";
93
98
  readonly "on-brand": "oklch(0 0 0)";
94
99
  readonly "on-danger": "oklch(1 0 0)";
95
100
  readonly "on-success": "oklch(0 0 0)";
96
101
  readonly "on-warning": "oklch(0 0 0)";
102
+ readonly "on-caution": "oklch(0 0 0)";
97
103
  readonly "on-info": "oklch(1 0 0)";
98
104
  };
99
105
  export declare const border: {
@@ -106,6 +112,7 @@ export declare const border: {
106
112
  readonly "danger-muted": "color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent)";
107
113
  readonly "success-muted": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent)";
108
114
  readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent)";
115
+ readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.182 55) 36%, transparent)";
109
116
  readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent)";
110
117
  readonly table: "oklch(0.3090 0 0)";
111
118
  };
@@ -114,6 +121,7 @@ export declare const ring: {
114
121
  readonly danger: "color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent)";
115
122
  readonly success: "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent)";
116
123
  readonly warning: "color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent)";
124
+ readonly caution: "color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent)";
117
125
  readonly info: "color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent)";
118
126
  readonly secondary: "color-mix(in oklch, oklch(0.5520 0 0) 22%, transparent)";
119
127
  };
@@ -157,6 +165,10 @@ export declare const colorDark: {
157
165
  readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 10%, transparent)";
158
166
  readonly "warning-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 90%, white)";
159
167
  readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 16%, transparent)";
168
+ readonly caution: "oklch(0.74 0.182 55)";
169
+ readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.182 55) 10%, transparent)";
170
+ readonly "caution-hover": "color-mix(in oklch, oklch(0.74 0.182 55) 90%, white)";
171
+ readonly "caution-muted-hover": "color-mix(in oklch, oklch(0.74 0.182 55) 16%, transparent)";
160
172
  readonly info: "oklch(0.55 0.293 300)";
161
173
  readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 10%, transparent)";
162
174
  readonly "info-hover": "color-mix(in oklch, oklch(0.55 0.293 300) 90%, white)";
@@ -187,11 +199,13 @@ export declare const colorDark: {
187
199
  readonly danger: "oklch(0.68 0.208 25)";
188
200
  readonly success: "oklch(0.866993 0.294055 142.3546)";
189
201
  readonly warning: "oklch(0.825 0.170 81)";
202
+ readonly caution: "oklch(0.74 0.182 55)";
190
203
  readonly info: "oklch(0.72 0.172 300)";
191
204
  readonly "on-brand": "oklch(0 0 0)";
192
205
  readonly "on-danger": "oklch(1 0 0)";
193
206
  readonly "on-success": "oklch(0 0 0)";
194
207
  readonly "on-warning": "oklch(0 0 0)";
208
+ readonly "on-caution": "oklch(0 0 0)";
195
209
  readonly "on-info": "oklch(1 0 0)";
196
210
  };
197
211
  border: {
@@ -204,6 +218,7 @@ export declare const colorDark: {
204
218
  readonly "danger-muted": "color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent)";
205
219
  readonly "success-muted": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent)";
206
220
  readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent)";
221
+ readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.182 55) 36%, transparent)";
207
222
  readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent)";
208
223
  readonly table: "oklch(0.3090 0 0)";
209
224
  };
@@ -212,6 +227,7 @@ export declare const colorDark: {
212
227
  readonly danger: "color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent)";
213
228
  readonly success: "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 22%, transparent)";
214
229
  readonly warning: "color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent)";
230
+ readonly caution: "color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent)";
215
231
  readonly info: "color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent)";
216
232
  readonly secondary: "color-mix(in oklch, oklch(0.5520 0 0) 22%, transparent)";
217
233
  };
package/dist-lib/tokens/brands/vibrant/semantic/color-dark.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-dark.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/vibrant/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CA6DL,CAAC;AAyBX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAiBT,CAAC;AAMX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,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/vibrant/semantic/color-dark.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;CA+DL,CAAC;AAyBX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAkBT,CAAC;AAMX,eAAO,MAAM,IAAI;;;;;;;;CAQP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAKX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens/brands/vibrant/semantic/color-light.d.ts CHANGED
@@ -52,6 +52,10 @@ export declare const bg: {
52
52
  readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 14%, transparent)";
53
53
  readonly "warning-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 90%, black)";
54
54
  readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent)";
55
+ readonly caution: "oklch(0.74 0.182 55)";
56
+ readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.182 55) 14%, transparent)";
57
+ readonly "caution-hover": "color-mix(in oklch, oklch(0.74 0.182 55) 90%, black)";
58
+ readonly "caution-muted-hover": "color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent)";
55
59
  readonly info: "oklch(0.55 0.293 300)";
56
60
  readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 14%, transparent)";
57
61
  readonly "info-hover": "color-mix(in oklch, oklch(0.55 0.293 300) 90%, black)";
@@ -82,11 +86,13 @@ export declare const fg: {
82
86
  readonly danger: "oklch(0.58 0.235 25)";
83
87
  readonly success: "oklch(0.4645 0.1539 142.59)";
84
88
  readonly warning: "oklch(0.825 0.170 81)";
89
+ readonly caution: "oklch(0.74 0.182 55)";
85
90
  readonly info: "oklch(0.55 0.293 300)";
86
91
  readonly "on-brand": "oklch(1 0 0)";
87
92
  readonly "on-danger": "oklch(1 0 0)";
88
93
  readonly "on-success": "oklch(1 0 0)";
89
94
  readonly "on-warning": "oklch(0 0 0)";
95
+ readonly "on-caution": "oklch(0 0 0)";
90
96
  readonly "on-info": "oklch(1 0 0)";
91
97
  };
92
98
  export declare const border: {
@@ -99,6 +105,7 @@ export declare const border: {
99
105
  readonly "danger-muted": "color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent)";
100
106
  readonly "success-muted": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent)";
101
107
  readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent)";
108
+ readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.182 55) 36%, transparent)";
102
109
  readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent)";
103
110
  readonly table: "oklch(0.9325 0.0016 250)";
104
111
  };
@@ -107,6 +114,7 @@ export declare const ring: {
107
114
  readonly danger: "color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent)";
108
115
  readonly success: "color-mix(in oklch, oklch(0.8018 0.2721 142.38) 22%, transparent)";
109
116
  readonly warning: "color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent)";
117
+ readonly caution: "color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent)";
110
118
  readonly info: "color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent)";
111
119
  readonly secondary: "color-mix(in oklch, oklch(0.5517 0.0062 250) 22%, transparent)";
112
120
  };
@@ -150,6 +158,10 @@ export declare const colorLight: {
150
158
  readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 14%, transparent)";
151
159
  readonly "warning-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 90%, black)";
152
160
  readonly "warning-muted-hover": "color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent)";
161
+ readonly caution: "oklch(0.74 0.182 55)";
162
+ readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.182 55) 14%, transparent)";
163
+ readonly "caution-hover": "color-mix(in oklch, oklch(0.74 0.182 55) 90%, black)";
164
+ readonly "caution-muted-hover": "color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent)";
153
165
  readonly info: "oklch(0.55 0.293 300)";
154
166
  readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 14%, transparent)";
155
167
  readonly "info-hover": "color-mix(in oklch, oklch(0.55 0.293 300) 90%, black)";
@@ -180,11 +192,13 @@ export declare const colorLight: {
180
192
  readonly danger: "oklch(0.58 0.235 25)";
181
193
  readonly success: "oklch(0.4645 0.1539 142.59)";
182
194
  readonly warning: "oklch(0.825 0.170 81)";
195
+ readonly caution: "oklch(0.74 0.182 55)";
183
196
  readonly info: "oklch(0.55 0.293 300)";
184
197
  readonly "on-brand": "oklch(1 0 0)";
185
198
  readonly "on-danger": "oklch(1 0 0)";
186
199
  readonly "on-success": "oklch(1 0 0)";
187
200
  readonly "on-warning": "oklch(0 0 0)";
201
+ readonly "on-caution": "oklch(0 0 0)";
188
202
  readonly "on-info": "oklch(1 0 0)";
189
203
  };
190
204
  border: {
@@ -197,6 +211,7 @@ export declare const colorLight: {
197
211
  readonly "danger-muted": "color-mix(in oklch, oklch(0.58 0.235 25) 36%, transparent)";
198
212
  readonly "success-muted": "color-mix(in oklch, oklch(0.866993 0.294055 142.3546) 36%, transparent)";
199
213
  readonly "warning-muted": "color-mix(in oklch, oklch(0.825 0.170 81) 36%, transparent)";
214
+ readonly "caution-muted": "color-mix(in oklch, oklch(0.74 0.182 55) 36%, transparent)";
200
215
  readonly "info-muted": "color-mix(in oklch, oklch(0.55 0.293 300) 36%, transparent)";
201
216
  readonly table: "oklch(0.9325 0.0016 250)";
202
217
  };
@@ -205,6 +220,7 @@ export declare const colorLight: {
205
220
  readonly danger: "color-mix(in oklch, oklch(0.58 0.235 25) 22%, transparent)";
206
221
  readonly success: "color-mix(in oklch, oklch(0.8018 0.2721 142.38) 22%, transparent)";
207
222
  readonly warning: "color-mix(in oklch, oklch(0.825 0.170 81) 22%, transparent)";
223
+ readonly caution: "color-mix(in oklch, oklch(0.74 0.182 55) 22%, transparent)";
208
224
  readonly info: "color-mix(in oklch, oklch(0.55 0.293 300) 22%, transparent)";
209
225
  readonly secondary: "color-mix(in oklch, oklch(0.5517 0.0062 250) 22%, transparent)";
210
226
  };
package/dist-lib/tokens/brands/vibrant/semantic/color-light.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"color-light.d.ts","sourceRoot":"","sources":["../../../../../tokens/brands/vibrant/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqFL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;CAwCL,CAAC;AAqBX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAsBT,CAAC;AAMX,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAIV,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/vibrant/semantic/color-light.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AASH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0FL,CAAC;AAIX,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;CA2CL,CAAC;AAqBX,eAAO,MAAM,MAAM;;;;;;;;;;;;;CAuBT,CAAC;AAMX,eAAO,MAAM,IAAI;;;;;;;;CAQP,CAAC;AAIX,eAAO,MAAM,OAAO;;;CAIV,CAAC;AAMX,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA2C,CAAC"}
package/dist-lib/tokens.cjs CHANGED
@@ -29,6 +29,9 @@ const success = {
29
29
  const warning = {
30
30
  500: "oklch(0.81 0.160 81)"
31
31
  };
32
+ const caution = {
33
+ 500: "oklch(0.74 0.170 55)"
34
+ };
32
35
  const info = {
33
36
  500: "oklch(0.62 0.210 280)"
34
37
  };
@@ -59,7 +62,7 @@ const bg$1 = {
59
62
  "brand-subtle": `color-mix(in oklch, ${brand[600]} 14%, transparent)`,
60
63
  "brand-hover": `color-mix(in oklch, ${brand[600]} 90%, black)`,
61
64
  "brand-subtle-hover": `color-mix(in oklch, ${brand[600]} 22%, transparent)`,
62
- // Status (sólido + muted alpha — ×4 cores)
65
+ // Status (sólido + muted alpha — ×5 cores)
63
66
  danger: danger[500],
64
67
  "danger-muted": `color-mix(in oklch, ${danger[500]} 14%, transparent)`,
65
68
  "danger-hover": `color-mix(in oklch, ${danger[500]} 90%, black)`,
@@ -72,6 +75,10 @@ const bg$1 = {
72
75
  "warning-muted": `color-mix(in oklch, ${warning[500]} 14%, transparent)`,
73
76
  "warning-hover": `color-mix(in oklch, ${warning[500]} 90%, black)`,
74
77
  "warning-muted-hover": `color-mix(in oklch, ${warning[500]} 22%, transparent)`,
78
+ caution: caution[500],
79
+ "caution-muted": `color-mix(in oklch, ${caution[500]} 14%, transparent)`,
80
+ "caution-hover": `color-mix(in oklch, ${caution[500]} 90%, black)`,
81
+ "caution-muted-hover": `color-mix(in oklch, ${caution[500]} 22%, transparent)`,
75
82
  info: info[500],
76
83
  "info-muted": `color-mix(in oklch, ${info[500]} 14%, transparent)`,
77
84
  "info-hover": `color-mix(in oklch, ${info[500]} 90%, black)`,
@@ -125,6 +132,7 @@ const fg$1 = {
125
132
  danger: danger[500],
126
133
  success: success[500],
127
134
  warning: warning[500],
135
+ caution: caution[500],
128
136
  info: info[500],
129
137
  // Sobre fundos sólidos (on-*)
130
138
  "on-brand": white,
@@ -132,6 +140,7 @@ const fg$1 = {
132
140
  "on-success": white,
133
141
  "on-warning": black,
134
142
  // amarelo claro → preto pra contraste
143
+ "on-caution": black,
135
144
  "on-info": white
136
145
  };
137
146
  const border$1 = {
@@ -148,6 +157,7 @@ const border$1 = {
148
157
  "danger-muted": `color-mix(in oklch, ${danger[500]} 36%, transparent)`,
149
158
  "success-muted": `color-mix(in oklch, ${success[500]} 36%, transparent)`,
150
159
  "warning-muted": `color-mix(in oklch, ${warning[500]} 36%, transparent)`,
160
+ "caution-muted": `color-mix(in oklch, ${caution[500]} 36%, transparent)`,
151
161
  "info-muted": `color-mix(in oklch, ${info[500]} 36%, transparent)`,
152
162
  // Tabela
153
163
  table: gray[150]
@@ -157,6 +167,7 @@ const ring$1 = {
157
167
  danger: `color-mix(in oklch, ${danger[500]} 22%, transparent)`,
158
168
  success: `color-mix(in oklch, ${success[500]} 22%, transparent)`,
159
169
  warning: `color-mix(in oklch, ${warning[500]} 22%, transparent)`,
170
+ caution: `color-mix(in oklch, ${caution[500]} 22%, transparent)`,
160
171
  info: `color-mix(in oklch, ${info[500]} 22%, transparent)`,
161
172
  secondary: `color-mix(in oklch, ${gray[500]} 22%, transparent)`
162
173
  };
@@ -205,7 +216,7 @@ const bg = {
205
216
  "brand-subtle": `color-mix(in oklch, ${brandContrast[400]} 14%, transparent)`,
206
217
  "brand-hover": `color-mix(in oklch, ${brandContrast[400]} 90%, black)`,
207
218
  "brand-subtle-hover": `color-mix(in oklch, ${brandContrast[400]} 22%, transparent)`,
208
- // Status (sólido + muted alpha — ×4 cores)
219
+ // Status (sólido + muted alpha — ×5 cores)
209
220
  danger: danger[500],
210
221
  "danger-muted": `color-mix(in oklch, ${danger[500]} 14%, transparent)`,
211
222
  "danger-hover": `color-mix(in oklch, ${danger[500]} 90%, white)`,
@@ -218,6 +229,10 @@ const bg = {
218
229
  "warning-muted": `color-mix(in oklch, ${warning[500]} 14%, transparent)`,
219
230
  "warning-hover": `color-mix(in oklch, ${warning[500]} 90%, white)`,
220
231
  "warning-muted-hover": `color-mix(in oklch, ${warning[500]} 22%, transparent)`,
232
+ caution: caution[500],
233
+ "caution-muted": `color-mix(in oklch, ${caution[500]} 14%, transparent)`,
234
+ "caution-hover": `color-mix(in oklch, ${caution[500]} 90%, white)`,
235
+ "caution-muted-hover": `color-mix(in oklch, ${caution[500]} 22%, transparent)`,
221
236
  info: info[500],
222
237
  "info-muted": `color-mix(in oklch, ${info[500]} 14%, transparent)`,
223
238
  "info-hover": `color-mix(in oklch, ${info[500]} 90%, white)`,
@@ -272,6 +287,7 @@ const fg = {
272
287
  danger: danger[500],
273
288
  success: success[500],
274
289
  warning: warning[500],
290
+ caution: caution[500],
275
291
  info: info[500],
276
292
  // Sobre fundos sólidos (on-*) — dark inverte: verde brilhante, vermelho saturado, etc
277
293
  "on-brand": black,
@@ -279,6 +295,7 @@ const fg = {
279
295
  "on-danger": white,
280
296
  "on-success": black,
281
297
  "on-warning": black,
298
+ "on-caution": black,
282
299
  "on-info": white
283
300
  };
284
301
  const border = {
@@ -291,6 +308,7 @@ const border = {
291
308
  "danger-muted": `color-mix(in oklch, ${danger[500]} 36%, transparent)`,
292
309
  "success-muted": `color-mix(in oklch, ${success[500]} 36%, transparent)`,
293
310
  "warning-muted": `color-mix(in oklch, ${warning[500]} 36%, transparent)`,
311
+ "caution-muted": `color-mix(in oklch, ${caution[500]} 36%, transparent)`,
294
312
  "info-muted": `color-mix(in oklch, ${info[500]} 36%, transparent)`,
295
313
  // Tabela
296
314
  table: gray[800]
@@ -300,6 +318,7 @@ const ring = {
300
318
  danger: `color-mix(in oklch, ${danger[500]} 22%, transparent)`,
301
319
  success: `color-mix(in oklch, ${success[500]} 22%, transparent)`,
302
320
  warning: `color-mix(in oklch, ${warning[500]} 22%, transparent)`,
321
+ caution: `color-mix(in oklch, ${caution[500]} 22%, transparent)`,
303
322
  info: `color-mix(in oklch, ${info[500]} 22%, transparent)`,
304
323
  secondary: `color-mix(in oklch, ${gray[500]} 22%, transparent)`
305
324
  };
@@ -493,6 +512,7 @@ const shadow = {
493
512
  ring: `0 0 0 3px color-mix(in oklch, ${brand[600]} 22%, transparent)`,
494
513
  "ring-danger": `0 0 0 3px color-mix(in oklch, ${danger[500]} 22%, transparent)`,
495
514
  "ring-warning": `0 0 0 3px color-mix(in oklch, ${warning[500]} 22%, transparent)`,
515
+ "ring-caution": `0 0 0 3px color-mix(in oklch, ${caution[500]} 22%, transparent)`,
496
516
  "ring-success": `0 0 0 3px color-mix(in oklch, ${success[500]} 22%, transparent)`,
497
517
  "ring-info": `0 0 0 3px color-mix(in oklch, ${info[500]} 22%, transparent)`
498
518
  },
@@ -512,6 +532,7 @@ const shadow = {
512
532
  ring: `0 0 0 3px color-mix(in oklch, ${brandContrast[400]} 22%, transparent)`,
513
533
  "ring-danger": `0 0 0 3px color-mix(in oklch, ${danger[500]} 22%, transparent)`,
514
534
  "ring-warning": `0 0 0 3px color-mix(in oklch, ${warning[500]} 22%, transparent)`,
535
+ "ring-caution": `0 0 0 3px color-mix(in oklch, ${caution[500]} 22%, transparent)`,
515
536
  "ring-success": `0 0 0 3px color-mix(in oklch, ${success[500]} 22%, transparent)`,
516
537
  "ring-info": `0 0 0 3px color-mix(in oklch, ${info[500]} 22%, transparent)`
517
538
  }