@dalshenekuda/candy-ui 2.1.1 → 2.1.2
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 +13 -6
- package/package.json +3 -9
package/README.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
React component library and design system for **headless commerce** storefronts—built for Hydrogen, custom Shopify stacks, and any React app that needs accessible, token-driven UI primitives.
|
|
4
4
|
|
|
5
|
-
**
|
|
5
|
+
**Storybook:** [component gallery on Chromatic](https://main--6ab56ef1aed13efbc107d427.chromatic.com/)
|
|
6
|
+
**Live storefront built on this kit:** [CandyArea on Oxygen](https://test-storefront-2c54109f9fded38e017b.o2.myshopify.dev/)
|
|
6
7
|
|
|
7
8
|
---
|
|
8
9
|
|
|
@@ -75,11 +76,18 @@ export function Example() {
|
|
|
75
76
|
|
|
76
77
|
## Documentation
|
|
77
78
|
|
|
78
|
-
- **
|
|
79
|
-
- **Install, exports, dark mode, preset:** [docs/CONSUMER_GUIDE.md](./docs/CONSUMER_GUIDE.md) (index — details in REACT.md)
|
|
80
|
-
- **Interactive API:** [Storybook](https://main--6ab56ef1aed13efbc107d427.chromatic.com/)
|
|
79
|
+
- **Interactive API and every component variant:** [Storybook](https://main--6ab56ef1aed13efbc107d427.chromatic.com/)
|
|
81
80
|
|
|
82
|
-
|
|
81
|
+
The source repositories for this kit and the CandyArea storefront, with the full docs (component API, consumer guide, design-token sync), will appear on GitHub.
|
|
82
|
+
|
|
83
|
+
---
|
|
84
|
+
|
|
85
|
+
## Design tokens and Figma
|
|
86
|
+
|
|
87
|
+
Colors, spacing, radii and tones are CSS custom properties in this kit. They are kept in sync with a Figma file through one shared JSON file (`tokens-studio/tokens.json`) and the Tokens Studio plugin, in both directions:
|
|
88
|
+
|
|
89
|
+
- **Code to Figma:** change a token in CSS, regenerate the JSON, pull it into Figma Variables.
|
|
90
|
+
- **Figma to code:** a designer changes a token in the plugin and pushes it. A pull request opens, a bot regenerates the CSS and adds a release note, and Chromatic shows every visual change for a human to review and accept before anything is merged or released.
|
|
83
91
|
|
|
84
92
|
---
|
|
85
93
|
|
|
@@ -87,7 +95,6 @@ See also [CandyArea](https://github.com/dalshenekuda/CandyArea) — a Hydrogen s
|
|
|
87
95
|
|
|
88
96
|
```bash
|
|
89
97
|
npm install # install dependencies
|
|
90
|
-
npm run dev # Vite dev server
|
|
91
98
|
npm run storybook # component explorer (local)
|
|
92
99
|
npm run build # production build → build/
|
|
93
100
|
npm run build-storybook # static Storybook → storybook-static/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dalshenekuda/candy-ui",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.2",
|
|
4
4
|
"description": "A React UI components library with Tailwind CSS",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -30,10 +30,7 @@
|
|
|
30
30
|
"tailwind.preset.js"
|
|
31
31
|
],
|
|
32
32
|
"scripts": {
|
|
33
|
-
"all": "concurrently -n build,dev -c blue,green \"npm run build:watch\" \"npm run dev\"",
|
|
34
|
-
"dev": "vite",
|
|
35
33
|
"build": "vite build",
|
|
36
|
-
"preview": "vite preview",
|
|
37
34
|
"type-check": "tsc --noEmit",
|
|
38
35
|
"lint": "eslint \"src/**/*.{ts,tsx}\"",
|
|
39
36
|
"lint:fix": "eslint \"src/**/*.{ts,tsx}\" --fix",
|
|
@@ -85,16 +82,15 @@
|
|
|
85
82
|
"@testing-library/react": "^16.3.3",
|
|
86
83
|
"@testing-library/user-event": "^14.6.7",
|
|
87
84
|
"@types/node": "^24.10.1",
|
|
88
|
-
"@
|
|
85
|
+
"@types/react": "^19.2.14",
|
|
86
|
+
"@types/react-dom": "^19.2.3",
|
|
89
87
|
"@vitejs/plugin-react": "^6.0.1",
|
|
90
88
|
"@vitest/ui": "^4.0.14",
|
|
91
89
|
"autoprefixer": "^10.4.22",
|
|
92
90
|
"chromatic": "^18.9.5",
|
|
93
|
-
"concurrently": "^9.2.1",
|
|
94
91
|
"eslint": "^10.0.2",
|
|
95
92
|
"eslint-config-prettier": "^10.1.0",
|
|
96
93
|
"jsdom": "^27.2.0",
|
|
97
|
-
"minimatch": "^10.2.3",
|
|
98
94
|
"postcss": "^8.5.6",
|
|
99
95
|
"prettier": "^3.0.0",
|
|
100
96
|
"rollup": "^4.59.0",
|
|
@@ -112,8 +108,6 @@
|
|
|
112
108
|
"dependencies": {
|
|
113
109
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
114
110
|
"@radix-ui/react-slot": "^1.2.4",
|
|
115
|
-
"@types/react": "^19.2.14",
|
|
116
|
-
"@types/react-dom": "^19.2.3",
|
|
117
111
|
"class-variance-authority": "^0.7.1",
|
|
118
112
|
"clsx": "^2.1.1",
|
|
119
113
|
"lucide-react": "^1.14.0",
|