@fluityy/designsystem 0.2.9 → 0.2.10
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/index.js +108 -43
- package/dist/index.js.map +1 -1
- package/dist/styles.css +27 -5
- package/package.json +1 -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,9 +109,9 @@
|
|
|
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-
|
|
108
|
-
--flui-semantic-success-subtle: var(--flui-color-
|
|
109
|
-
--flui-semantic-success-foreground: var(--flui-color-
|
|
112
|
+
--flui-semantic-success-default: var(--flui-color-success-500);
|
|
113
|
+
--flui-semantic-success-subtle: var(--flui-color-success-100);
|
|
114
|
+
--flui-semantic-success-foreground: var(--flui-color-success-900);
|
|
110
115
|
--flui-semantic-warning-default: var(--flui-color-warning-500);
|
|
111
116
|
--flui-semantic-warning-on-warning: var(--flui-color-neutral-900);
|
|
112
117
|
--flui-radius-badge: var(--flui-radius-full);
|
|
@@ -152,6 +157,22 @@
|
|
|
152
157
|
--syntax-class: var(--flui-color-warning-500);
|
|
153
158
|
}
|
|
154
159
|
|
|
160
|
+
/* toast.css */
|
|
161
|
+
/* Fundos opacos dos toasts — consumidos via var(--color-toast-*-bg) no Toast */
|
|
162
|
+
:root {
|
|
163
|
+
--color-toast-info-bg: var(--flui-color-brand-100);
|
|
164
|
+
--color-toast-success-bg: var(--flui-color-success-100);
|
|
165
|
+
--color-toast-warning-bg: #fef4e0;
|
|
166
|
+
--color-toast-danger-bg: #fde8e8;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
[data-theme="dark"] {
|
|
170
|
+
--color-toast-info-bg: var(--flui-color-brand-800);
|
|
171
|
+
--color-toast-success-bg: var(--flui-color-success-900);
|
|
172
|
+
--color-toast-warning-bg: #2d1f00;
|
|
173
|
+
--color-toast-danger-bg: #2d0808;
|
|
174
|
+
}
|
|
175
|
+
|
|
155
176
|
/* tokens.dark.css */
|
|
156
177
|
/**
|
|
157
178
|
* Do not edit directly, this file was auto-generated.
|
|
@@ -167,8 +188,9 @@
|
|
|
167
188
|
--flui-semantic-border-default: var(--flui-color-neutral-850);
|
|
168
189
|
--flui-semantic-border-strong: var(--flui-color-neutral-750);
|
|
169
190
|
--flui-semantic-primary-subtle: var(--flui-color-brand-800);
|
|
170
|
-
--flui-semantic-success-
|
|
171
|
-
--flui-semantic-success-
|
|
191
|
+
--flui-semantic-success-default: var(--flui-color-success-500);
|
|
192
|
+
--flui-semantic-success-subtle: var(--flui-color-success-900);
|
|
193
|
+
--flui-semantic-success-foreground: var(--flui-color-success-300);
|
|
172
194
|
--flui-semantic-warning-on-warning: var(--flui-color-neutral-950);
|
|
173
195
|
}
|
|
174
196
|
|