@xenide-io/the-old-ui-theme 0.2.9 → 0.3.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 +1 -1
- package/dist/{chunk-SHF57J7U.mjs → chunk-FDMD3IIN.mjs} +1573 -652
- package/dist/index-D1RTT2Ap.d.mts +1044 -0
- package/dist/index-D1RTT2Ap.d.ts +1044 -0
- package/dist/index.d.mts +10 -7
- package/dist/index.d.ts +10 -7
- package/dist/index.js +1705 -744
- package/dist/index.mjs +61 -1
- package/dist/tailwind-preset.js +7 -0
- package/dist/tailwind-preset.mjs +7 -0
- package/dist/ui.d.mts +3 -2
- package/dist/ui.d.ts +3 -2
- package/dist/ui.js +1584 -666
- package/dist/ui.mjs +31 -1
- package/package.json +18 -4
- package/src/app/globals.css +1005 -227
- package/src/components/icons/IconBase.tsx +20 -12
- package/src/components/icons/createIconBase.tsx +12 -7
- package/src/components/icons/icons.tsx +208 -18
- package/src/components/sections/AlertShowcase.tsx +2 -1
- package/src/components/sections/BadgeShowcase.tsx +1 -1
- package/src/components/sections/ButtonShowcase.tsx +6 -10
- package/src/components/sections/CardShowcase.tsx +22 -6
- package/src/components/sections/DropdownShowcase.tsx +4 -6
- package/src/components/sections/FilterChipsShowcase.tsx +74 -26
- package/src/components/sections/FormShowcase.tsx +2 -1
- package/src/components/sections/IconShowcase.tsx +86 -206
- package/src/components/sections/KbdShowcase.tsx +47 -21
- package/src/components/sections/ModalShowcase.tsx +7 -6
- package/src/components/sections/ProductLayoutsShowcase.tsx +138 -0
- package/src/components/sections/ProgressShowcase.tsx +50 -53
- package/src/components/sections/SwapShowcase.tsx +13 -5
- package/src/components/ui/Alert.tsx +28 -19
- package/src/components/ui/AuthLayout.tsx +58 -0
- package/src/components/ui/Badge.tsx +10 -5
- package/src/components/ui/Button.tsx +22 -12
- package/src/components/ui/ButtonChrome.tsx +1 -1
- package/src/components/ui/Calendar.tsx +6 -7
- package/src/components/ui/Card.tsx +21 -11
- package/src/components/ui/CollapsibleSection.tsx +11 -11
- package/src/components/ui/DropdownMenu.tsx +189 -65
- package/src/components/ui/FilterBar.tsx +165 -0
- package/src/components/ui/FilterChips.tsx +65 -35
- package/src/components/ui/FilterControls.tsx +30 -0
- package/src/components/ui/FormField.tsx +69 -0
- package/src/components/ui/Input.tsx +166 -140
- package/src/components/ui/Kbd.tsx +88 -13
- package/src/components/ui/Loader.tsx +96 -0
- package/src/components/ui/Modal.tsx +66 -36
- package/src/components/ui/SettingsLayout.tsx +94 -0
- package/src/components/ui/ShowcaseWrapper.tsx +4 -16
- package/src/components/ui/Stepper.tsx +5 -6
- package/src/components/ui/first-slice.test.tsx +98 -0
- package/src/components/ui/index.ts +62 -3
- package/src/components/ui/interaction-primitives.test.tsx +77 -0
- package/src/components/ui/kbd-icons.test.tsx +90 -0
- package/src/components/ui/product-patterns.test.tsx +77 -0
- package/src/styles/themes.css +411 -1
- package/tailwind-preset.ts +7 -0
- package/dist/index-CmS6hcUk.d.mts +0 -753
- package/dist/index-CmS6hcUk.d.ts +0 -753
package/dist/ui.mjs
CHANGED
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import {
|
|
2
2
|
Accordion,
|
|
3
3
|
Alert,
|
|
4
|
+
AuthCard,
|
|
5
|
+
AuthDivider,
|
|
6
|
+
AuthLayout,
|
|
4
7
|
Avatar,
|
|
5
8
|
AvatarGroup,
|
|
6
9
|
Badge,
|
|
@@ -21,9 +24,15 @@ import {
|
|
|
21
24
|
DropdownButton,
|
|
22
25
|
DropdownItem,
|
|
23
26
|
DropdownMenu,
|
|
27
|
+
DropdownRadioGroup,
|
|
28
|
+
DropdownRadioItem,
|
|
24
29
|
EmptyState,
|
|
25
30
|
FileUpload,
|
|
31
|
+
FilterBar,
|
|
26
32
|
FilterChips,
|
|
33
|
+
FilterControls,
|
|
34
|
+
FilterMenu,
|
|
35
|
+
FormField,
|
|
27
36
|
H1,
|
|
28
37
|
H2,
|
|
29
38
|
H3,
|
|
@@ -37,6 +46,8 @@ import {
|
|
|
37
46
|
Kbd,
|
|
38
47
|
Label,
|
|
39
48
|
Lead,
|
|
49
|
+
Loader,
|
|
50
|
+
LoadingState,
|
|
40
51
|
Modal,
|
|
41
52
|
Mono,
|
|
42
53
|
Overline,
|
|
@@ -51,8 +62,12 @@ import {
|
|
|
51
62
|
SearchInput,
|
|
52
63
|
SegmentedControl,
|
|
53
64
|
Select,
|
|
65
|
+
SettingsLayout,
|
|
66
|
+
SettingsNav,
|
|
54
67
|
ShowcaseWrapper,
|
|
68
|
+
Skeleton,
|
|
55
69
|
Small,
|
|
70
|
+
SortMenu,
|
|
56
71
|
Stat,
|
|
57
72
|
Stepper,
|
|
58
73
|
Table,
|
|
@@ -66,11 +81,14 @@ import {
|
|
|
66
81
|
Toast,
|
|
67
82
|
ToastStack,
|
|
68
83
|
Toggle
|
|
69
|
-
} from "./chunk-
|
|
84
|
+
} from "./chunk-FDMD3IIN.mjs";
|
|
70
85
|
import "./chunk-FWCSY2DS.mjs";
|
|
71
86
|
export {
|
|
72
87
|
Accordion,
|
|
73
88
|
Alert,
|
|
89
|
+
AuthCard,
|
|
90
|
+
AuthDivider,
|
|
91
|
+
AuthLayout,
|
|
74
92
|
Avatar,
|
|
75
93
|
AvatarGroup,
|
|
76
94
|
Badge,
|
|
@@ -91,9 +109,15 @@ export {
|
|
|
91
109
|
DropdownButton,
|
|
92
110
|
DropdownItem,
|
|
93
111
|
DropdownMenu,
|
|
112
|
+
DropdownRadioGroup,
|
|
113
|
+
DropdownRadioItem,
|
|
94
114
|
EmptyState,
|
|
95
115
|
FileUpload,
|
|
116
|
+
FilterBar,
|
|
96
117
|
FilterChips,
|
|
118
|
+
FilterControls,
|
|
119
|
+
FilterMenu,
|
|
120
|
+
FormField,
|
|
97
121
|
H1,
|
|
98
122
|
H2,
|
|
99
123
|
H3,
|
|
@@ -107,6 +131,8 @@ export {
|
|
|
107
131
|
Kbd,
|
|
108
132
|
Label,
|
|
109
133
|
Lead,
|
|
134
|
+
Loader,
|
|
135
|
+
LoadingState,
|
|
110
136
|
Modal,
|
|
111
137
|
Mono,
|
|
112
138
|
Overline,
|
|
@@ -121,8 +147,12 @@ export {
|
|
|
121
147
|
SearchInput,
|
|
122
148
|
SegmentedControl,
|
|
123
149
|
Select,
|
|
150
|
+
SettingsLayout,
|
|
151
|
+
SettingsNav,
|
|
124
152
|
ShowcaseWrapper,
|
|
153
|
+
Skeleton,
|
|
125
154
|
Small,
|
|
155
|
+
SortMenu,
|
|
126
156
|
Stat,
|
|
127
157
|
Stepper,
|
|
128
158
|
Table,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xenide-io/the-old-ui-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Props-driven React components and theme tokens inspired by classic interface design — optimized for Next.js apps and internal tools.",
|
|
5
5
|
"author": "Xenide",
|
|
6
6
|
"license": "MIT",
|
|
@@ -63,11 +63,14 @@
|
|
|
63
63
|
"build:lib": "tsup --entry.index src/index.ts --entry.ui src/components/ui/index.ts --entry.tailwind-preset tailwind-preset.ts --format cjs,esm --dts --external react,react-dom,next --clean --tsconfig ./tsconfig.lib.json",
|
|
64
64
|
"start": "next start",
|
|
65
65
|
"lint": "next lint",
|
|
66
|
-
"
|
|
66
|
+
"typecheck": "tsc --noEmit",
|
|
67
|
+
"test": "vitest run",
|
|
68
|
+
"test:visual": "playwright test --project=desktop-chromium --workers=1 && playwright test --project=mobile-chromium --workers=1",
|
|
69
|
+
"check": "bun run typecheck && bun run test",
|
|
67
70
|
"clean": "rm -rf .next out *.tsbuildinfo dist",
|
|
68
71
|
"icons:check": "node scripts/sync-posthog-icons.mjs",
|
|
69
72
|
"prepublishOnly": "bun run build:lib",
|
|
70
|
-
"release": "bun run
|
|
73
|
+
"release": "bun run check && npm publish"
|
|
71
74
|
},
|
|
72
75
|
"peerDependencies": {
|
|
73
76
|
"react": "^18.0.0",
|
|
@@ -90,6 +93,11 @@
|
|
|
90
93
|
}
|
|
91
94
|
},
|
|
92
95
|
"devDependencies": {
|
|
96
|
+
"@playwright/test": "1.54.1",
|
|
97
|
+
"@testing-library/dom": "10",
|
|
98
|
+
"@testing-library/jest-dom": "6",
|
|
99
|
+
"@testing-library/react": "16",
|
|
100
|
+
"@testing-library/user-event": "14",
|
|
93
101
|
"@types/d3-scale": "^4.0.9",
|
|
94
102
|
"@types/node": "^20.14.10",
|
|
95
103
|
"@types/react": "^18.3.3",
|
|
@@ -97,6 +105,7 @@
|
|
|
97
105
|
"autoprefixer": "^10.4.19",
|
|
98
106
|
"chart.js": "^4.5.1",
|
|
99
107
|
"d3-scale": "^4.0.2",
|
|
108
|
+
"jsdom": "26",
|
|
100
109
|
"next": "^16.2.7",
|
|
101
110
|
"postcss": "^8.4.39",
|
|
102
111
|
"react": "^18.0.0",
|
|
@@ -104,9 +113,14 @@
|
|
|
104
113
|
"react-dom": "^18.0.0",
|
|
105
114
|
"tailwindcss": "^3.4.4",
|
|
106
115
|
"tsup": "^8.5.1",
|
|
107
|
-
"typescript": "^5.5.3"
|
|
116
|
+
"typescript": "^5.5.3",
|
|
117
|
+
"vitest": "3"
|
|
108
118
|
},
|
|
109
119
|
"publishConfig": {
|
|
110
120
|
"access": "public"
|
|
121
|
+
},
|
|
122
|
+
"dependencies": {
|
|
123
|
+
"@radix-ui/react-dialog": "^1.1.20",
|
|
124
|
+
"@radix-ui/react-dropdown-menu": "^2.1.21"
|
|
111
125
|
}
|
|
112
126
|
}
|