@e-infra/design-system 0.0.9 → 0.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 +2 -68
- package/package.json +4 -2
- package/dist/index.cjs.js +0 -4462
- package/dist/index.cjs.js.map +0 -1
- package/dist/index.es.js +0 -4423
- package/dist/index.es.js.map +0 -1
- package/dist/setup.css +0 -247
- package/dist/types/components/compounds/cookies_banner.d.ts +0 -15
- package/dist/types/components/compounds/cookies_banner.d.ts.map +0 -1
- package/dist/types/components/compounds/feedbackform.d.ts +0 -41
- package/dist/types/components/compounds/feedbackform.d.ts.map +0 -1
- package/dist/types/components/compounds/index.d.ts +0 -3
- package/dist/types/components/compounds/index.d.ts.map +0 -1
- package/dist/types/components/foundations/index.d.ts +0 -2
- package/dist/types/components/foundations/index.d.ts.map +0 -1
- package/dist/types/components/foundations/typography.d.ts +0 -16
- package/dist/types/components/foundations/typography.d.ts.map +0 -1
- package/dist/types/components/index.d.ts +0 -43
- package/dist/types/components/index.d.ts.map +0 -1
- package/dist/types/components/layout/content.d.ts +0 -8
- package/dist/types/components/layout/content.d.ts.map +0 -1
- package/dist/types/components/layout/footer.d.ts +0 -14
- package/dist/types/components/layout/footer.d.ts.map +0 -1
- package/dist/types/components/layout/header.d.ts +0 -20
- package/dist/types/components/layout/header.d.ts.map +0 -1
- package/dist/types/components/layout/index.d.ts +0 -4
- package/dist/types/components/layout/index.d.ts.map +0 -1
- package/dist/types/components/layout/sidebar.d.ts +0 -70
- package/dist/types/components/layout/sidebar.d.ts.map +0 -1
- package/dist/types/components/primitives/accordion.d.ts +0 -8
- package/dist/types/components/primitives/accordion.d.ts.map +0 -1
- package/dist/types/components/primitives/alert-dialog.d.ts +0 -15
- package/dist/types/components/primitives/alert-dialog.d.ts.map +0 -1
- package/dist/types/components/primitives/alert.d.ts +0 -10
- package/dist/types/components/primitives/alert.d.ts.map +0 -1
- package/dist/types/components/primitives/aspect-ratio.d.ts +0 -4
- package/dist/types/components/primitives/aspect-ratio.d.ts.map +0 -1
- package/dist/types/components/primitives/avatar.d.ts +0 -7
- package/dist/types/components/primitives/avatar.d.ts.map +0 -1
- package/dist/types/components/primitives/badge.d.ts +0 -10
- package/dist/types/components/primitives/badge.d.ts.map +0 -1
- package/dist/types/components/primitives/breadcrumb.d.ts +0 -12
- package/dist/types/components/primitives/breadcrumb.d.ts.map +0 -1
- package/dist/types/components/primitives/button.d.ts +0 -11
- package/dist/types/components/primitives/button.d.ts.map +0 -1
- package/dist/types/components/primitives/calendar.d.ts +0 -9
- package/dist/types/components/primitives/calendar.d.ts.map +0 -1
- package/dist/types/components/primitives/card.d.ts +0 -10
- package/dist/types/components/primitives/card.d.ts.map +0 -1
- package/dist/types/components/primitives/carousel.d.ts +0 -20
- package/dist/types/components/primitives/carousel.d.ts.map +0 -1
- package/dist/types/components/primitives/chart.d.ts +0 -65
- package/dist/types/components/primitives/chart.d.ts.map +0 -1
- package/dist/types/components/primitives/checkbox.d.ts +0 -5
- package/dist/types/components/primitives/checkbox.d.ts.map +0 -1
- package/dist/types/components/primitives/collapsible.d.ts +0 -6
- package/dist/types/components/primitives/collapsible.d.ts.map +0 -1
- package/dist/types/components/primitives/command.d.ts +0 -19
- package/dist/types/components/primitives/command.d.ts.map +0 -1
- package/dist/types/components/primitives/context-menu.d.ts +0 -26
- package/dist/types/components/primitives/context-menu.d.ts.map +0 -1
- package/dist/types/components/primitives/dialog.d.ts +0 -16
- package/dist/types/components/primitives/dialog.d.ts.map +0 -1
- package/dist/types/components/primitives/dropdown-menu.d.ts +0 -26
- package/dist/types/components/primitives/dropdown-menu.d.ts.map +0 -1
- package/dist/types/components/primitives/form.d.ts +0 -25
- package/dist/types/components/primitives/form.d.ts.map +0 -1
- package/dist/types/components/primitives/input.d.ts +0 -4
- package/dist/types/components/primitives/input.d.ts.map +0 -1
- package/dist/types/components/primitives/label.d.ts +0 -5
- package/dist/types/components/primitives/label.d.ts.map +0 -1
- package/dist/types/components/primitives/menubar.d.ts +0 -27
- package/dist/types/components/primitives/menubar.d.ts.map +0 -1
- package/dist/types/components/primitives/navigation-menu.d.ts +0 -15
- package/dist/types/components/primitives/navigation-menu.d.ts.map +0 -1
- package/dist/types/components/primitives/pagination.d.ts +0 -14
- package/dist/types/components/primitives/pagination.d.ts.map +0 -1
- package/dist/types/components/primitives/panel.d.ts +0 -9
- package/dist/types/components/primitives/panel.d.ts.map +0 -1
- package/dist/types/components/primitives/popover.d.ts +0 -8
- package/dist/types/components/primitives/popover.d.ts.map +0 -1
- package/dist/types/components/primitives/progress.d.ts +0 -5
- package/dist/types/components/primitives/progress.d.ts.map +0 -1
- package/dist/types/components/primitives/radio-group.d.ts +0 -6
- package/dist/types/components/primitives/radio-group.d.ts.map +0 -1
- package/dist/types/components/primitives/resizable.d.ts +0 -9
- package/dist/types/components/primitives/resizable.d.ts.map +0 -1
- package/dist/types/components/primitives/scroll-area.d.ts +0 -6
- package/dist/types/components/primitives/scroll-area.d.ts.map +0 -1
- package/dist/types/components/primitives/select.d.ts +0 -16
- package/dist/types/components/primitives/select.d.ts.map +0 -1
- package/dist/types/components/primitives/separator.d.ts +0 -5
- package/dist/types/components/primitives/separator.d.ts.map +0 -1
- package/dist/types/components/primitives/sheet.d.ts +0 -14
- package/dist/types/components/primitives/sheet.d.ts.map +0 -1
- package/dist/types/components/primitives/skeleton.d.ts +0 -3
- package/dist/types/components/primitives/skeleton.d.ts.map +0 -1
- package/dist/types/components/primitives/slider.d.ts +0 -5
- package/dist/types/components/primitives/slider.d.ts.map +0 -1
- package/dist/types/components/primitives/sonner.d.ts +0 -4
- package/dist/types/components/primitives/sonner.d.ts.map +0 -1
- package/dist/types/components/primitives/stepper.d.ts +0 -42
- package/dist/types/components/primitives/stepper.d.ts.map +0 -1
- package/dist/types/components/primitives/switch.d.ts +0 -5
- package/dist/types/components/primitives/switch.d.ts.map +0 -1
- package/dist/types/components/primitives/table.d.ts +0 -11
- package/dist/types/components/primitives/table.d.ts.map +0 -1
- package/dist/types/components/primitives/tabs.d.ts +0 -8
- package/dist/types/components/primitives/tabs.d.ts.map +0 -1
- package/dist/types/components/primitives/textarea.d.ts +0 -4
- package/dist/types/components/primitives/textarea.d.ts.map +0 -1
- package/dist/types/components/primitives/toggle-group.d.ts +0 -10
- package/dist/types/components/primitives/toggle-group.d.ts.map +0 -1
- package/dist/types/components/primitives/toggle.d.ts +0 -10
- package/dist/types/components/primitives/toggle.d.ts.map +0 -1
- package/dist/types/components/primitives/tooltip.d.ts +0 -8
- package/dist/types/components/primitives/tooltip.d.ts.map +0 -1
- package/dist/types/hooks/index.d.ts +0 -2
- package/dist/types/hooks/index.d.ts.map +0 -1
- package/dist/types/hooks/use-mobile.d.ts +0 -2
- package/dist/types/hooks/use-mobile.d.ts.map +0 -1
- package/dist/types/index.d.ts +0 -4
- package/dist/types/index.d.ts.map +0 -1
- package/dist/types/lib/utils.d.ts +0 -3
- package/dist/types/lib/utils.d.ts.map +0 -1
package/README.md
CHANGED
|
@@ -67,7 +67,7 @@ import {
|
|
|
67
67
|
CardHeader,
|
|
68
68
|
CardTitle,
|
|
69
69
|
CardContent,
|
|
70
|
-
} from "@
|
|
70
|
+
} from "@e-infra/e-infra-design-system";
|
|
71
71
|
|
|
72
72
|
function App() {
|
|
73
73
|
return (
|
|
@@ -84,72 +84,6 @@ function App() {
|
|
|
84
84
|
}
|
|
85
85
|
```
|
|
86
86
|
|
|
87
|
-
## 📚 Available Components
|
|
88
|
-
|
|
89
|
-
### Layout
|
|
90
|
-
|
|
91
|
-
- Card, Separator, AspectRatio, Sidebar
|
|
92
|
-
|
|
93
|
-
### Forms
|
|
94
|
-
|
|
95
|
-
- Button, Input, Textarea, Label, Checkbox, Radio Group, Select, Switch, Slider
|
|
96
|
-
|
|
97
|
-
### Data Display
|
|
98
|
-
|
|
99
|
-
- Table, Badge, Avatar, Calendar, Progress, Skeleton, Tooltip
|
|
100
|
-
|
|
101
|
-
### Feedback
|
|
102
|
-
|
|
103
|
-
- Alert, Alert Dialog, Toast (Sonner)
|
|
104
|
-
|
|
105
|
-
### Navigation
|
|
106
|
-
|
|
107
|
-
- Tabs, Breadcrumb, Navigation Menu, Menubar, Context Menu, Dropdown Menu
|
|
108
|
-
|
|
109
|
-
### Overlays
|
|
110
|
-
|
|
111
|
-
- Dialog, Sheet, Popover, Hover Card, Command, Drawer
|
|
112
|
-
|
|
113
|
-
### Other
|
|
114
|
-
|
|
115
|
-
- Accordion, Collapsible, Carousel, Toggle, Toggle Group, Scroll Area, Resizable
|
|
116
|
-
|
|
117
|
-
## 🎨 Typography
|
|
118
|
-
|
|
119
|
-
The design system includes standardized typography:
|
|
120
|
-
|
|
121
|
-
```tsx
|
|
122
|
-
// Headings
|
|
123
|
-
<h1 className="text-4xl font-bold tracking-tight">Main Heading</h1>
|
|
124
|
-
<h2 className="text-3xl font-semibold tracking-tight">Section Heading</h2>
|
|
125
|
-
<h3 className="text-2xl font-semibold tracking-tight">Sub-heading</h3>
|
|
126
|
-
<h4 className="text-xl font-semibold">Sub-section</h4>
|
|
127
|
-
|
|
128
|
-
// Body text
|
|
129
|
-
<p className="text-base leading-7">Standard body text</p>
|
|
130
|
-
<p className="text-sm text-muted-foreground">Small text</p>
|
|
131
|
-
<p className="text-xs text-muted-foreground">Caption text</p>
|
|
132
|
-
```
|
|
133
|
-
|
|
134
|
-
## 🎭 Theming
|
|
135
|
-
|
|
136
|
-
The design system uses CSS variables for theming. You can customize colors by overriding these variables:
|
|
137
|
-
|
|
138
|
-
```css
|
|
139
|
-
:root {
|
|
140
|
-
--background: 0 0% 100%;
|
|
141
|
-
--foreground: 240 10% 3.9%;
|
|
142
|
-
--primary: 240 5.9% 10%;
|
|
143
|
-
/* ... more variables */
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.dark {
|
|
147
|
-
--background: 240 10% 3.9%;
|
|
148
|
-
--foreground: 0 0% 98%;
|
|
149
|
-
/* ... more variables */
|
|
150
|
-
}
|
|
151
|
-
```
|
|
152
|
-
|
|
153
87
|
## 📖 Documentation
|
|
154
88
|
|
|
155
89
|
For full documentation and live examples, visit:
|
|
@@ -182,7 +116,7 @@ For other commands consult `package.json`.
|
|
|
182
116
|
|
|
183
117
|
## Docker
|
|
184
118
|
|
|
185
|
-
**Be in root of the project directory
|
|
119
|
+
**Be in root of the project directory.**
|
|
186
120
|
|
|
187
121
|
### Using Compose File (build and run)
|
|
188
122
|
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@e-infra/design-system",
|
|
4
|
-
"version": "0.0
|
|
4
|
+
"version": "0.1.0",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
7
7
|
"design system",
|
|
@@ -50,7 +50,8 @@
|
|
|
50
50
|
"lint:fix": "eslint --fix .",
|
|
51
51
|
"format": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,css,md}\" \"lib/**/*.{ts,tsx,js,jsx,json,css,md}\"",
|
|
52
52
|
"format:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,css,md}\" \"lib/**/*.{ts,tsx,js,jsx,json,css,md}\"",
|
|
53
|
-
"
|
|
53
|
+
"typecheck:lib": "tsc --noEmit --project tsconfig.lib.json",
|
|
54
|
+
"typecheck:showcase": "tsc --noEmit --project tsconfig.next.json",
|
|
54
55
|
"tsc": "tsc --noEmit --watch",
|
|
55
56
|
"check": "bun run type:check && bun run lint && bun run format:check"
|
|
56
57
|
},
|
|
@@ -72,6 +73,7 @@
|
|
|
72
73
|
"devDependencies": {
|
|
73
74
|
"@eslint/js": "^9.39.1",
|
|
74
75
|
"@radix-ui/react-slot": "^1.2.4",
|
|
76
|
+
"@storybook/addon-docs": "^10.2.16",
|
|
75
77
|
"@storybook/react": "^10.1.11",
|
|
76
78
|
"@storybook/react-vite": "^10.1.11",
|
|
77
79
|
"@tailwindcss/postcss": "^4.1.18",
|