@axis-ds/ui-react 1.8.0 → 1.8.1
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 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -30,13 +30,20 @@ Tailwind CSS 4(`@import "tailwindcss"`, create-next-app 15.5 기본)에서는 `@
|
|
|
30
30
|
|
|
31
31
|
### Tailwind CSS 3
|
|
32
32
|
|
|
33
|
-
CSS Variables
|
|
33
|
+
CSS Variables 설정(두 줄 모두, 이 순서로 `@tailwind` 지시문보다 앞에):
|
|
34
34
|
|
|
35
35
|
```css
|
|
36
36
|
/* globals.css */
|
|
37
|
+
@import '@axis-ds/tokens/css';
|
|
37
38
|
@import '@axis-ds/tokens/css/shadcn';
|
|
39
|
+
|
|
40
|
+
@tailwind base;
|
|
41
|
+
@tailwind components;
|
|
42
|
+
@tailwind utilities;
|
|
38
43
|
```
|
|
39
44
|
|
|
45
|
+
- `@axis-ds/tokens/css` 는 컴포넌트가 읽는 `--axis-*` 변수를 정의합니다. 빠지면 Input · Checkbox 경계가 글자색이 되고 Progress 채움이 투명해집니다. `@axis-ds/tokens/css/shadcn` 은 preset 이 읽는 `--primary` · `--radius` 등을 정의합니다.
|
|
46
|
+
|
|
40
47
|
`tailwind.config` 에는 `@axis-ds/tokens/tailwind` preset 과 함께 컴포넌트 파일을 `content` 에 넣습니다.
|
|
41
48
|
|
|
42
49
|
```js
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axis-ds/ui-react",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.1",
|
|
4
4
|
"description": "AXIS Design System - Core React UI Components",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -302,7 +302,7 @@
|
|
|
302
302
|
"clsx": "^2.1.0",
|
|
303
303
|
"cmdk": "^1.1.1",
|
|
304
304
|
"tailwind-merge": "^2.5.0",
|
|
305
|
-
"@axis-ds/tokens": "1.8.
|
|
305
|
+
"@axis-ds/tokens": "1.8.1"
|
|
306
306
|
},
|
|
307
307
|
"devDependencies": {
|
|
308
308
|
"@testing-library/jest-dom": "^6.9.1",
|