@clasing/ui 0.0.43 → 0.0.45
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.ts +2 -0
- package/dist/index.es.js +221 -83
- package/dist/index.umd.js +9 -9
- package/dist/style.css +1 -1
- package/package.json +2 -1
- package/tailwind.config.js +54 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@clasing/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.45",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.umd.js",
|
|
6
6
|
"module": "./dist/index.es.js",
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
"@tabler/icons-react": "^3.3.0",
|
|
36
36
|
"class-variance-authority": "^0.7.0",
|
|
37
37
|
"clsx": "^2.1.1",
|
|
38
|
+
"framer-motion": "^11.2.5",
|
|
38
39
|
"react": "^18.2.0",
|
|
39
40
|
"react-dom": "^18.2.0",
|
|
40
41
|
"tailwind-merge": "^2.3.0"
|
package/tailwind.config.js
CHANGED
|
@@ -61,6 +61,12 @@ module.exports = {
|
|
|
61
61
|
colors: {
|
|
62
62
|
button: {
|
|
63
63
|
primary: {
|
|
64
|
+
border: {
|
|
65
|
+
enabled: 'transparent',
|
|
66
|
+
hover: 'transparent',
|
|
67
|
+
pressed: 'transparent',
|
|
68
|
+
disabled: 'transparent',
|
|
69
|
+
},
|
|
64
70
|
background: {
|
|
65
71
|
enabled: 'var(--color-brand-500)',
|
|
66
72
|
hover: 'var(--color-brand-700)',
|
|
@@ -75,6 +81,12 @@ module.exports = {
|
|
|
75
81
|
},
|
|
76
82
|
},
|
|
77
83
|
secondary: {
|
|
84
|
+
border: {
|
|
85
|
+
enabled: 'transparent',
|
|
86
|
+
hover: 'transparent',
|
|
87
|
+
pressed: 'transparent',
|
|
88
|
+
disabled: 'transparent',
|
|
89
|
+
},
|
|
78
90
|
background: {
|
|
79
91
|
enabled: 'var(--color-blue-500)',
|
|
80
92
|
hover: 'var(--color-blue-700)',
|
|
@@ -89,6 +101,12 @@ module.exports = {
|
|
|
89
101
|
},
|
|
90
102
|
},
|
|
91
103
|
tertiary: {
|
|
104
|
+
border: {
|
|
105
|
+
enabled: 'transparent',
|
|
106
|
+
hover: 'transparent',
|
|
107
|
+
pressed: 'transparent',
|
|
108
|
+
disabled: 'transparent',
|
|
109
|
+
},
|
|
92
110
|
background: {
|
|
93
111
|
enabled: 'var(--color-neutral-900)',
|
|
94
112
|
hover: 'var(--color-neutral-700)',
|
|
@@ -103,6 +121,12 @@ module.exports = {
|
|
|
103
121
|
},
|
|
104
122
|
},
|
|
105
123
|
ghost: {
|
|
124
|
+
border: {
|
|
125
|
+
enabled: 'transparent',
|
|
126
|
+
hover: 'transparent',
|
|
127
|
+
pressed: 'transparent',
|
|
128
|
+
disabled: 'transparent',
|
|
129
|
+
},
|
|
106
130
|
background: {
|
|
107
131
|
enabled: 'transparent',
|
|
108
132
|
hover: 'var(--color-neutral-300)',
|
|
@@ -129,7 +153,7 @@ module.exports = {
|
|
|
129
153
|
pressed: 'var(--color-neutral-000)',
|
|
130
154
|
disabled: 'var(--color-neutral-500)',
|
|
131
155
|
},
|
|
132
|
-
|
|
156
|
+
border: {
|
|
133
157
|
enabled: 'var(--color-neutral-500)',
|
|
134
158
|
hover: 'transparent',
|
|
135
159
|
pressed: 'transparent',
|
|
@@ -137,6 +161,12 @@ module.exports = {
|
|
|
137
161
|
},
|
|
138
162
|
},
|
|
139
163
|
destructive: {
|
|
164
|
+
border: {
|
|
165
|
+
enabled: 'transparent',
|
|
166
|
+
hover: 'transparent',
|
|
167
|
+
pressed: 'transparent',
|
|
168
|
+
disabled: 'transparent',
|
|
169
|
+
},
|
|
140
170
|
background: {
|
|
141
171
|
enabled: 'var(--color-brand-200)',
|
|
142
172
|
hover: 'var(--color-brand-300)',
|
|
@@ -166,6 +196,12 @@ module.exports = {
|
|
|
166
196
|
},
|
|
167
197
|
icon: {
|
|
168
198
|
fill: {
|
|
199
|
+
border: {
|
|
200
|
+
enabled: 'transparent',
|
|
201
|
+
hover: 'transparent',
|
|
202
|
+
pressed: 'transparent',
|
|
203
|
+
disabled: 'transparent',
|
|
204
|
+
},
|
|
169
205
|
bg: {
|
|
170
206
|
enabled: 'var(--color-brand-500)',
|
|
171
207
|
hover: 'var(--color-brand-700)',
|
|
@@ -180,7 +216,7 @@ module.exports = {
|
|
|
180
216
|
},
|
|
181
217
|
},
|
|
182
218
|
outline: {
|
|
183
|
-
|
|
219
|
+
border: {
|
|
184
220
|
enabled: 'var(--color-neutral-500)',
|
|
185
221
|
hover: 'transparent',
|
|
186
222
|
pressed: 'transparent',
|
|
@@ -200,6 +236,12 @@ module.exports = {
|
|
|
200
236
|
},
|
|
201
237
|
},
|
|
202
238
|
ghost: {
|
|
239
|
+
border: {
|
|
240
|
+
enabled: 'transparent',
|
|
241
|
+
hover: 'transparent',
|
|
242
|
+
pressed: 'transparent',
|
|
243
|
+
disabled: 'transparent',
|
|
244
|
+
},
|
|
203
245
|
bg: {
|
|
204
246
|
enabled: 'transparent',
|
|
205
247
|
hover: 'var(--color-neutral-300)',
|
|
@@ -430,13 +472,22 @@ module.exports = {
|
|
|
430
472
|
'4xl': '32px',
|
|
431
473
|
full: '9999px',
|
|
432
474
|
},
|
|
433
|
-
|
|
475
|
+
borderWidth: {
|
|
434
476
|
none: '0',
|
|
435
477
|
xs: '0.5px',
|
|
436
478
|
sm: '1px',
|
|
437
479
|
md: '2px',
|
|
438
480
|
lg: '4px',
|
|
439
481
|
},
|
|
482
|
+
boxShadow: {
|
|
483
|
+
xs: '0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04)',
|
|
484
|
+
sm: '0px 2px 6px 0px rgba(16, 24, 40, 0.06)',
|
|
485
|
+
md: '0px 6px 15px -2px rgba(16, 24, 40, 0.08), 0px 6px 15px -2px rgba(16, 24, 40, 0.08)',
|
|
486
|
+
lg: '0px 8px 24px -3px rgba(16, 24, 40, 0.05), 0px 8px 24px -3px rgba(16, 24, 40, 0.10)',
|
|
487
|
+
xl: '0px 20px 40px -8px rgba(16, 24, 40, 0.05), 0px 20px 40px -8px rgba(16, 24, 40, 0.10)',
|
|
488
|
+
'2xl':
|
|
489
|
+
'0px 25px 60px -15px rgba(16, 24, 40, 0.12), 0px 25px 60px -15px rgba(16, 24, 40, 0.20)',
|
|
490
|
+
},
|
|
440
491
|
extend: {
|
|
441
492
|
padding: {
|
|
442
493
|
'button-sm': '10px 24px',
|