@qasa/qds-ui 0.23.0 → 0.24.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/dist/index.d.mts +683 -3973
- package/dist/index.d.ts +683 -3973
- package/dist/index.js +197 -180
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +105 -89
- package/dist/index.mjs.map +1 -1
- package/dist/preset.css +147 -8
- package/package.json +18 -41
package/dist/preset.css
CHANGED
|
@@ -1,28 +1,167 @@
|
|
|
1
1
|
@theme inline {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
*/
|
|
5
|
-
--*: initial;
|
|
6
|
-
--leading-*: initial;
|
|
7
|
-
|
|
2
|
+
/* Remove all default font families */
|
|
3
|
+
--font-*: initial;
|
|
8
4
|
--font-sans: var(--font-family-sans), Helvetica, -apple-system, Arial, sans-serif;
|
|
9
5
|
--font-display: var(--font-family-display), Helvetica, -apple-system, Arial, sans-serif;
|
|
10
6
|
--font-display--font-feature-settings: 'ss05';
|
|
7
|
+
|
|
8
|
+
/* Remove all default font weights */
|
|
9
|
+
--font-weight-*: initial;
|
|
10
|
+
|
|
11
|
+
/* Remove all default font sizes */
|
|
12
|
+
--text-*: initial;
|
|
13
|
+
|
|
14
|
+
/* Remove all default line heights */
|
|
15
|
+
--leading-*: initial;
|
|
16
|
+
|
|
17
|
+
/* Remove all default letter spacings */
|
|
18
|
+
--tracking-*: initial;
|
|
19
|
+
|
|
20
|
+
--color-*: initial;
|
|
21
|
+
/* Brand colors */
|
|
22
|
+
--color-pink: #ff84b6;
|
|
23
|
+
--color-brown: #342620;
|
|
24
|
+
--color-brown-dark: #2a1e1a;
|
|
25
|
+
--color-brown-light: #3c2f29;
|
|
26
|
+
--color-offWhite: #f0f0eb;
|
|
27
|
+
--color-offWhite-dark: #e0e0d6;
|
|
28
|
+
--color-offWhite-light: #f6f6f3;
|
|
29
|
+
--color-softPink: #ffe8f0;
|
|
30
|
+
--color-warmYellow: #ffd66c;
|
|
31
|
+
--color-softYellow: #fff8cc;
|
|
32
|
+
|
|
33
|
+
/* Functional colors */
|
|
34
|
+
--color-black: #000000;
|
|
35
|
+
--color-white: #ffffff;
|
|
36
|
+
--color-uiPink: #ff99c2;
|
|
37
|
+
--color-uiPink-dark: #ff84b6;
|
|
38
|
+
--color-uiPink-light: #ffa3c8;
|
|
39
|
+
--color-gray-10: #f9f9f6;
|
|
40
|
+
--color-gray-20: #f0f0eb;
|
|
41
|
+
--color-gray-30: #e5e5df;
|
|
42
|
+
--color-gray-40: #d6d6cd;
|
|
43
|
+
--color-gray-50: #a3a396;
|
|
44
|
+
--color-gray-60: #78786c;
|
|
45
|
+
--color-gray-70: #545448;
|
|
46
|
+
--color-gray-80: #424236;
|
|
47
|
+
--color-gray-90: #26261d;
|
|
48
|
+
--color-red-10: #fef3f1;
|
|
49
|
+
--color-red-20: #fad8d4;
|
|
50
|
+
--color-red-30: #f8b2a8;
|
|
51
|
+
--color-red-40: #f47e6e;
|
|
52
|
+
--color-red-50: #ef452e;
|
|
53
|
+
--color-red-60: #de1b00;
|
|
54
|
+
--color-red-70: #c21700;
|
|
55
|
+
--color-red-80: #a81400;
|
|
56
|
+
--color-red-90: #8a1100;
|
|
57
|
+
--color-green-10: #f5fbf7;
|
|
58
|
+
--color-green-20: #d1efda;
|
|
59
|
+
--color-green-30: #a1deb2;
|
|
60
|
+
--color-green-40: #66ca82;
|
|
61
|
+
--color-green-50: #30b757;
|
|
62
|
+
--color-green-60: #00a62f;
|
|
63
|
+
--color-green-70: #009029;
|
|
64
|
+
--color-green-80: #007d23;
|
|
65
|
+
--color-green-90: #00661d;
|
|
66
|
+
--color-blue-10: #f0f7ff;
|
|
67
|
+
--color-blue-20: #dbebff;
|
|
68
|
+
--color-blue-30: #bdd7ff;
|
|
69
|
+
--color-blue-40: #80aeff;
|
|
70
|
+
--color-blue-50: #578fff;
|
|
71
|
+
--color-blue-60: #3370ff;
|
|
72
|
+
--color-blue-70: #0045f6;
|
|
73
|
+
--color-blue-80: #0039cc;
|
|
74
|
+
--color-blue-90: #00288e;
|
|
75
|
+
--color-yellow-10: #fef7e5;
|
|
76
|
+
--color-yellow-20: #fbe6b2;
|
|
77
|
+
--color-yellow-30: #f9d682;
|
|
78
|
+
--color-yellow-40: #f7c652;
|
|
79
|
+
--color-yellow-50: #f5b92b;
|
|
80
|
+
--color-yellow-60: #f3ab00;
|
|
81
|
+
--color-yellow-70: #e29f00;
|
|
82
|
+
--color-yellow-80: #c58b00;
|
|
83
|
+
--color-yellow-90: #9b6d00;
|
|
84
|
+
|
|
85
|
+
/*
|
|
86
|
+
Based on Tailwind V3's default spacing scale,
|
|
87
|
+
but with some unnecessary values removed (e.g. 10px)
|
|
88
|
+
*/
|
|
89
|
+
--spacing: initial;
|
|
90
|
+
--spacing-0: 0;
|
|
91
|
+
--spacing-1: 0.25rem;
|
|
92
|
+
--spacing-2: 0.5rem;
|
|
93
|
+
--spacing-3: 0.75rem;
|
|
94
|
+
--spacing-4: 1rem;
|
|
95
|
+
--spacing-5: 1.25rem;
|
|
96
|
+
--spacing-6: 1.5rem;
|
|
97
|
+
--spacing-7: 1.75rem;
|
|
98
|
+
--spacing-8: 2rem;
|
|
99
|
+
--spacing-10: 2.5rem;
|
|
100
|
+
--spacing-12: 3rem;
|
|
101
|
+
--spacing-14: 3.5rem;
|
|
102
|
+
--spacing-16: 4rem;
|
|
103
|
+
--spacing-20: 5rem;
|
|
104
|
+
--spacing-24: 6rem;
|
|
105
|
+
--spacing-28: 7rem;
|
|
106
|
+
--spacing-32: 8rem;
|
|
107
|
+
--spacing-36: 9rem;
|
|
108
|
+
--spacing-40: 10rem;
|
|
109
|
+
--spacing-44: 11rem;
|
|
110
|
+
--spacing-48: 12rem;
|
|
111
|
+
--spacing-52: 13rem;
|
|
112
|
+
--spacing-56: 14rem;
|
|
113
|
+
--spacing-60: 15rem;
|
|
114
|
+
--spacing-64: 16rem;
|
|
115
|
+
--spacing-72: 18rem;
|
|
116
|
+
--spacing-80: 20rem;
|
|
117
|
+
--spacing-96: 24rem;
|
|
118
|
+
|
|
119
|
+
--radius-*: initial;
|
|
120
|
+
--radius-2xs: 6px;
|
|
121
|
+
--radius-xs: 8px;
|
|
122
|
+
--radius-sm: 12px;
|
|
123
|
+
--radius-md: 16px;
|
|
124
|
+
--radius-lg: 24px;
|
|
125
|
+
--radius-xl: 32px;
|
|
126
|
+
--radius-2xl: 48px;
|
|
127
|
+
/* Full rounding is included by default */
|
|
128
|
+
|
|
129
|
+
--shadow-*: initial;
|
|
130
|
+
--shadow-sm: 0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283),
|
|
131
|
+
0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035);
|
|
132
|
+
--shadow-md: 0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283),
|
|
133
|
+
0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417);
|
|
134
|
+
--shadow-lg: 0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283),
|
|
135
|
+
0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417),
|
|
136
|
+
0px 13px 31.3px 0px rgba(0, 0, 0, 0.0503);
|
|
137
|
+
--shadow-xl: 0px 0.9px 2.1px 0px rgba(0, 0, 0, 0.0197), 0px 2.1px 5px 0px rgba(0, 0, 0, 0.0283),
|
|
138
|
+
0px 3.9px 9.4px 0px rgba(0, 0, 0, 0.035), 0px 7px 16.8px 0px rgba(0, 0, 0, 0.0417),
|
|
139
|
+
0px 13px 31.3px 0px rgba(0, 0, 0, 0.0503), 0px 31px 75px 0px rgba(0, 0, 0, 0.07);
|
|
11
140
|
}
|
|
12
141
|
|
|
13
142
|
@layer base {
|
|
14
143
|
html {
|
|
15
144
|
@apply antialiased;
|
|
145
|
+
font-synthesis: none;
|
|
16
146
|
}
|
|
17
147
|
body {
|
|
18
|
-
@apply font-sans text-[16px]
|
|
148
|
+
@apply font-sans text-[16px] text-brown;
|
|
19
149
|
}
|
|
20
150
|
|
|
21
151
|
button,
|
|
22
152
|
a,
|
|
23
153
|
[role='button'] {
|
|
24
154
|
&:focus-visible {
|
|
25
|
-
@apply outline-2 outline-
|
|
155
|
+
@apply outline-2 outline-brown outline-offset-2;
|
|
26
156
|
}
|
|
27
157
|
}
|
|
158
|
+
|
|
159
|
+
button,
|
|
160
|
+
[role='button'] {
|
|
161
|
+
@apply cursor-pointer;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
:disabled {
|
|
165
|
+
cursor: not-allowed;
|
|
166
|
+
}
|
|
28
167
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qasa/qds-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.24.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -26,34 +26,19 @@
|
|
|
26
26
|
"dist"
|
|
27
27
|
],
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@
|
|
30
|
-
"@changesets/cli": "^2.26.0",
|
|
31
|
-
"@emotion/cache": "^11.10.4",
|
|
29
|
+
"@emotion/cache": "^11.14.0",
|
|
32
30
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
33
|
-
"@emotion/react": "^11.
|
|
34
|
-
"@emotion/styled": "^11.
|
|
35
|
-
"@storybook/addon-a11y": "^8.4.5",
|
|
36
|
-
"@storybook/addon-actions": "^8.4.5",
|
|
37
|
-
"@storybook/addon-essentials": "^8.4.5",
|
|
38
|
-
"@storybook/addon-interactions": "^8.4.5",
|
|
39
|
-
"@storybook/addon-links": "^8.4.5",
|
|
40
|
-
"@storybook/addon-styling-webpack": "^1.0.1",
|
|
41
|
-
"@storybook/addon-webpack5-compiler-swc": "^1.0.5",
|
|
42
|
-
"@storybook/react": "^8.4.5",
|
|
43
|
-
"@storybook/react-webpack5": "^8.4.5",
|
|
44
|
-
"@storybook/test": "^8.4.5",
|
|
45
|
-
"@tailwindcss/postcss": "^4.0.0",
|
|
31
|
+
"@emotion/react": "^11.14.0",
|
|
32
|
+
"@emotion/styled": "^11.14.0",
|
|
46
33
|
"@testing-library/jest-dom": "^6.6.3",
|
|
47
34
|
"@testing-library/react": "^16.2.0",
|
|
48
35
|
"@testing-library/user-event": "^14.6.0",
|
|
49
36
|
"@types/node": "^20.12.2",
|
|
50
|
-
"@types/react": "^
|
|
51
|
-
"@types/react-dom": "^
|
|
37
|
+
"@types/react": "^19.0.10",
|
|
38
|
+
"@types/react-dom": "^19.0.4",
|
|
52
39
|
"@typescript-eslint/eslint-plugin": "^7.4.0",
|
|
53
40
|
"@typescript-eslint/parser": "^7.4.0",
|
|
54
41
|
"@vitejs/plugin-react": "^4.3.4",
|
|
55
|
-
"babel-jest": "^29.1.0",
|
|
56
|
-
"css-loader": "^7.1.2",
|
|
57
42
|
"eslint": "^8.57.0",
|
|
58
43
|
"eslint-config-prettier": "^9.1.0",
|
|
59
44
|
"eslint-import-resolver-typescript": "^3.6.1",
|
|
@@ -65,18 +50,12 @@
|
|
|
65
50
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
66
51
|
"globby": "^14.0.2",
|
|
67
52
|
"jsdom": "^26.0.0",
|
|
68
|
-
"lucide-react": "^0.
|
|
69
|
-
"motion": "^
|
|
70
|
-
"postcss": "^8.4.49",
|
|
71
|
-
"postcss-loader": "^8.1.1",
|
|
53
|
+
"lucide-react": "^0.475.0",
|
|
54
|
+
"motion": "^12.4.7",
|
|
72
55
|
"prettier": "^3.2.5",
|
|
73
|
-
"react": "^
|
|
74
|
-
"react-dom": "^
|
|
75
|
-
"react-hook-form": "^7.41.0",
|
|
56
|
+
"react": "^19.0.0",
|
|
57
|
+
"react-dom": "^19.0.0",
|
|
76
58
|
"rimraf": "^3.0.2",
|
|
77
|
-
"storybook": "^8.4.5",
|
|
78
|
-
"storybook-dark-mode": "^4.0.2",
|
|
79
|
-
"style-loader": "^4.0.0",
|
|
80
59
|
"tailwindcss": "^4.0.0",
|
|
81
60
|
"tsup": "^8.0.2",
|
|
82
61
|
"tsx": "^4.19.2",
|
|
@@ -96,25 +75,23 @@
|
|
|
96
75
|
"tailwindcss": ">=4.0.0"
|
|
97
76
|
},
|
|
98
77
|
"dependencies": {
|
|
99
|
-
"@radix-ui/react-avatar": "^1.1.
|
|
100
|
-
"@radix-ui/react-checkbox": "^1.1.
|
|
101
|
-
"@radix-ui/react-dropdown-menu": "^2.1.
|
|
102
|
-
"@radix-ui/react-radio-group": "^1.2.
|
|
103
|
-
"@radix-ui/react-switch": "^1.1.
|
|
104
|
-
"@radix-ui/react-toast": "^1.2.
|
|
78
|
+
"@radix-ui/react-avatar": "^1.1.3",
|
|
79
|
+
"@radix-ui/react-checkbox": "^1.1.4",
|
|
80
|
+
"@radix-ui/react-dropdown-menu": "^2.1.6",
|
|
81
|
+
"@radix-ui/react-radio-group": "^1.2.3",
|
|
82
|
+
"@radix-ui/react-switch": "^1.1.3",
|
|
83
|
+
"@radix-ui/react-toast": "^1.2.6",
|
|
105
84
|
"class-variance-authority": "^0.7.1"
|
|
106
85
|
},
|
|
107
86
|
"scripts": {
|
|
108
|
-
"dev": "
|
|
87
|
+
"dev": "tsup --watch",
|
|
109
88
|
"build": "pnpm build:safelist && tsup",
|
|
110
89
|
"build:safelist": "tsx scripts/build-safelist/run.ts",
|
|
111
|
-
"build:storybook": "storybook build",
|
|
112
90
|
"clean": "rimraf dist",
|
|
113
91
|
"test": "vitest",
|
|
114
92
|
"lint": "eslint .",
|
|
115
93
|
"lint:types": "tsc --noEmit",
|
|
116
94
|
"lint:ci": "NODE_ENV=production eslint .",
|
|
117
|
-
"lint:prettier": "prettier --check ./src"
|
|
118
|
-
"release": "changeset publish"
|
|
95
|
+
"lint:prettier": "prettier --check ./src"
|
|
119
96
|
}
|
|
120
97
|
}
|