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/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-active {
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
  }