@krizaka/ui 1.1.0 → 1.2.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 +8 -3
- package/dist/motion.css +2 -2
- package/package.json +31 -10
package/README.md
CHANGED
|
@@ -86,12 +86,17 @@ With Tailwind CSS v4, give every transition the same easing:
|
|
|
86
86
|
|
|
87
87
|
## Develop
|
|
88
88
|
|
|
89
|
+
This package lives in the [`krizaka-ui`](https://github.com/krizaka/krizaka-ui) monorepo (pnpm + Turborepo), in
|
|
90
|
+
`packages/ui`. From the repository root:
|
|
91
|
+
|
|
89
92
|
```bash
|
|
90
|
-
|
|
91
|
-
|
|
93
|
+
pnpm install
|
|
94
|
+
pnpm turbo run check --filter=@krizaka/ui # lint, type-check, tests, build, size, publint
|
|
92
95
|
```
|
|
93
96
|
|
|
94
|
-
Releases
|
|
97
|
+
Releases go through [Changesets](https://github.com/changesets/changesets): a pull request adds a
|
|
98
|
+
`.changeset/*.md`; merging the "Version Packages" pull request publishes to npm with provenance and tags
|
|
99
|
+
`@krizaka/ui@x.y.z`.
|
|
95
100
|
|
|
96
101
|
## Used by
|
|
97
102
|
|
package/dist/motion.css
CHANGED
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
position: absolute;
|
|
89
89
|
inset: 0;
|
|
90
90
|
border-radius: inherit;
|
|
91
|
-
background: radial-gradient(420px circle at var(--spot-x, 50%) var(--spot-y, 50%),
|
|
91
|
+
background: radial-gradient(420px circle at var(--spot-x, 50%) var(--spot-y, 50%), color-mix(in oklab, var(--kz-accent, #a855f7) 16%, transparent), transparent 45%);
|
|
92
92
|
opacity: 0;
|
|
93
93
|
transition: opacity 0.35s var(--kz-ease);
|
|
94
94
|
pointer-events: none;
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
@media (hover: hover) {
|
|
106
106
|
.kz-lift:hover {
|
|
107
107
|
transform: translateY(-4px);
|
|
108
|
-
box-shadow: 0 18px 40px -18px
|
|
108
|
+
box-shadow: 0 18px 40px -18px color-mix(in oklab, var(--kz-accent, #7c3aed) 45%, transparent);
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krizaka/ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"description": "The Krizaka brand layer shared by every product: the animated marks (Krizaka, Orazaka, Orochia) and the Krizaka motion signature, in CSS and React.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"krizaka",
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
"bugs": "https://github.com/krizaka/krizaka-ui/issues",
|
|
18
18
|
"repository": {
|
|
19
19
|
"type": "git",
|
|
20
|
-
"url": "git+https://github.com/krizaka/krizaka-ui.git"
|
|
20
|
+
"url": "git+https://github.com/krizaka/krizaka-ui.git",
|
|
21
|
+
"directory": "packages/ui"
|
|
21
22
|
},
|
|
22
23
|
"license": "Apache-2.0",
|
|
23
24
|
"author": "Krizaka (https://www.krizaka.com)",
|
|
@@ -45,13 +46,6 @@
|
|
|
45
46
|
"sideEffects": [
|
|
46
47
|
"*.css"
|
|
47
48
|
],
|
|
48
|
-
"scripts": {
|
|
49
|
-
"build": "tsup && node -e \"require('node:fs').copyFileSync('src/motion.css','dist/motion.css')\"",
|
|
50
|
-
"typecheck": "tsc --noEmit",
|
|
51
|
-
"test": "vitest run",
|
|
52
|
-
"check": "npm run typecheck && npm test && npm run build",
|
|
53
|
-
"prepublishOnly": "npm run check"
|
|
54
|
-
},
|
|
55
49
|
"peerDependencies": {
|
|
56
50
|
"react": ">=18",
|
|
57
51
|
"react-dom": ">=18",
|
|
@@ -59,15 +53,20 @@
|
|
|
59
53
|
"react-native-svg": ">=15"
|
|
60
54
|
},
|
|
61
55
|
"devDependencies": {
|
|
56
|
+
"@arethetypeswrong/cli": "^0.18.5",
|
|
57
|
+
"@size-limit/preset-small-lib": "^14.2.0",
|
|
62
58
|
"@testing-library/dom": "^10.4.0",
|
|
63
59
|
"@testing-library/react": "^16.3.0",
|
|
60
|
+
"@types/node": "^22.15.0",
|
|
64
61
|
"@types/react": "^19.2.0",
|
|
65
62
|
"@types/react-dom": "^19.2.0",
|
|
66
63
|
"happy-dom": "^20.0.0",
|
|
64
|
+
"publint": "^0.3.25",
|
|
67
65
|
"react": "^19.2.0",
|
|
68
66
|
"react-dom": "^19.2.0",
|
|
69
67
|
"react-native": "^0.86.3",
|
|
70
68
|
"react-native-svg": "^15.15.4",
|
|
69
|
+
"size-limit": "^14.2.0",
|
|
71
70
|
"tsup": "^8.5.1",
|
|
72
71
|
"typescript": "^5.9.0",
|
|
73
72
|
"vitest": "^4.1.11"
|
|
@@ -88,5 +87,27 @@
|
|
|
88
87
|
"react-native-svg": {
|
|
89
88
|
"optional": true
|
|
90
89
|
}
|
|
90
|
+
},
|
|
91
|
+
"size-limit": [
|
|
92
|
+
{
|
|
93
|
+
"name": ".",
|
|
94
|
+
"path": "dist/index.js",
|
|
95
|
+
"limit": "8 kB",
|
|
96
|
+
"gzip": true
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"name": "./native",
|
|
100
|
+
"path": "dist/native.js",
|
|
101
|
+
"limit": "6 kB",
|
|
102
|
+
"gzip": true
|
|
103
|
+
}
|
|
104
|
+
],
|
|
105
|
+
"scripts": {
|
|
106
|
+
"build": "tsup && node -e \"require('node:fs').copyFileSync('src/motion.css','dist/motion.css')\"",
|
|
107
|
+
"lint": "tsc --noEmit --noUnusedParameters --noFallthroughCasesInSwitch --noImplicitReturns",
|
|
108
|
+
"typecheck": "tsc --noEmit",
|
|
109
|
+
"test": "vitest run",
|
|
110
|
+
"size": "size-limit",
|
|
111
|
+
"publint": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./motion.css"
|
|
91
112
|
}
|
|
92
|
-
}
|
|
113
|
+
}
|