@trackunit/react-components 0.1.67 → 0.1.69
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/index.cjs +272 -192
- package/index.css +23 -24
- package/index.js +270 -192
- package/package.json +2 -2
- package/src/components/FormGroup/FormGroup.d.ts +2 -1
- package/src/hooks/index.d.ts +2 -0
- package/src/hooks/useClickOutside.d.ts +12 -0
- package/src/hooks/useResize.d.ts +10 -0
package/index.css
CHANGED
|
@@ -223,16 +223,15 @@
|
|
|
223
223
|
|
|
224
224
|
/* CSS related to the RadioGroup component */
|
|
225
225
|
.tu-radiogroup {
|
|
226
|
-
@apply flex
|
|
227
|
-
gap-2
|
|
228
|
-
|
|
229
|
-
flex-col
|
|
226
|
+
@apply flex
|
|
227
|
+
gap-2
|
|
228
|
+
flex-col
|
|
230
229
|
items-start;
|
|
231
230
|
|
|
232
231
|
&--inline {
|
|
233
|
-
@apply flex
|
|
234
|
-
gap-3
|
|
235
|
-
flex-row
|
|
232
|
+
@apply flex
|
|
233
|
+
gap-3
|
|
234
|
+
flex-row
|
|
236
235
|
items-center;
|
|
237
236
|
}
|
|
238
237
|
}
|
|
@@ -240,14 +239,14 @@
|
|
|
240
239
|
.tu-radioitem {
|
|
241
240
|
@apply w-4
|
|
242
241
|
h-4
|
|
243
|
-
appearance-none
|
|
244
|
-
rounded-3xl
|
|
245
|
-
bg-white
|
|
246
|
-
border-solid
|
|
247
|
-
border
|
|
248
|
-
border-slate-300
|
|
242
|
+
appearance-none
|
|
243
|
+
rounded-3xl
|
|
244
|
+
bg-white
|
|
245
|
+
border-solid
|
|
246
|
+
border
|
|
247
|
+
border-slate-300
|
|
249
248
|
shadow-sm
|
|
250
|
-
shrink-0
|
|
249
|
+
shrink-0
|
|
251
250
|
transition
|
|
252
251
|
box-border
|
|
253
252
|
hover:cursor-pointer
|
|
@@ -257,19 +256,19 @@
|
|
|
257
256
|
focus:ring-blue-700;
|
|
258
257
|
|
|
259
258
|
&__wrapper {
|
|
260
|
-
@apply flex
|
|
259
|
+
@apply flex
|
|
261
260
|
gap-2
|
|
262
261
|
items-center;
|
|
263
262
|
}
|
|
264
263
|
|
|
265
264
|
&--checked {
|
|
266
|
-
@apply border-solid
|
|
267
|
-
border-4
|
|
265
|
+
@apply border-solid
|
|
266
|
+
border-4
|
|
268
267
|
border-blue-600
|
|
269
268
|
bg-white
|
|
270
|
-
hover:bg-slate-100
|
|
269
|
+
hover:bg-slate-100
|
|
271
270
|
hover:cursor-pointer
|
|
272
|
-
outline-0
|
|
271
|
+
outline-0
|
|
273
272
|
active:bg-slate-200
|
|
274
273
|
active:ring-2
|
|
275
274
|
active:ring-offset-2
|
|
@@ -292,8 +291,8 @@
|
|
|
292
291
|
}
|
|
293
292
|
|
|
294
293
|
&--disabled {
|
|
295
|
-
@apply bg-slate-400
|
|
296
|
-
border-slate-300
|
|
294
|
+
@apply bg-slate-400
|
|
295
|
+
border-slate-300
|
|
297
296
|
cursor-not-allowed
|
|
298
297
|
group-hover:bg-slate-400
|
|
299
298
|
group-focus:bg-slate-400
|
|
@@ -316,12 +315,12 @@
|
|
|
316
315
|
}
|
|
317
316
|
|
|
318
317
|
&__description {
|
|
319
|
-
@apply text-sm
|
|
318
|
+
@apply text-sm
|
|
320
319
|
font-normal
|
|
321
|
-
text-slate-500
|
|
320
|
+
text-slate-500
|
|
322
321
|
text-left
|
|
323
322
|
whitespace-nowrap
|
|
324
|
-
text-ellipsis
|
|
323
|
+
text-ellipsis
|
|
325
324
|
overflow-hidden;
|
|
326
325
|
|
|
327
326
|
&--disabled {
|