daisyui 4.0.3 → 4.0.5

package/dist/full.css

@@ -2770,7 +2770,19 @@ html {
     padding-right: 2.5rem;
     font-size: 0.875rem;
     line-height: 1.25rem;
-    line-height: 2}
+    line-height: 2;
+    border-radius: var(--rounded-btn, 0.5rem);
+    border-width: 1px;
+    border-color: transparent;
+    --tw-bg-opacity: 1;
+    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
+    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
+    linear-gradient(135deg, currentColor 50%, transparent 50%);
+    background-position: calc(100% - 20px) calc(1px + 50%),
+    calc(100% - 16.1px) calc(1px + 50%);
+    background-size: 4px 4px,
+    4px 4px;
+    background-repeat: no-repeat}
 .select[multiple] {
     height: auto}
 .stack {
@@ -2885,8 +2897,8 @@ html {
 .tabs {
     display: grid;
     align-items: flex-end}
-.tabs-lifted:has(.tab-content[class^="rounded-"]) :first-child:not(.tab-active),
-  .tabs-lifted:has(.tab-content[class*=" rounded-"]) :first-child:not(.tab-active) {
+.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active),
+  .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) {
     border-bottom-color: transparent}
 .tab {
     position: relative;
@@ -4718,91 +4730,73 @@ details.collapse summary::-webkit-details-marker {
         transform: translateY(-0.125em)}
     100% {
         transform: translateY(0)}}
-.select,
-:where(select.select) {
-    border-radius: var(--rounded-btn, 0.5rem);
-    border-width: 1px;
-    border-color: transparent;
-    --tw-bg-opacity: 1;
-    background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
-    padding-right: 2.5rem;
-    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
-    linear-gradient(135deg, currentColor 50%, transparent 50%);
-    background-position: calc(100% - 20px) calc(1px + 50%),
-    calc(100% - 16.1px) calc(1px + 50%);
-    background-size: 4px 4px,
-    4px 4px;
-    background-repeat: no-repeat}
-.select-bordered, :where(select.select)-bordered {
+.select-bordered {
     border-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
-.select:focus, :where(select.select):focus {
+.select:focus {
     box-shadow: none;
     border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
     outline-style: solid;
     outline-width: 2px;
     outline-offset: 2px;
     outline-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
-.select-ghost, :where(select.select)-ghost {
+.select-ghost {
     --tw-bg-opacity: 0.05}
-.select-ghost:focus, :where(select.select)-ghost:focus {
+.select-ghost:focus {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
-.select-primary, :where(select.select)-primary {
+.select-primary {
     --tw-border-opacity: 1;
     border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
-.select-primary:focus, :where(select.select)-primary:focus {
+.select-primary:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
     outline-color: var(--fallback-p,oklch(var(--p)/1))}
-.select-secondary, :where(select.select)-secondary {
+.select-secondary {
     --tw-border-opacity: 1;
     border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
-.select-secondary:focus, :where(select.select)-secondary:focus {
+.select-secondary:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
     outline-color: var(--fallback-s,oklch(var(--s)/1))}
-.select-accent, :where(select.select)-accent {
+.select-accent {
     --tw-border-opacity: 1;
     border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
-.select-accent:focus, :where(select.select)-accent:focus {
+.select-accent:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
     outline-color: var(--fallback-a,oklch(var(--a)/1))}
-.select-info, :where(select.select)-info {
+.select-info {
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
-.select-info:focus, :where(select.select)-info:focus {
+.select-info:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
     outline-color: var(--fallback-in,oklch(var(--in)/1))}
-.select-success, :where(select.select)-success {
+.select-success {
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
-.select-success:focus, :where(select.select)-success:focus {
+.select-success:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
     outline-color: var(--fallback-su,oklch(var(--su)/1))}
-.select-warning, :where(select.select)-warning {
+.select-warning {
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
-.select-warning:focus, :where(select.select)-warning:focus {
+.select-warning:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
     outline-color: var(--fallback-wa,oklch(var(--wa)/1))}
-.select-error, :where(select.select)-error {
+.select-error {
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
-.select-error:focus, :where(select.select)-error:focus {
+.select-error:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
     outline-color: var(--fallback-er,oklch(var(--er)/1))}
 .select-disabled,
   .select:disabled,
-  .select[disabled],
-  :where(select.select)-disabled,
-  :where(select.select):disabled,
-  :where(select.select)[disabled] {
+  .select[disabled] {
     cursor: not-allowed;
     --tw-border-opacity: 1;
     border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4811,18 +4805,12 @@ details.collapse summary::-webkit-details-marker {
     --tw-text-opacity: 0.2}
 .select-disabled::placeholder,
   .select:disabled::placeholder,
-  .select[disabled]::placeholder,
-  :where(select.select)-disabled::placeholder,
-  :where(select.select):disabled::placeholder,
-  :where(select.select)[disabled]::placeholder {
+  .select[disabled]::placeholder {
     color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
     --tw-placeholder-opacity: 0.2}
 .select-multiple,
   .select[multiple],
-  .select[size].select:not([size="1"]),
-  :where(select.select)-multiple,
-  :where(select.select)[multiple],
-  :where(select.select)[size]:where(select.select):not([size="1"]) {
+  .select[size].select:not([size="1"]) {
     background-image: none;
     padding-right: 1rem}
 [dir="rtl"] .select {

package/dist/styled.css

@@ -1142,8 +1142,8 @@
   display: grid;
   align-items: flex-end;
 }
-.tabs-lifted:has(.tab-content[class^="rounded-"]) :first-child:not(.tab-active),
-  .tabs-lifted:has(.tab-content[class*=" rounded-"]) :first-child:not(.tab-active) {
+.tabs-lifted:has(.tab-content[class^="rounded-"]) .tab:first-child:not(.tab-active),
+  .tabs-lifted:has(.tab-content[class*=" rounded-"]) .tab:first-child:not(.tab-active) {
   border-bottom-color: transparent;
 }
 .tab {
@@ -4075,8 +4075,7 @@ details.collapse summary {
     transform: translateY(0);
   }
 }
-.select,
-:where(select.select) {
+.select {
   border-radius: var(--rounded-btn, 0.5rem);
   border-width: 1px;
   border-color: transparent;
@@ -4084,11 +4083,10 @@ details.collapse summary {
   background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
   padding-right: 2.5rem;
 }
-  .select-bordered, :where(select.select)-bordered {
+  .select-bordered {
   border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
 }
-  .select,
-:where(select.select) {
+  .select {
   background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
     linear-gradient(135deg, currentColor 50%, transparent 50%);
   background-position:
@@ -4099,7 +4097,7 @@ details.collapse summary {
     4px 4px;
   background-repeat: no-repeat;
 }
-  .select:focus, :where(select.select):focus {
+  .select:focus {
     box-shadow: none;
     border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
     outline-style: solid;
@@ -4107,83 +4105,80 @@ details.collapse summary {
     outline-offset: 2px;
     outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
   }
-  .select-ghost, :where(select.select)-ghost {
+  .select-ghost {
   --tw-bg-opacity: 0.05;
 }
-  .select-ghost:focus, :where(select.select)-ghost:focus {
+  .select-ghost:focus {
   --tw-bg-opacity: 1;
   --tw-text-opacity: 1;
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
 }
-  .select-primary, :where(select.select)-primary {
+  .select-primary {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
 }
-  .select-primary:focus, :where(select.select)-primary:focus {
+  .select-primary:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
   outline-color: var(--fallback-p,oklch(var(--p)/1));
 }
-  .select-secondary, :where(select.select)-secondary {
+  .select-secondary {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
 }
-  .select-secondary:focus, :where(select.select)-secondary:focus {
+  .select-secondary:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
   outline-color: var(--fallback-s,oklch(var(--s)/1));
 }
-  .select-accent, :where(select.select)-accent {
+  .select-accent {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
 }
-  .select-accent:focus, :where(select.select)-accent:focus {
+  .select-accent:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
   outline-color: var(--fallback-a,oklch(var(--a)/1));
 }
-  .select-info, :where(select.select)-info {
+  .select-info {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
 }
-  .select-info:focus, :where(select.select)-info:focus {
+  .select-info:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
   outline-color: var(--fallback-in,oklch(var(--in)/1));
 }
-  .select-success, :where(select.select)-success {
+  .select-success {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
 }
-  .select-success:focus, :where(select.select)-success:focus {
+  .select-success:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
   outline-color: var(--fallback-su,oklch(var(--su)/1));
 }
-  .select-warning, :where(select.select)-warning {
+  .select-warning {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
 }
-  .select-warning:focus, :where(select.select)-warning:focus {
+  .select-warning:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
   outline-color: var(--fallback-wa,oklch(var(--wa)/1));
 }
-  .select-error, :where(select.select)-error {
+  .select-error {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
 }
-  .select-error:focus, :where(select.select)-error:focus {
+  .select-error:focus {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
   outline-color: var(--fallback-er,oklch(var(--er)/1));
 }
   .select-disabled,
   .select:disabled,
-  .select[disabled],
-  :where(select.select)-disabled,
-  :where(select.select):disabled,
-  :where(select.select)[disabled] {
+  .select[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4193,19 +4188,13 @@ details.collapse summary {
 }
   .select-disabled::placeholder,
   .select:disabled::placeholder,
-  .select[disabled]::placeholder,
-  :where(select.select)-disabled::placeholder,
-  :where(select.select):disabled::placeholder,
-  :where(select.select)[disabled]::placeholder {
+  .select[disabled]::placeholder {
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
   --tw-placeholder-opacity: 0.2;
 }
   .select-multiple,
   .select[multiple],
-  .select[size].select:not([size="1"]),
-  :where(select.select)-multiple,
-  :where(select.select)[multiple],
-  :where(select.select)[size]:where(select.select):not([size="1"]) {
+  .select[size].select:not([size="1"]) {
   background-image: none;
   padding-right: 1rem;
 }