daisyui 4.4.5 → 4.4.7

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.
Files changed (6) hide show
  1. package/dist/full.css +17 -13
  2. package/dist/styled.css +21 -16
  3. package/dist/styled.js +1 -1
  4. package/dist/unstyled.css +9 -4
  5. package/dist/unstyled.js +1 -1
  6. package/package.json +1 -1
package/dist/full.css CHANGED
@@ -3949,6 +3949,10 @@ html {
3949
3949
  color: var(--tab-color);
3950
3950
  padding-inline-start: var(--tab-padding, 1rem);
3951
3951
  padding-inline-end: var(--tab-padding, 1rem)}
3952
+ .tab:is(input[type="radio"]) {
3953
+ width: auto;
3954
+ border-bottom-right-radius: 0px;
3955
+ border-bottom-left-radius: 0px}
3952
3956
  .tab:is(input[type="radio"]):after {
3953
3957
  --tw-content: attr(aria-label);
3954
3958
  content: var(--tw-content)}
@@ -3956,7 +3960,7 @@ html {
3956
3960
  cursor: default;
3957
3961
  grid-column-start: span 9999}
3958
3962
  .tab-content {
3959
- grid-column: 1 / -1;
3963
+ grid-column-start: 1;
3960
3964
  grid-column-end: span 9999;
3961
3965
  grid-row-start: 2;
3962
3966
  margin-top: calc(var(--tab-border) * -1);
@@ -5999,7 +6003,7 @@ details.collapse summary::-webkit-details-marker {
5999
6003
  .swap-active:where(.swap-flip) .swap-on,
6000
6004
  .swap-flip input:indeterminate ~ .swap-indeterminate {
6001
6005
  transform: rotateY(0deg)}
6002
- .tabs-lifted .tab:focus-visible {
6006
+ .tabs-lifted > .tab:focus-visible {
6003
6007
  border-end-end-radius: 0;
6004
6008
  border-end-start-radius: 0}
6005
6009
  .tab.tab-active:not(.tab-disabled):not([disabled]),
@@ -6018,12 +6022,12 @@ details.collapse summary::-webkit-details-marker {
6018
6022
  cursor: not-allowed;
6019
6023
  color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
6020
6024
  --tw-text-opacity: 0.2}
6021
- .tabs-bordered .tab {
6025
+ .tabs-bordered > .tab {
6022
6026
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
6023
6027
  --tw-border-opacity: 0.2;
6024
6028
  border-style: solid;
6025
6029
  border-bottom-width: calc(var(--tab-border, 1px) + 1px)}
6026
- .tabs-lifted .tab {
6030
+ .tabs-lifted > .tab {
6027
6031
  border: var(--tab-border, 1px) solid transparent;
6028
6032
  border-width: 0 0 var(--tab-border, 1px) 0;
6029
6033
  border-start-start-radius: var(--tab-radius, 0.5rem);
@@ -6032,8 +6036,8 @@ details.collapse summary::-webkit-details-marker {
6032
6036
  padding-inline-start: var(--tab-padding, 1rem);
6033
6037
  padding-inline-end: var(--tab-padding, 1rem);
6034
6038
  padding-top: var(--tab-border, 1px)}
6035
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]),
6036
- .tabs-lifted .tab:is(input:checked) {
6039
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]),
6040
+ .tabs-lifted > .tab:is(input:checked) {
6037
6041
  background-color: var(--tab-bg);
6038
6042
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
6039
6043
  border-inline-start-color: var(--tab-border-color);
@@ -6043,7 +6047,7 @@ details.collapse summary::-webkit-details-marker {
6043
6047
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
6044
6048
  padding-bottom: var(--tab-border, 1px);
6045
6049
  padding-top: 0}
6046
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted .tab:is(input:checked):before {
6050
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
6047
6051
  z-index: 1;
6048
6052
  content: "";
6049
6053
  display: block;
@@ -6071,22 +6075,22 @@ details.collapse summary::-webkit-details-marker {
6071
6075
  var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
6072
6076
  );
6073
6077
  background-image: var(--radius-start), var(--radius-end)}
6074
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted .tab:is(input:checked):first-child:before {
6078
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
6075
6079
  background-image: var(--radius-end);
6076
6080
  background-position: top right}
6077
- [dir="rtl"] .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted .tab:is(input:checked):first-child:before {
6081
+ [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before {
6078
6082
  background-image: var(--radius-start);
6079
6083
  background-position: top left}
6080
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted .tab:is(input:checked):last-child:before {
6084
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
6081
6085
  background-image: var(--radius-start);
6082
6086
  background-position: top left}
6083
- [dir="rtl"] .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted .tab:is(input:checked):last-child:before {
6087
+ [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
6084
6088
  background-image: var(--radius-end);
6085
6089
  background-position: top right}
6086
- .tabs-lifted
6090
+ .tabs-lifted >
6087
6091
  .tab-active:not(.tab-disabled):not([disabled])
6088
6092
  + .tabs-lifted
6089
- .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
6093
+ .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
6090
6094
  background-image: var(--radius-end);
6091
6095
  background-position: top right}
6092
6096
  .tabs-boxed {
package/dist/styled.css CHANGED
@@ -1163,16 +1163,21 @@
1163
1163
  line-height: 2;
1164
1164
  --tab-padding: 1rem;
1165
1165
  }
1166
+ .tab:is(input[type="radio"]) {
1167
+ width: auto;
1168
+ border-bottom-right-radius: 0px;
1169
+ border-bottom-left-radius: 0px;
1170
+ }
1166
1171
  .tab:is(input[type="radio"]):after {
1167
- --tw-content: attr(aria-label);
1168
- content: var(--tw-content);
1169
- }
1172
+ --tw-content: attr(aria-label);
1173
+ content: var(--tw-content);
1174
+ }
1170
1175
  .tab:not(input):empty {
1171
1176
  cursor: default;
1172
1177
  grid-column-start: span 9999;
1173
1178
  }
1174
1179
  .tab-content {
1175
- grid-column: 1 / -1;
1180
+ grid-column-start: 1;
1176
1181
  grid-column-end: span 9999;
1177
1182
  grid-row-start: 2;
1178
1183
  margin-top: calc(var(--tab-border) * -1);
@@ -4488,7 +4493,7 @@ details.collapse summary {
4488
4493
  .swap-flip input:indeterminate ~ .swap-indeterminate {
4489
4494
  transform: rotateY(0deg);
4490
4495
  }
4491
- .tabs-lifted .tab:focus-visible {
4496
+ .tabs-lifted > .tab:focus-visible {
4492
4497
  border-end-end-radius: 0;
4493
4498
  border-end-start-radius: 0;
4494
4499
  }
@@ -4537,13 +4542,13 @@ details.collapse summary {
4537
4542
  --tw-text-opacity: 0.2;
4538
4543
  }
4539
4544
  }
4540
- .tabs-bordered .tab {
4545
+ .tabs-bordered > .tab {
4541
4546
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
4542
4547
  --tw-border-opacity: 0.2;
4543
4548
  border-style: solid;
4544
4549
  border-bottom-width: calc(var(--tab-border, 1px) + 1px);
4545
4550
  }
4546
- .tabs-lifted .tab {
4551
+ .tabs-lifted > .tab {
4547
4552
  border: var(--tab-border, 1px) solid transparent;
4548
4553
  border-width: 0 0 var(--tab-border, 1px) 0;
4549
4554
  border-start-start-radius: var(--tab-radius, 0.5rem);
@@ -4553,8 +4558,8 @@ details.collapse summary {
4553
4558
  padding-inline-end: var(--tab-padding, 1rem);
4554
4559
  padding-top: var(--tab-border, 1px);
4555
4560
  }
4556
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]),
4557
- .tabs-lifted .tab:is(input:checked) {
4561
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]),
4562
+ .tabs-lifted > .tab:is(input:checked) {
4558
4563
  background-color: var(--tab-bg);
4559
4564
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
4560
4565
  border-inline-start-color: var(--tab-border-color);
@@ -4565,7 +4570,7 @@ details.collapse summary {
4565
4570
  padding-bottom: var(--tab-border, 1px);
4566
4571
  padding-top: 0;
4567
4572
  }
4568
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted .tab:is(input:checked):before {
4573
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
4569
4574
  z-index: 1;
4570
4575
  content: "";
4571
4576
  display: block;
@@ -4595,26 +4600,26 @@ details.collapse summary {
4595
4600
  );
4596
4601
  background-image: var(--radius-start), var(--radius-end);
4597
4602
  }
4598
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted .tab:is(input:checked):first-child:before {
4603
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
4599
4604
  background-image: var(--radius-end);
4600
4605
  background-position: top right;
4601
4606
  }
4602
- [dir="rtl"] .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted .tab:is(input:checked):first-child:before {
4607
+ [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before {
4603
4608
  background-image: var(--radius-start);
4604
4609
  background-position: top left;
4605
4610
  }
4606
- .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted .tab:is(input:checked):last-child:before {
4611
+ .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
4607
4612
  background-image: var(--radius-start);
4608
4613
  background-position: top left;
4609
4614
  }
4610
- [dir="rtl"] .tabs-lifted .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted .tab:is(input:checked):last-child:before {
4615
+ [dir="rtl"] .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
4611
4616
  background-image: var(--radius-end);
4612
4617
  background-position: top right;
4613
4618
  }
4614
- .tabs-lifted
4619
+ .tabs-lifted >
4615
4620
  .tab-active:not(.tab-disabled):not([disabled])
4616
4621
  + .tabs-lifted
4617
- .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
4622
+ .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
4618
4623
  background-image: var(--radius-end);
4619
4624
  background-position: top right;
4620
4625
  }