@maxsteinwender/sort-ui 1.0.5 → 1.0.7
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 +10 -23
- package/package.json +9 -2
package/README.md
CHANGED
|
@@ -41,11 +41,11 @@ export default {
|
|
|
41
41
|
|
|
42
42
|
| | |
|
|
43
43
|
|---|---|
|
|
44
|
-
| **Components** |
|
|
45
|
-
| **Stories** |
|
|
44
|
+
| **Components** | 109 UI components across 26 categories |
|
|
45
|
+
| **Stories** | 111 interactive Storybook stories + 19 documentation pages |
|
|
46
46
|
| **Themes** | 4 themes (2 color schemes x light/dark) |
|
|
47
47
|
| **Source** | [Sort UI Kit 1.3](https://sortui.company) (Figma) |
|
|
48
|
-
| **Storybook** | [Live Documentation](
|
|
48
|
+
| **Storybook** | [Live Documentation](https://sortui-design-system.vercel.app/) |
|
|
49
49
|
|
|
50
50
|
## Tech Stack
|
|
51
51
|
|
|
@@ -57,20 +57,6 @@ export default {
|
|
|
57
57
|
- **Charts:** Recharts
|
|
58
58
|
- **Rich Text:** Lexical Editor
|
|
59
59
|
|
|
60
|
-
## Quick Start
|
|
61
|
-
|
|
62
|
-
```bash
|
|
63
|
-
# Clone & install
|
|
64
|
-
git clone <repo-url> sort-ui-design-system
|
|
65
|
-
cd sort-ui-design-system
|
|
66
|
-
npm install
|
|
67
|
-
|
|
68
|
-
# Start Storybook (main entry point)
|
|
69
|
-
npm run storybook
|
|
70
|
-
```
|
|
71
|
-
|
|
72
|
-
Open [http://localhost:6006](http://localhost:6006) to browse all components.
|
|
73
|
-
|
|
74
60
|
## Theme System
|
|
75
61
|
|
|
76
62
|
Sort UI supports 4 themes built on two color schemes:
|
|
@@ -93,12 +79,12 @@ Themes are applied via CSS classes on the root element. Switch between them in S
|
|
|
93
79
|
| **Badge** | Badge, StatusBadge, Chip, Label |
|
|
94
80
|
| **Charts** | LineChart, BarChart, DonutChart, PieChart |
|
|
95
81
|
| **Checkbox** | Checkbox, CheckboxWithText, CheckboxList, CheckboxCard |
|
|
96
|
-
| **Date Picker** | DatePicker (Calendar, Range, Popover compositions) |
|
|
82
|
+
| **Date Picker** | DatePicker, DatePickerInput (Calendar, Range, Popover compositions) |
|
|
97
83
|
| **Feedback** | Tooltip, InlineTips, EmptyState, Divider |
|
|
98
84
|
| **File Upload** | FileUploadArea, FileUploadCard, FileUpload (composition) |
|
|
99
|
-
| **Forms** | InputField, InputButton, InputCaption, TextAreaField, SelectInput |
|
|
85
|
+
| **Forms** | InputField, InputButton, InputCaption, TextAreaField, SelectInput, Combobox, Form Validation |
|
|
100
86
|
| **Grid Table** | GridTableHeaderItem, GridTableSlotItem, GridTableRow |
|
|
101
|
-
| **Navigation** | Breadcrumb, Paginator, DropdownMenu, Sidebar, SidebarCard |
|
|
87
|
+
| **Navigation** | Breadcrumb, Paginator, DropdownMenu, NavigationMenu, Sidebar, SidebarCard, CommandPalette |
|
|
102
88
|
| **Progress** | ProgressBar, RadialProgressBar |
|
|
103
89
|
| **Radio** | RadioButton, RadioButtonWithText, RadioButtonList, RadioButtonCard |
|
|
104
90
|
| **Selection** | ToggleGroup, SelectMenu, SelectMenuItem |
|
|
@@ -109,6 +95,7 @@ Themes are applied via CSS classes on the root element. Switch between them in S
|
|
|
109
95
|
| **Tabs** | TabItem, TabList, UnderlineTabItem, UnderlineTabs |
|
|
110
96
|
| **Code** | CodeBlock, MarkdownEditor |
|
|
111
97
|
| **Layout** | Userbar, SidebarMenuItem, AccordionItem |
|
|
98
|
+
| **Examples** | SignInCard, ProductCard |
|
|
112
99
|
|
|
113
100
|
## Project Structure
|
|
114
101
|
|
|
@@ -116,12 +103,12 @@ Themes are applied via CSS classes on the root element. Switch between them in S
|
|
|
116
103
|
sort-ui-design-system/
|
|
117
104
|
├── src/
|
|
118
105
|
│ ├── components/
|
|
119
|
-
│ │ └── ui/ #
|
|
120
|
-
│ ├── stories/ #
|
|
106
|
+
│ │ └── ui/ # 109 restyled shadcn/ui components
|
|
107
|
+
│ ├── stories/ # 111 Storybook stories + 19 MDX docs
|
|
121
108
|
│ ├── tokens/ # Figma token exports (JSON)
|
|
122
109
|
│ └── app/ # Next.js app (redirects to Storybook)
|
|
123
110
|
├── .storybook/ # Storybook configuration
|
|
124
|
-
├── features/ # Component specs (PROJ-1 to PROJ-
|
|
111
|
+
├── features/ # Component specs (PROJ-1 to PROJ-92)
|
|
125
112
|
├── docs/
|
|
126
113
|
│ ├── PRD.md # Product vision
|
|
127
114
|
│ └── COMPONENT-PATTERNS.md # Token & code patterns reference
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maxsteinwender/sort-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.7",
|
|
4
4
|
"description": "A coded design system based on Sort UI Kit — Figma components as production-ready Next.js/Tailwind components",
|
|
5
5
|
"author": "Max Steinwender",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -31,6 +31,10 @@
|
|
|
31
31
|
"sideEffects": [
|
|
32
32
|
"*.css"
|
|
33
33
|
],
|
|
34
|
+
"publishConfig": {
|
|
35
|
+
"registry": "https://registry.npmjs.org/",
|
|
36
|
+
"access": "public"
|
|
37
|
+
},
|
|
34
38
|
"peerDependencies": {
|
|
35
39
|
"react": ">=19.0.0",
|
|
36
40
|
"react-dom": ">=19.0.0"
|
|
@@ -47,7 +51,10 @@
|
|
|
47
51
|
"storybook": "storybook dev -p 6006",
|
|
48
52
|
"build-storybook": "storybook build && echo 'User-agent: *\\nDisallow: /' > storybook-static/robots.txt",
|
|
49
53
|
"format": "prettier --write \"src/**/*.{ts,tsx,mdx,json}\"",
|
|
50
|
-
"format:check": "prettier --check \"src/**/*.{ts,tsx,mdx,json}\""
|
|
54
|
+
"format:check": "prettier --check \"src/**/*.{ts,tsx,mdx,json}\"",
|
|
55
|
+
"release:npm": "npm publish",
|
|
56
|
+
"release:figma": "npm publish --registry=https://registry.figma.com/npm/8a1ce848-61af-4780-8812-138c0a6d816f/registry/",
|
|
57
|
+
"release:all": "npm run build:lib && npm run release:npm && npm run release:figma"
|
|
51
58
|
},
|
|
52
59
|
"dependencies": {
|
|
53
60
|
"@lexical/code": "^0.42.0",
|