daisyui 4.10.5 → 4.11.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.
Files changed (6) hide show
  1. package/dist/full.css +14 -19
  2. package/dist/styled.css +14 -19
  3. package/dist/styled.js +1 -1
  4. package/dist/unstyled.css +3 -4
  5. package/dist/unstyled.js +1 -1
  6. package/package.json +1 -1
package/dist/full.css CHANGED
@@ -2676,8 +2676,7 @@ html {
2676
2676
  border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
2677
2677
  .tab:hover {
2678
2678
  --tw-text-opacity: 1}
2679
- .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover,
2680
- .tabs-boxed :is(input:checked):hover {
2679
+ .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover {
2681
2680
  --tw-text-opacity: 1;
2682
2681
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}
2683
2682
  .table tr.hover:hover,
@@ -3943,8 +3942,7 @@ html {
3943
3942
  .tabs {
3944
3943
  display: grid;
3945
3944
  align-items: flex-end}
3946
- .tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active),
3947
- .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) {
3945
+ .tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])) {
3948
3946
  border-bottom-color: transparent}
3949
3947
  .tab {
3950
3948
  position: relative;
@@ -3989,10 +3987,10 @@ html {
3989
3987
  border-color: transparent;
3990
3988
  border-width: var(--tab-border, 0)}
3991
3989
  :checked + .tab-content:nth-child(2),
3992
- .tab-active + .tab-content:nth-child(2) {
3990
+ :is(.tab-active, [aria-selected="true"]) + .tab-content:nth-child(2) {
3993
3991
  border-start-start-radius: 0px}
3994
3992
  input.tab:checked + .tab-content,
3995
- .tab-active + .tab-content {
3993
+ :is(.tab-active, [aria-selected="true"]) + .tab-content {
3996
3994
  display: block}
3997
3995
  .table {
3998
3996
  position: relative;
@@ -6056,8 +6054,7 @@ details.collapse summary::-webkit-details-marker {
6056
6054
  .tabs-lifted > .tab:focus-visible {
6057
6055
  border-end-end-radius: 0;
6058
6056
  border-end-start-radius: 0}
6059
- .tab.tab-active:not(.tab-disabled):not([disabled]),
6060
- .tab:is(input:checked) {
6057
+ .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tab:is(input:checked) {
6061
6058
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
6062
6059
  --tw-border-opacity: 1;
6063
6060
  --tw-text-opacity: 1}
@@ -6086,8 +6083,7 @@ details.collapse summary::-webkit-details-marker {
6086
6083
  padding-inline-start: var(--tab-padding, 1rem);
6087
6084
  padding-inline-end: var(--tab-padding, 1rem);
6088
6085
  padding-top: var(--tab-border, 1px)}
6089
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]),
6090
- .tabs-lifted > .tab:is(input:checked) {
6086
+ .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) {
6091
6087
  background-color: var(--tab-bg);
6092
6088
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
6093
6089
  border-inline-start-color: var(--tab-border-color);
@@ -6097,7 +6093,7 @@ details.collapse summary::-webkit-details-marker {
6097
6093
  padding-inline-end: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
6098
6094
  padding-bottom: var(--tab-border, 1px);
6099
6095
  padding-top: 0}
6100
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
6096
+ .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
6101
6097
  z-index: 1;
6102
6098
  content: "";
6103
6099
  display: block;
@@ -6125,22 +6121,22 @@ details.collapse summary::-webkit-details-marker {
6125
6121
  var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.25px)
6126
6122
  );
6127
6123
  background-image: var(--radius-start), var(--radius-end)}
6128
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
6124
+ .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
6129
6125
  background-image: var(--radius-end);
6130
6126
  background-position: top right}
6131
- [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 {
6127
+ [dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before {
6132
6128
  background-image: var(--radius-start);
6133
6129
  background-position: top left}
6134
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
6130
+ .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
6135
6131
  background-image: var(--radius-start);
6136
6132
  background-position: top left}
6137
- [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 {
6133
+ [dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
6138
6134
  background-image: var(--radius-end);
6139
6135
  background-position: top right}
6140
6136
  .tabs-lifted
6141
- > .tab-active:not(.tab-disabled):not([disabled])
6137
+ > :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled])
6142
6138
  + .tabs-lifted
6143
- .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
6139
+ :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
6144
6140
  background-image: var(--radius-end);
6145
6141
  background-position: top right}
6146
6142
  .tabs-boxed {
@@ -6150,8 +6146,7 @@ details.collapse summary::-webkit-details-marker {
6150
6146
  padding: 0.25rem}
6151
6147
  .tabs-boxed .tab {
6152
6148
  border-radius: var(--rounded-btn, 0.5rem)}
6153
- .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]),
6154
- .tabs-boxed :is(input:checked) {
6149
+ .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked) {
6155
6150
  --tw-bg-opacity: 1;
6156
6151
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
6157
6152
  --tw-text-opacity: 1;
package/dist/styled.css CHANGED
@@ -1166,8 +1166,7 @@
1166
1166
  display: grid;
1167
1167
  align-items: flex-end;
1168
1168
  }
1169
- .tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active),
1170
- .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) {
1169
+ .tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])), .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(:is(.tab-active, [aria-selected="true"])) {
1171
1170
  border-bottom-color: transparent;
1172
1171
  }
