@petnow/ui 5.3.0 → 5.4.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.
Files changed (22) hide show
  1. package/CHANGELOG.md +47 -0
  2. package/README.md +85 -5
  3. package/dist/Chip-Bu5q0mhe.js +53 -0
  4. package/dist/Chip-Bu5q0mhe.js.map +1 -0
  5. package/dist/chip.js +2 -52
  6. package/dist/index.css +5 -2
  7. package/dist/index.es.js +1 -1
  8. package/dist/native/chip.js +134 -0
  9. package/dist/native/chip.js.map +1 -0
  10. package/dist/native/components/chip/Chip.native.d.ts +14 -0
  11. package/dist/native/components/chip/Chip.types.d.ts +11 -0
  12. package/dist/native/components/chip/Chip.variants.d.ts +12 -0
  13. package/dist/native/utils/TailwindUtil.d.ts +2 -0
  14. package/dist/native/utils/mergeRefs.d.ts +2 -0
  15. package/dist/src/components/chip/Chip.d.ts +2 -7
  16. package/dist/src/components/chip/Chip.types.d.ts +11 -0
  17. package/dist/src/components/chip/Chip.variants.d.ts +12 -0
  18. package/package.json +34 -5
  19. package/petnow-design-system-v1.css +2 -0
  20. package/petnow-design-system-v1.uniwind.css +763 -0
  21. package/tailwind.css +2 -0
  22. package/dist/chip.js.map +0 -1
package/package.json CHANGED
@@ -1,17 +1,23 @@
1
1
  {
2
2
  "name": "@petnow/ui",
3
- "version": "5.3.0",
3
+ "version": "5.4.0",
4
4
  "type": "module",
5
5
  "packageManager": "pnpm@11.1.3",
6
6
  "scripts": {
7
- "build": "tsc && vite build && pnpm run build:css && pnpm run build:legacy-shims",
7
+ "build": "tsc && vite build && vite build -c vite.native.config.ts && pnpm run build:css && pnpm run build:legacy-shims",
8
8
  "build:css": "node -e \"require('fs').copyFileSync('src/styles/components.css', 'dist/index.css')\"",
9
9
  "build:legacy-shims": "node scripts/write-legacy-dist-shims.mjs",
10
+ "generate:native-theme": "node scripts/generate-native-theme.mjs",
10
11
  "check:dist": "node scripts/check-dist-node.mjs",
12
+ "check:dist:native": "node scripts/check-dist-native.mjs",
11
13
  "lint": "eslint . --report-unused-disable-directives",
12
14
  "lint:fix": "eslint . --fix",
13
15
  "storybook": "storybook dev -p 6006",
14
- "build-storybook": "storybook build",
16
+ "storybook:native": "storybook dev -p 6007 --exact-port -c .storybook-native --no-open",
17
+ "build-storybook": "storybook build && pnpm run build-storybook:native",
18
+ "build-storybook:native": "storybook build -c .storybook-native -o storybook-static/native",
19
+ "test:visual": "playwright test",
20
+ "test:visual:docker": "bash scripts/visual-docker.sh",
15
21
  "format": "prettier . --check",
16
22
  "format:fix": "prettier . --write"
17
23
  },
@@ -26,13 +32,16 @@
26
32
  "devDependencies": {
27
33
  "@chromatic-com/storybook": "^5.0.2",
28
34
  "@eslint/js": "10.0.1",
35
+ "@playwright/test": "1.64.1",
29
36
  "@storybook/addon-docs": "10.3.1",
30
37
  "@storybook/addon-links": "10.3.1",
31
38
  "@storybook/addon-mcp": "10.6.2",
32
39
  "@storybook/addon-onboarding": "10.3.1",
33
40
  "@storybook/react": "10.3.1",
41
+ "@storybook/react-native-web-vite": "10.4.1",
34
42
  "@storybook/react-vite": "10.4.1",
35
43
  "@tailwindcss/postcss": "^4.2.2",
44
+ "@tailwindcss/vite": "4.3.3",
36
45
  "@testing-library/jest-dom": "^6.9.0",
37
46
  "@testing-library/react": "^16.3.2",
38
47
  "@testing-library/user-event": "^14.6.1",
@@ -59,17 +68,31 @@
59
68
  "prettier-plugin-tailwindcss": "^0.6.14",
60
69
  "react": "^19.2.7",
61
70
  "react-dom": "^19.2.7",
71
+ "react-native": "0.81.5",
72
+ "react-native-svg": "15.15.1",
73
+ "react-native-web": "0.21.4",
62
74
  "storybook": "10.6.2",
63
75
  "tailwindcss": "^4.1.14",
64
76
  "ts-jest": "^29.4.6",
65
77
  "typescript": "^5.7.2",
78
+ "uniwind": "~1.13.1",
66
79
  "vite": "^8.1.6",
67
80
  "vite-plugin-dts": "^5.0.1"
68
81
  },
69
82
  "peerDependencies": {
70
83
  "react": "^19.0.0",
71
84
  "react-dom": "^19.0.0",
72
- "tailwindcss": "^4.1.0"
85
+ "tailwindcss": "^4.1.0",
86
+ "react-native": ">=0.81.0",
87
+ "uniwind": "^1.13.0"
88
+ },
89
+ "peerDependenciesMeta": {
90
+ "react-native": {
91
+ "optional": true
92
+ },
93
+ "uniwind": {
94
+ "optional": true
95
+ }
73
96
  },
74
97
  "main": "dist/index.es.js",
75
98
  "types": "dist/index.d.ts",
@@ -102,6 +125,10 @@
102
125
  "import": "./dist/badge.js"
103
126
  },
