@brrritscold/core-react 1.0.0 → 1.1.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.
- package/README.md +27 -25
- package/dist/library.snapshot.json +21410 -0
- package/dist/styles.css +20 -6
- package/dist/tokens.json +41 -1
- package/package.json +5 -3
package/dist/styles.css
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
/* Generated from tokens/tokens.json by scripts/build-styles.ts. Do not edit. */
|
|
2
2
|
@import "tailwindcss";
|
|
3
3
|
@import "tw-animate-css";
|
|
4
|
+
@import "@fontsource/inter/400.css";
|
|
5
|
+
@import "@fontsource/inter/500.css";
|
|
6
|
+
@import "@fontsource/inter/600.css";
|
|
7
|
+
@import "@fontsource/inter/700.css";
|
|
4
8
|
@source "./**/*.js";
|
|
5
9
|
|
|
6
10
|
@custom-variant dark (&:is(.dark *));
|
|
@@ -61,7 +65,7 @@
|
|
|
61
65
|
--border-radius-lg: 10px;
|
|
62
66
|
--border-radius-xl: 14px;
|
|
63
67
|
--border-radius-full: 9999px;
|
|
64
|
-
--font-family-sans: ui-sans-serif, system-ui, sans-serif;
|
|
68
|
+
--font-family-sans: Inter, ui-sans-serif, system-ui, sans-serif;
|
|
65
69
|
--font-family-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
66
70
|
--font-size-xs: 0.75rem;
|
|
67
71
|
--font-size-sm: 0.875rem;
|
|
@@ -108,6 +112,11 @@
|
|
|
108
112
|
--input: var(--color-neutral-200);
|
|
109
113
|
--ring: var(--color-neutral-400);
|
|
110
114
|
--radius: var(--border-radius-lg);
|
|
115
|
+
--radius-xs: var(--border-radius-xs);
|
|
116
|
+
--radius-sm: var(--border-radius-sm);
|
|
117
|
+
--radius-md: var(--border-radius-md);
|
|
118
|
+
--radius-lg: var(--border-radius-lg);
|
|
119
|
+
--radius-xl: var(--border-radius-xl);
|
|
111
120
|
}
|
|
112
121
|
|
|
113
122
|
.dark {
|
|
@@ -130,6 +139,11 @@
|
|
|
130
139
|
--input: var(--color-neutral-800);
|
|
131
140
|
--ring: var(--color-neutral-500);
|
|
132
141
|
--radius: var(--border-radius-lg);
|
|
142
|
+
--radius-xs: var(--border-radius-xs);
|
|
143
|
+
--radius-sm: var(--border-radius-sm);
|
|
144
|
+
--radius-md: var(--border-radius-md);
|
|
145
|
+
--radius-lg: var(--border-radius-lg);
|
|
146
|
+
--radius-xl: var(--border-radius-xl);
|
|
133
147
|
}
|
|
134
148
|
|
|
135
149
|
@theme inline {
|
|
@@ -208,11 +222,6 @@
|
|
|
208
222
|
--color-border: var(--border);
|
|
209
223
|
--color-input: var(--input);
|
|
210
224
|
--color-ring: var(--ring);
|
|
211
|
-
--radius-xs: calc(var(--radius) - 8px);
|
|
212
|
-
--radius-sm: calc(var(--radius) - 4px);
|
|
213
|
-
--radius-md: calc(var(--radius) - 2px);
|
|
214
|
-
--radius-lg: var(--radius);
|
|
215
|
-
--radius-xl: calc(var(--radius) + 4px);
|
|
216
225
|
--radius-full: var(--border-radius-full);
|
|
217
226
|
}
|
|
218
227
|
|
|
@@ -229,6 +238,11 @@
|
|
|
229
238
|
--opacity-10: var(--opacity-10);
|
|
230
239
|
--opacity-50: var(--opacity-50);
|
|
231
240
|
--opacity-100: var(--opacity-100);
|
|
241
|
+
--radius-xs: var(--radius-xs);
|
|
242
|
+
--radius-sm: var(--radius-sm);
|
|
243
|
+
--radius-md: var(--radius-md);
|
|
244
|
+
--radius-lg: var(--radius-lg);
|
|
245
|
+
--radius-xl: var(--radius-xl);
|
|
232
246
|
}
|
|
233
247
|
|
|
234
248
|
@layer base {
|
package/dist/tokens.json
CHANGED
|
@@ -235,7 +235,7 @@
|
|
|
235
235
|
"font-family": {
|
|
236
236
|
"sans": {
|
|
237
237
|
"$type": "fontFamilies",
|
|
238
|
-
"$value": "ui-sans-serif, system-ui, sans-serif"
|
|
238
|
+
"$value": "Inter, ui-sans-serif, system-ui, sans-serif"
|
|
239
239
|
},
|
|
240
240
|
"mono": {
|
|
241
241
|
"$type": "fontFamilies",
|
|
@@ -486,6 +486,26 @@
|
|
|
486
486
|
"radius": {
|
|
487
487
|
"$type": "borderRadius",
|
|
488
488
|
"$value": "{border-radius.lg}"
|
|
489
|
+
},
|
|
490
|
+
"radius-xs": {
|
|
491
|
+
"$type": "borderRadius",
|
|
492
|
+
"$value": "{border-radius.xs}"
|
|
493
|
+
},
|
|
494
|
+
"radius-sm": {
|
|
495
|
+
"$type": "borderRadius",
|
|
496
|
+
"$value": "{border-radius.sm}"
|
|
497
|
+
},
|
|
498
|
+
"radius-md": {
|
|
499
|
+
"$type": "borderRadius",
|
|
500
|
+
"$value": "{border-radius.md}"
|
|
501
|
+
},
|
|
502
|
+
"radius-lg": {
|
|
503
|
+
"$type": "borderRadius",
|
|
504
|
+
"$value": "{border-radius.lg}"
|
|
505
|
+
},
|
|
506
|
+
"radius-xl": {
|
|
507
|
+
"$type": "borderRadius",
|
|
508
|
+
"$value": "{border-radius.xl}"
|
|
489
509
|
}
|
|
490
510
|
},
|
|
491
511
|
"dark": {
|
|
@@ -564,6 +584,26 @@
|
|
|
564
584
|
"radius": {
|
|
565
585
|
"$type": "borderRadius",
|
|
566
586
|
"$value": "{border-radius.lg}"
|
|
587
|
+
},
|
|
588
|
+
"radius-xs": {
|
|
589
|
+
"$type": "borderRadius",
|
|
590
|
+
"$value": "{border-radius.xs}"
|
|
591
|
+
},
|
|
592
|
+
"radius-sm": {
|
|
593
|
+
"$type": "borderRadius",
|
|
594
|
+
"$value": "{border-radius.sm}"
|
|
595
|
+
},
|
|
596
|
+
"radius-md": {
|
|
597
|
+
"$type": "borderRadius",
|
|
598
|
+
"$value": "{border-radius.md}"
|
|
599
|
+
},
|
|
600
|
+
"radius-lg": {
|
|
601
|
+
"$type": "borderRadius",
|
|
602
|
+
"$value": "{border-radius.lg}"
|
|
603
|
+
},
|
|
604
|
+
"radius-xl": {
|
|
605
|
+
"$type": "borderRadius",
|
|
606
|
+
"$value": "{border-radius.xl}"
|
|
567
607
|
}
|
|
568
608
|
}
|
|
569
609
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brrritscold/core-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.0",
|
|
4
4
|
"description": "The component library: shadcn (Base UI) React components on Tailwind v4, themed from one design token file and linked to the design system library in Penpot.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Blaine Richardson",
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"./styles.css": "./dist/styles.css",
|
|
38
38
|
"./tokens.json": "./dist/tokens.json",
|
|
39
|
+
"./library.snapshot.json": "./dist/library.snapshot.json",
|
|
39
40
|
"./testing": {
|
|
40
41
|
"types": "./dist/testing.d.ts",
|
|
41
42
|
"default": "./dist/testing.js"
|
|
@@ -54,11 +55,12 @@
|
|
|
54
55
|
},
|
|
55
56
|
"dependencies": {
|
|
56
57
|
"@base-ui/react": "^1.9.0",
|
|
58
|
+
"@fontsource/inter": "5.3.0",
|
|
57
59
|
"@tanstack/react-table": "^9.3.1",
|
|
58
60
|
"class-variance-authority": "^0.7.1",
|
|
59
61
|
"clsx": "^2.1.1",
|
|
60
62
|
"date-fns": "^4.4.0",
|
|
61
|
-
"lucide-react": "
|
|
63
|
+
"lucide-react": "1.68.0",
|
|
62
64
|
"react-day-picker": "^10.0.2",
|
|
63
65
|
"tailwind-merge": "^3.7.0",
|
|
64
66
|
"tw-animate-css": "^1.4.0"
|
|
@@ -103,7 +105,7 @@
|
|
|
103
105
|
"storybook": "pnpm build:styles && storybook dev -p 6006",
|
|
104
106
|
"storybook:build": "pnpm build:styles && storybook build",
|
|
105
107
|
"test:integration": "pnpm storybook:build && playwright test -c playwright.integration.config.ts",
|
|
106
|
-
"test:integration:ci": "pnpm test:integration:setup && pnpm test:integration
|
|
108
|
+
"test:integration:ci": "pnpm test:integration:setup && { pnpm test:integration; code=$?; pnpm test:integration:teardown; exit $code; }",
|
|
107
109
|
"test:integration:setup": "tsx ./tests/integration/__utils__/setup.ts",
|
|
108
110
|
"test:integration:teardown": "tsx ./tests/integration/__utils__/teardown.ts",
|
|
109
111
|
"test:integration:watch": "pnpm storybook:build && playwright test -c playwright.integration.config.ts --ui",
|