@abumble/design-system 0.0.18 → 0.0.20
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/package.json +1 -2
- package/src/styles.css +7 -5
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@abumble/design-system",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.20",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist",
|
|
6
6
|
"src/styles.css"
|
|
@@ -133,7 +133,6 @@
|
|
|
133
133
|
"@storybook/addon-docs": "^10.0.7",
|
|
134
134
|
"@storybook/addon-onboarding": "^10.0.7",
|
|
135
135
|
"@storybook/addon-vitest": "^10.0.7",
|
|
136
|
-
"@storybook/builder-vite": "^10.0.7",
|
|
137
136
|
"@storybook/react-vite": "^10.0.7",
|
|
138
137
|
"@tailwindcss/vite": "^4.0.6",
|
|
139
138
|
"@types/node": "^24.10.0",
|
package/src/styles.css
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
@import 'tailwindcss';
|
|
2
|
-
@import 'tailwindcss/preflight';
|
|
3
2
|
@import 'tw-animate-css';
|
|
4
3
|
|
|
4
|
+
@tailwind base;
|
|
5
|
+
@tailwind components;
|
|
5
6
|
@tailwind utilities;
|
|
6
7
|
|
|
7
8
|
|
|
@@ -258,6 +259,7 @@ code {
|
|
|
258
259
|
/* Banner: style by type so colors work when package is imported in other projects */
|
|
259
260
|
[data-banner-type] {
|
|
260
261
|
padding: 0.75rem;
|
|
262
|
+
border: 0;
|
|
261
263
|
border-left-width: 4px;
|
|
262
264
|
border-left-style: solid;
|
|
263
265
|
border-radius: var(--radius);
|
|
@@ -265,22 +267,22 @@ code {
|
|
|
265
267
|
[data-banner-type="warning"] {
|
|
266
268
|
background: var(--banner-warning);
|
|
267
269
|
color: var(--banner-warning-foreground);
|
|
268
|
-
border-color: var(--banner-warning-border);
|
|
270
|
+
border-left-color: var(--banner-warning-border);
|
|
269
271
|
}
|
|
270
272
|
[data-banner-type="info"] {
|
|
271
273
|
background: var(--banner-info);
|
|
272
274
|
color: var(--banner-info-foreground);
|
|
273
|
-
border-color: var(--banner-info-border);
|
|
275
|
+
border-left-color: var(--banner-info-border);
|
|
274
276
|
}
|
|
275
277
|
[data-banner-type="alert"] {
|
|
276
278
|
background: var(--banner-alert);
|
|
277
279
|
color: var(--banner-alert-foreground);
|
|
278
|
-
border-color: var(--banner-alert-border);
|
|
280
|
+
border-left-color: var(--banner-alert-border);
|
|
279
281
|
}
|
|
280
282
|
[data-banner-type="note"] {
|
|
281
283
|
background: var(--banner-note);
|
|
282
284
|
color: var(--banner-note-foreground);
|
|
283
|
-
border-color: var(--banner-note-border);
|
|
285
|
+
border-left-color: var(--banner-note-border);
|
|
284
286
|
}
|
|
285
287
|
|
|
286
288
|
@theme inline {
|