1173
1172
  .tab {
@@ -1210,11 +1209,11 @@
1210
1209
  border-width: var(--tab-border, 0);
1211
1210
  }
1212
1211
  :checked + .tab-content:nth-child(2),
1213
- .tab-active + .tab-content:nth-child(2) {
1212
+ :is(.tab-active, [aria-selected="true"]) + .tab-content:nth-child(2) {
1214
1213
  border-start-start-radius: 0px;
1215
1214
  }
1216
1215
  input.tab:checked + .tab-content,
1217
- .tab-active + .tab-content {
1216
+ :is(.tab-active, [aria-selected="true"]) + .tab-content {
1218
1217
  display: block;
1219
1218
  }
1220
1219
  .table {
@@ -4620,8 +4619,7 @@ details.collapse summary {
4620
4619
  padding-inline-start: var(--tab-padding, 1rem);
4621
4620
  padding-inline-end: var(--tab-padding, 1rem);
4622
4621
  }
4623
- .tab.tab-active:not(.tab-disabled):not([disabled]),
4624
- .tab:is(input:checked) {
4622
+ .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tab:is(input:checked) {
4625
4623
  border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
4626
4624
  --tw-border-opacity: 1;
4627
4625
  --tw-text-opacity: 1;
@@ -4665,8 +4663,7 @@ details.collapse summary {
4665
4663
  padding-inline-end: var(--tab-padding, 1rem);
4666
4664
  padding-top: var(--tab-border, 1px);
4667
4665
  }
4668
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]),
4669
- .tabs-lifted > .tab:is(input:checked) {
4666
+ .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-lifted > .tab:is(input:checked) {
4670
4667
  background-color: var(--tab-bg);
4671
4668
  border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
4672
4669
  border-inline-start-color: var(--tab-border-color);
@@ -4677,7 +4674,7 @@ details.collapse summary {
4677
4674
  padding-bottom: var(--tab-border, 1px);
4678
4675
  padding-top: 0;
4679
4676
  }
4680
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
4677
+ .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked):before {
4681
4678
  z-index: 1;
4682
4679
  content: "";
4683
4680
  display: block;
@@ -4707,26 +4704,26 @@ details.collapse summary {
4707
4704
  );
4708
4705
  background-image: var(--radius-start), var(--radius-end);
4709
4706
  }
4710
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
4707
+ .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, .tabs-lifted > .tab:is(input:checked):first-child:before {
4711
4708
  background-image: var(--radius-end);
4712
4709
  background-position: top right;
4713
4710
  }
4714
- [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 {
4711
+ [dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):first-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):first-child:before {
4715
4712
  background-image: var(--radius-start);
4716
4713
  background-position: top left;
4717
4714
  }
4718
- .tabs-lifted > .tab.tab-active:not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
4715
+ .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, .tabs-lifted > .tab:is(input:checked):last-child:before {
4719
4716
  background-image: var(--radius-start);
4720
4717
  background-position: top left;
4721
4718
  }
4722
- [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 {
4719
+ [dir="rtl"] .tabs-lifted > .tab:is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):last-child:before, [dir="rtl"] .tabs-lifted > .tab:is(input:checked):last-child:before {
4723
4720
  background-image: var(--radius-end);
4724
4721
  background-position: top right;
4725
4722
  }
4726
4723
  .tabs-lifted
4727
- > .tab-active:not(.tab-disabled):not([disabled])
4724
+ > :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled])
4728
4725
  + .tabs-lifted
4729
- .tab-active:not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
4726
+ :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):before, .tabs-lifted > .tab:is(input:checked) + .tabs-lifted .tab:is(input:checked):before {
4730
4727
  background-image: var(--radius-end);
4731
4728
  background-position: top right;
4732
4729
  }
@@ -4739,16 +4736,14 @@ details.collapse summary {
4739
4736
  .tabs-boxed .tab {
4740
4737
  border-radius: var(--rounded-btn, 0.5rem);
4741
4738
  }
4742
- .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]),
4743
- .tabs-boxed :is(input:checked) {
4739
+ .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]), .tabs-boxed :is(input:checked) {
4744
4740
  --tw-bg-opacity: 1;
4745
4741
  background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
4746
4742
  --tw-text-opacity: 1;
4747
4743
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
4748
4744
  }
4749
4745
  @media(hover:hover) {
4750
- .tabs-boxed .tab-active:not(.tab-disabled):not([disabled]):hover,
4751
- .tabs-boxed :is(input:checked):hover {
4746
+ .tabs-boxed :is(.tab-active, [aria-selected="true"]):not(.tab-disabled):not([disabled]):hover, .tabs-boxed :is(input:checked):hover {
4752
4747
  --tw-text-opacity: 1;
4753
4748
  color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
4754
4749
  }