@fluityy/designsystem 0.2.10 → 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.
- package/dist/components/Chart/AreaChart.d.ts +17 -0
- package/dist/components/Chart/BarChart.d.ts +21 -0
- package/dist/components/Chart/ChartLegend.d.ts +12 -0
- package/dist/components/Chart/ChartTooltip.d.ts +8 -0
- package/dist/components/Chart/DonutChart.d.ts +24 -0
- package/dist/components/Chart/LineChart.d.ts +17 -0
- package/dist/components/Chart/chartTheme.d.ts +16 -0
- package/dist/components/Chart/index.d.ts +7 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.js +22991 -1352
- package/dist/index.js.map +1 -1
- package/dist/styles.css +29 -3
- package/package.json +2 -1
package/dist/styles.css
CHANGED
|
@@ -109,11 +109,19 @@
|
|
|
109
109
|
--flui-semantic-accent-foreground: var(--flui-color-accent-scale-900);
|
|
110
110
|
--flui-semantic-danger-default: var(--flui-color-danger-500);
|
|
111
111
|
--flui-semantic-danger-hover: var(--flui-color-danger-600);
|
|
112
|
-
--flui-semantic-success-default: var(--flui-color-
|
|
112
|
+
--flui-semantic-success-default: var(--flui-color-accent-scale-400);
|
|
113
113
|
--flui-semantic-success-subtle: var(--flui-color-success-100);
|
|
114
|
-
--flui-semantic-success-foreground: var(--flui-color-
|
|
114
|
+
--flui-semantic-success-foreground: var(--flui-color-neutral-900);
|
|
115
115
|
--flui-semantic-warning-default: var(--flui-color-warning-500);
|
|
116
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);
|
|
117
125
|
--flui-radius-badge: var(--flui-radius-full);
|
|
118
126
|
}
|
|
119
127
|
|
|
@@ -188,10 +196,18 @@
|
|
|
188
196
|
--flui-semantic-border-default: var(--flui-color-neutral-850);
|
|
189
197
|
--flui-semantic-border-strong: var(--flui-color-neutral-750);
|
|
190
198
|
--flui-semantic-primary-subtle: var(--flui-color-brand-800);
|
|
191
|
-
--flui-semantic-success-default: var(--flui-color-
|
|
199
|
+
--flui-semantic-success-default: var(--flui-color-accent-scale-400);
|
|
192
200
|
--flui-semantic-success-subtle: var(--flui-color-success-900);
|
|
193
201
|
--flui-semantic-success-foreground: var(--flui-color-success-300);
|
|
194
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);
|
|
195
211
|
}
|
|
196
212
|
|
|
197
213
|
/* tokens.brand-emerald.css */
|
|
@@ -277,6 +293,16 @@
|
|
|
277
293
|
--color-warning: var(--flui-semantic-warning-default);
|
|
278
294
|
--color-on-warning: var(--flui-semantic-warning-on-warning);
|
|
279
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
|
+
|
|
280
306
|
/* paleta primitiva (para swatches/utilitários quando necessário) */
|
|
281
307
|
--color-brand-50: var(--flui-color-brand-50);
|
|
282
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.
|
|
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": {
|