daisyui 2.50.2 → 2.51.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 +1 -1
- package/dist/full.css +1 -1
- package/dist/styled.css +26 -27
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +1 -10
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/package.json +5 -3
- package/src/index.d.ts +5 -0
package/dist/styled.css
CHANGED
|
@@ -681,10 +681,7 @@
|
|
|
681
681
|
padding-right: 1rem;
|
|
682
682
|
font-size: 0.875rem;
|
|
683
683
|
line-height: 1.25rem;
|
|
684
|
-
line-height: 2
|
|
685
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
686
|
-
transition-duration: 200ms;
|
|
687
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
684
|
+
line-height: 2
|
|
688
685
|
}
|
|
689
686
|
.file-input::file-selector-button {
|
|
690
687
|
margin-right: 1rem;
|
|
@@ -779,9 +776,6 @@
|
|
|
779
776
|
}
|
|
780
777
|
.input {
|
|
781
778
|
flex-shrink: 1;
|
|
782
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
783
|
-
transition-duration: 200ms;
|
|
784
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
785
779
|
height: 3rem;
|
|
786
780
|
padding-left: 1rem;
|
|
787
781
|
padding-right: 1rem;
|
|
@@ -1256,9 +1250,6 @@
|
|
|
1256
1250
|
}
|
|
1257
1251
|
.textarea {
|
|
1258
1252
|
flex-shrink: 1;
|
|
1259
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1260
|
-
transition-duration: 200ms;
|
|
1261
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1262
1253
|
min-height: 3rem;
|
|
1263
1254
|
padding-top: 0.5rem;
|
|
1264
1255
|
padding-bottom: 0.5rem;
|
|
@@ -3878,9 +3869,6 @@
|
|
|
3878
3869
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
3879
3870
|
padding-right: 2.5rem;
|
|
3880
3871
|
font-weight: 600;
|
|
3881
|
-
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3882
|
-
transition-duration: 200ms;
|
|
3883
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3884
3872
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
3885
3873
|
}
|
|
3886
3874
|
.select-bordered {
|
|
@@ -4240,7 +4228,7 @@
|
|
|
4240
4228
|
padding-left: var(--tab-padding, 1rem);
|
|
4241
4229
|
padding-right: var(--tab-padding, 1rem);
|
|
4242
4230
|
}
|
|
4243
|
-
.tab.tab-active {
|
|
4231
|
+
.tab.tab-active:not(.tab-disabled):not([disabled]) {
|
|
4244
4232
|
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
4245
4233
|
--tw-border-opacity: 1;
|
|
4246
4234
|
--tw-text-opacity: 1;
|
|
@@ -4257,6 +4245,15 @@
|
|
|
4257
4245
|
border-bottom-right-radius: var(--tab-radius, 0.5rem);
|
|
4258
4246
|
border-bottom-left-radius: var(--tab-radius, 0.5rem);
|
|
4259
4247
|
}
|
|
4248
|
+
/* disabled */
|
|
4249
|
+
.tab-disabled,
|
|
4250
|
+
.tab-disabled:hover,
|
|
4251
|
+
.tab[disabled],
|
|
4252
|
+
.tab[disabled]:hover {
|
|
4253
|
+
cursor: not-allowed;
|
|
4254
|
+
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
4255
|
+
--tw-text-opacity: 0.2;
|
|
4256
|
+
}
|
|
4260
4257
|
.tab-bordered {
|
|
4261
4258
|
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
4262
4259
|
--tw-border-opacity: 0.2;
|
|
@@ -4273,7 +4270,7 @@
|
|
|
4273
4270
|
padding-right: var(--tab-padding, 1rem);
|
|
4274
4271
|
padding-top: var(--tab-border, 1px);
|
|
4275
4272
|
}
|
|
4276
|
-
.tab-lifted.tab-active {
|
|
4273
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]) {
|
|
4277
4274
|
background-color: var(--tab-bg);
|
|
4278
4275
|
border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
|
|
4279
4276
|
border-left-color: var(--tab-border-color);
|
|
@@ -4284,8 +4281,8 @@
|
|
|
4284
4281
|
padding-bottom: var(--tab-border, 1px);
|
|
4285
4282
|
padding-top: 0;
|
|
4286
4283
|
}
|
|
4287
|
-
.tab-lifted.tab-active:before,
|
|
4288
|
-
.tab-lifted.tab-active:after {
|
|
4284
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before,
|
|
4285
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
|
|
4289
4286
|
z-index: 1;
|
|
4290
4287
|
content: "";
|
|
4291
4288
|
display: block;
|
|
@@ -4296,31 +4293,31 @@
|
|
|
4296
4293
|
--tab-grad: calc(68% - var(--tab-border, 1px));
|
|
4297
4294
|
--tab-corner-bg: radial-gradient(circle at var(--circle-pos), transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.3px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px));
|
|
4298
4295
|
}
|
|
4299
|
-
.tab-lifted.tab-active:before {
|
|
4296
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
|
|
4300
4297
|
left: calc(var(--tab-radius, 0.5rem) * -1);
|
|
4301
4298
|
--circle-pos: top left;
|
|
4302
4299
|
background-image: var(--tab-corner-bg);
|
|
4303
4300
|
}
|
|
4304
4301
|
/* RTL quick fix */
|
|
4305
|
-
[dir="rtl"] .tab-lifted.tab-active:before {
|
|
4302
|
+
[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
|
|
4306
4303
|
--circle-pos: top right;
|
|
4307
4304
|
}
|
|
4308
|
-
.tab-lifted.tab-active:after {
|
|
4305
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
|
|
4309
4306
|
right: calc(var(--tab-radius, 0.5rem) * -1);
|
|
4310
4307
|
--circle-pos: top right;
|
|
4311
4308
|
background-image: var(--tab-corner-bg);
|
|
4312
4309
|
}
|
|
4313
4310
|
/* RTL quick fix */
|
|
4314
|
-
[dir="rtl"] .tab-lifted.tab-active:after {
|
|
4311
|
+
[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
|
|
4315
4312
|
--circle-pos: top left;
|
|
4316
4313
|
}
|
|
4317
|
-
.tab-lifted.tab-active:first-child:before {
|
|
4314
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before {
|
|
4318
4315
|
background: none;
|
|
4319
4316
|
}
|
|
4320
|
-
.tab-lifted.tab-active:last-child:after {
|
|
4317
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:after {
|
|
4321
4318
|
background: none;
|
|
4322
4319
|
}
|
|
4323
|
-
.tab-lifted.tab-active + .tab-lifted.tab-active:before {
|
|
4320
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]) + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
|
|
4324
4321
|
background: none;
|
|
4325
4322
|
}
|
|
4326
4323
|
.tabs-boxed {
|
|
@@ -4329,14 +4326,16 @@
|
|
|
4329
4326
|
padding: 0.25rem;
|
|
4330
4327
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
4331
4328
|
}
|
|
4332
|
-
.tabs-boxed .tab
|
|
4329
|
+
.tabs-boxed .tab {
|
|
4330
|
+
border-radius: var(--rounded-btn, 0.5rem);
|
|
4331
|
+
}
|
|
4332
|
+
.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
|
|
4333
4333
|
--tw-bg-opacity: 1;
|
|
4334
4334
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
4335
4335
|
--tw-text-opacity: 1;
|
|
4336
4336
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4337
|
-
border-radius: var(--rounded-btn, 0.5rem);
|
|
4338
4337
|
}
|
|
4339
|
-
.tabs-boxed .tab-active:hover {
|
|
4338
|
+
.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover {
|
|
4340
4339
|
--tw-text-opacity: 1;
|
|
4341
4340
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4342
4341
|
}
|