104
127
  "./chip": {
128
+ "react-native": {
129
+ "types": "./dist/native/components/chip/Chip.native.d.ts",
130
+ "default": "./dist/native/chip.js"
131
+ },
105
132
  "types": "./dist/src/components/chip/Chip.d.ts",
106
133
  "import": "./dist/chip.js"
107
134
  },
@@ -276,12 +303,14 @@
276
303
  "./package.json": "./package.json",
277
304
  "./dist/*": "./dist/*",
278
305
  "./tailwind.css": "./tailwind.css",
279
- "./petnow-design-system-v1.css": "./petnow-design-system-v1.css"
306
+ "./petnow-design-system-v1.css": "./petnow-design-system-v1.css",
307
+ "./petnow-design-system-v1.uniwind.css": "./petnow-design-system-v1.uniwind.css"
280
308
  },
281
309
  "files": [
282
310
  "dist",
283
311
  "tailwind.css",
284
312
  "petnow-design-system-v1.css",
313
+ "petnow-design-system-v1.uniwind.css",
285
314
  "CHANGELOG.md",
286
315
  "docs/adr",
287
316
  "docs/migration"
package/petnow-design-system-v1.css CHANGED
@@ -125,6 +125,7 @@
125
125
  --surface-base-accent-3-badge: var(--petnow-main-50);
126
126
  --surface-base-accent-3-alpha: #ff580066;
127
127
  --surface-base-neutral-1: var(--neutral-grey-100);
128
+ --surface-base-neutral-1-alpha-1: #ffffff99;
128
129
  --surface-base-neutral-2: var(--neutral-grey-95);
129
130
  --surface-secondary-accent: var(--petnow-main-90);
130
131
  --surface-secondary-accent-hover: var(--petnow-main-80);
@@ -224,6 +225,7 @@
224
225
  --surface-base-accent-3-badge: var(--petify-brand-50);
225
226
  --surface-base-accent-3-alpha: #0033b566;
226
227
  --surface-base-neutral-1: var(--neutral-grey-100);
228
+ --surface-base-neutral-1-alpha-1: #ffffff99;
227
229
  --surface-base-neutral-2: var(--neutral-grey-95);
228
230
  --surface-secondary-accent: var(--petify-main-90);
229
231
  --surface-secondary-accent-hover: var(--petify-main-80);