@fluityy/designsystem 0.2.9 → 0.2.11

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 (13) hide show
  1. package/dist/components/Chart/AreaChart.d.ts +17 -0
  2. package/dist/components/Chart/BarChart.d.ts +21 -0
  3. package/dist/components/Chart/ChartLegend.d.ts +12 -0
  4. package/dist/components/Chart/ChartTooltip.d.ts +8 -0
  5. package/dist/components/Chart/DonutChart.d.ts +24 -0
  6. package/dist/components/Chart/LineChart.d.ts +17 -0
  7. package/dist/components/Chart/chartTheme.d.ts +16 -0
  8. package/dist/components/Chart/index.d.ts +7 -0
  9. package/dist/components/index.d.ts +1 -0
  10. package/dist/index.js +23058 -1354
  11. package/dist/index.js.map +1 -1
  12. package/dist/styles.css +53 -5
  13. package/package.json +2 -1
package/dist/styles.css CHANGED
@@ -43,8 +43,13 @@
43
43
  --flui-color-neutral-900: #13151b;
44
44
  --flui-color-neutral-950: #0e1015;
45
45
  --flui-color-neutral-1000: #050608;
46
+ --flui-color-success-50: #ecfdf3;
47
+ --flui-color-success-100: #d1fae5;
48
+ --flui-color-success-300: #6ee7a0;
46
49
  --flui-color-success-500: #1f9d55;
47
50
  --flui-color-success-600: #157f43;
51
+ --flui-color-success-800: #0d3d24;
52
+ --flui-color-success-900: #052e16;
48
53
  --flui-color-warning-500: #d9920a;
49
54
  --flui-color-warning-600: #b6790a;
50
55
  --flui-color-danger-500: #e02424;
@@ -104,11 +109,19 @@
104
109
  --flui-semantic-accent-foreground: var(--flui-color-accent-scale-900);
105
110
  --flui-semantic-danger-default: var(--flui-color-danger-500);
106
111
  --flui-semantic-danger-hover: var(--flui-color-danger-600);
107
- --flui-semantic-success-default: var(--flui-color-accent-scale-600);
108
- --flui-semantic-success-subtle: var(--flui-color-accent-scale-100);
109
- --flui-semantic-success-foreground: var(--flui-color-accent-scale-900);
112
+ --flui-semantic-success-default: var(--flui-color-accent-scale-400);
113
+ --flui-semantic-success-subtle: var(--flui-color-success-100);
114
+ --flui-semantic-success-foreground: var(--flui-color-neutral-900);
110
115
  --flui-semantic-warning-default: var(--flui-color-warning-500);
111
116
  --flui-semantic-warning-on-warning: var(--flui-color-neutral-900);
117
+ --flui-semantic-chart-1: var(--flui-color-brand-500);
118
+ --flui-semantic-chart-2: var(--flui-color-accent-scale-500);
119
+ --flui-semantic-chart-3: var(--flui-color-warning-500);
120
+ --flui-semantic-chart-4: var(--flui-color-success-500);
121
+ --flui-semantic-chart-5: var(--flui-color-danger-500);
122
+ --flui-semantic-chart-6: var(--flui-color-brand-300);
123
+ --flui-semantic-chart-grid: var(--flui-color-neutral-150);
124
+ --flui-semantic-chart-axis: var(--flui-color-neutral-500);
112
125
  --flui-radius-badge: var(--flui-radius-full);
113
126
  }
114
127
 
@@ -152,6 +165,22 @@
152
165
  --syntax-class: var(--flui-color-warning-500);
153
166
  }
154
167
 
168
+ /* toast.css */
169
+ /* Fundos opacos dos toasts — consumidos via var(--color-toast-*-bg) no Toast */
170
+ :root {
171
+ --color-toast-info-bg: var(--flui-color-brand-100);
172
+ --color-toast-success-bg: var(--flui-color-success-100);
173
+ --color-toast-warning-bg: #fef4e0;
174
+ --color-toast-danger-bg: #fde8e8;
175
+ }
176
+
177
+ [data-theme="dark"] {
178
+ --color-toast-info-bg: var(--flui-color-brand-800);
179
+ --color-toast-success-bg: var(--flui-color-success-900);
180
+ --color-toast-warning-bg: #2d1f00;
181
+ --color-toast-danger-bg: #2d0808;
182
+ }
183
+
155
184
  /* tokens.dark.css */
156
185
  /**
157
186
  * Do not edit directly, this file was auto-generated.
@@ -167,9 +196,18 @@
167
196
  --flui-semantic-border-default: var(--flui-color-neutral-850);
168
197
  --flui-semantic-border-strong: var(--flui-color-neutral-750);
169
198
  --flui-semantic-primary-subtle: var(--flui-color-brand-800);
170
- --flui-semantic-success-subtle: var(--flui-color-accent-scale-900);
171
- --flui-semantic-success-foreground: var(--flui-color-accent-scale-300);
199
+ --flui-semantic-success-default: var(--flui-color-accent-scale-400);
200
+ --flui-semantic-success-subtle: var(--flui-color-success-900);
201
+ --flui-semantic-success-foreground: var(--flui-color-success-300);
172
202
  --flui-semantic-warning-on-warning: var(--flui-color-neutral-950);
203
+ --flui-semantic-chart-1: var(--flui-color-brand-400);
204
+ --flui-semantic-chart-2: var(--flui-color-accent-scale-400);
205
+ --flui-semantic-chart-3: var(--flui-color-warning-500);
206
+ --flui-semantic-chart-4: var(--flui-color-success-300);
207
+ --flui-semantic-chart-5: var(--flui-color-danger-500);
208
+ --flui-semantic-chart-6: var(--flui-color-brand-200);
209
+ --flui-semantic-chart-grid: var(--flui-color-neutral-800);
210
+ --flui-semantic-chart-axis: var(--flui-color-neutral-400);
173
211
  }
174
212
 
175
213
  /* tokens.brand-emerald.css */
@@ -255,6 +293,16 @@
255
293
  --color-warning: var(--flui-semantic-warning-default);
256
294
  --color-on-warning: var(--flui-semantic-warning-on-warning);
257
295
 
296
+ /* paleta categorica para Charts */
297
+ --color-chart-1: var(--flui-semantic-chart-1);
298
+ --color-chart-2: var(--flui-semantic-chart-2);
299
+ --color-chart-3: var(--flui-semantic-chart-3);
300
+ --color-chart-4: var(--flui-semantic-chart-4);
301
+ --color-chart-5: var(--flui-semantic-chart-5);
302
+ --color-chart-6: var(--flui-semantic-chart-6);
303
+ --color-chart-grid: var(--flui-semantic-chart-grid);
304
+ --color-chart-axis: var(--flui-semantic-chart-axis);
305
+
258
306
  /* paleta primitiva (para swatches/utilitários quando necessário) */
259
307
  --color-brand-50: var(--flui-color-brand-50);
260
308
  --color-brand-100: var(--flui-color-brand-100);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluityy/designsystem",
3
- "version": "0.2.9",
3
+ "version": "0.2.11",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "Flui Design System — componentes React com Tailwind v4 e tokens semânticos",
@@ -45,6 +45,7 @@
45
45
  "class-variance-authority": "^0.7.1",
46
46
  "clsx": "^2.1.1",
47
47
  "prism-react-renderer": "^2.4.1",
48
+ "recharts": "^3.8.1",
48
49
  "tailwind-merge": "^3.3.0"
49
50
  },
50
51
  "devDependencies": {