daisyui 2.50.2 → 2.51.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/README.md +1 -1
- package/dist/full.css +1 -1
- package/dist/styled.css +25 -14
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/package.json +5 -3
- package/src/index.d.ts +5 -0
package/dist/styled.css
CHANGED
|
@@ -4240,7 +4240,7 @@
|
|
|
4240
4240
|
padding-left: var(--tab-padding, 1rem);
|
|
4241
4241
|
padding-right: var(--tab-padding, 1rem);
|
|
4242
4242
|
}
|
|
4243
|
-
.tab.tab-active {
|
|
4243
|
+
.tab.tab-active:not(.tab-disabled):not([disabled]) {
|
|
4244
4244
|
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
4245
4245
|
--tw-border-opacity: 1;
|
|
4246
4246
|
--tw-text-opacity: 1;
|
|
@@ -4257,6 +4257,15 @@
|
|
|
4257
4257
|
border-bottom-right-radius: var(--tab-radius, 0.5rem);
|
|
4258
4258
|
border-bottom-left-radius: var(--tab-radius, 0.5rem);
|
|
4259
4259
|
}
|
|
4260
|
+
/* disabled */
|
|
4261
|
+
.tab-disabled,
|
|
4262
|
+
.tab-disabled:hover,
|
|
4263
|
+
.tab[disabled],
|
|
4264
|
+
.tab[disabled]:hover {
|
|
4265
|
+
cursor: not-allowed;
|
|
4266
|
+
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
4267
|
+
--tw-text-opacity: 0.2;
|
|
4268
|
+
}
|
|
4260
4269
|
.tab-bordered {
|
|
4261
4270
|
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
4262
4271
|
--tw-border-opacity: 0.2;
|
|
@@ -4273,7 +4282,7 @@
|
|
|
4273
4282
|
padding-right: var(--tab-padding, 1rem);
|
|
4274
4283
|
padding-top: var(--tab-border, 1px);
|
|
4275
4284
|
}
|
|
4276
|
-
.tab-lifted.tab-active {
|
|
4285
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]) {
|
|
4277
4286
|
background-color: var(--tab-bg);
|
|
4278
4287
|
border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
|
|
4279
4288
|
border-left-color: var(--tab-border-color);
|
|
@@ -4284,8 +4293,8 @@
|
|
|
4284
4293
|
padding-bottom: var(--tab-border, 1px);
|
|
4285
4294
|
padding-top: 0;
|
|
4286
4295
|
}
|
|
4287
|
-
.tab-lifted.tab-active:before,
|
|
4288
|
-
.tab-lifted.tab-active:after {
|
|
4296
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before,
|
|
4297
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
|
|
4289
4298
|
z-index: 1;
|
|
4290
4299
|
content: "";
|
|
4291
4300
|
display: block;
|
|
@@ -4296,31 +4305,31 @@
|
|
|
4296
4305
|
--tab-grad: calc(68% - var(--tab-border, 1px));
|
|
4297
4306
|
--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
4307
|
}
|
|
4299
|
-
.tab-lifted.tab-active:before {
|
|
4308
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
|
|
4300
4309
|
left: calc(var(--tab-radius, 0.5rem) * -1);
|
|
4301
4310
|
--circle-pos: top left;
|
|
4302
4311
|
background-image: var(--tab-corner-bg);
|
|
4303
4312
|
}
|
|
4304
4313
|
/* RTL quick fix */
|
|
4305
|
-
[dir="rtl"] .tab-lifted.tab-active:before {
|
|
4314
|
+
[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
|
|
4306
4315
|
--circle-pos: top right;
|
|
4307
4316
|
}
|
|
4308
|
-
.tab-lifted.tab-active:after {
|
|
4317
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
|
|
4309
4318
|
right: calc(var(--tab-radius, 0.5rem) * -1);
|
|
4310
4319
|
--circle-pos: top right;
|
|
4311
4320
|
background-image: var(--tab-corner-bg);
|
|
4312
4321
|
}
|
|
4313
4322
|
/* RTL quick fix */
|
|
4314
|
-
[dir="rtl"] .tab-lifted.tab-active:after {
|
|
4323
|
+
[dir="rtl"] .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):after {
|
|
4315
4324
|
--circle-pos: top left;
|
|
4316
4325
|
}
|
|
4317
|
-
.tab-lifted.tab-active:first-child:before {
|
|
4326
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):first-child:before {
|
|
4318
4327
|
background: none;
|
|
4319
4328
|
}
|
|
4320
|
-
.tab-lifted.tab-active:last-child:after {
|
|
4329
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]):last-child:after {
|
|
4321
4330
|
background: none;
|
|
4322
4331
|
}
|
|
4323
|
-
.tab-lifted.tab-active + .tab-lifted.tab-active:before {
|
|
4332
|
+
.tab-lifted.tab-active:not(.tab-disabled):not([disabled]) + .tab-lifted.tab-active:not(.tab-disabled):not([disabled]):before {
|
|
4324
4333
|
background: none;
|
|
4325
4334
|
}
|
|
4326
4335
|
.tabs-boxed {
|
|
@@ -4329,14 +4338,16 @@
|
|
|
4329
4338
|
padding: 0.25rem;
|
|
4330
4339
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
4331
4340
|
}
|
|
4332
|
-
.tabs-boxed .tab
|
|
4341
|
+
.tabs-boxed .tab {
|
|
4342
|
+
border-radius: var(--rounded-btn, 0.5rem);
|
|
4343
|
+
}
|
|
4344
|
+
.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]) {
|
|
4333
4345
|
--tw-bg-opacity: 1;
|
|
4334
4346
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
4335
4347
|
--tw-text-opacity: 1;
|
|
4336
4348
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4337
|
-
border-radius: var(--rounded-btn, 0.5rem);
|
|
4338
4349
|
}
|
|
4339
|
-
.tabs-boxed .tab-active:hover {
|
|
4350
|
+
.tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover {
|
|
4340
4351
|
--tw-text-opacity: 1;
|
|
4341
4352
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4342
4353
|
}
|