daisyui 4.0.0 → 4.0.2

package/dist/full.css

@@ -2404,9 +2404,14 @@ html {
     height: 3rem;
     padding-left: 1rem;
     padding-right: 1rem;
-    font-size: 0.875rem;
-    line-height: 1.25rem;
-    line-height: 2}
+    font-size: 1rem;
+    line-height: 2;
+    line-height: 1.5rem;
+    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)))}
 .join {
     display: inline-flex;
     align-items: stretch;
@@ -3906,118 +3911,88 @@ details.collapse summary::-webkit-details-marker {
     line-height: 1rem;
     --tw-text-opacity: 1;
     color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
-.input,
-input.input {
-    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)));
-    font-size: 1rem;
-    line-height: 1.5rem}
-.input input:focus, input.input input:focus {
+.input input:focus {
     outline: 2px solid transparent;
     outline-offset: 2px}
-.input[list]::-webkit-calendar-picker-indicator, input.input[list]::-webkit-calendar-picker-indicator {
+.input[list]::-webkit-calendar-picker-indicator {
     line-height: 1em}
-.input-bordered, input.input-bordered {
+.input-bordered {
     border-color: var(--fallback-bc,oklch(var(--bc)/0.2))}
 .input:focus,
-  .input:focus-within,
-  input.input:focus,
-  input.input:focus-within {
+  .input:focus-within {
     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))}
-.input-ghost, input.input-ghost {
+.input-ghost {
     --tw-bg-opacity: 0.05}
 .input-ghost:focus,
-    .input-ghost:focus-within,
-    input.input-ghost:focus,
-    input.input-ghost:focus-within {
+    .input-ghost:focus-within {
     --tw-bg-opacity: 1;
     --tw-text-opacity: 1;
     color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
     box-shadow: none}
-.input-primary, input.input-primary {
+.input-primary {
     --tw-border-opacity: 1;
     border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)))}
 .input-primary:focus,
-    .input-primary:focus-within,
-    input.input-primary:focus,
-    input.input-primary:focus-within {
+    .input-primary:focus-within {
     --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))}
-.input-secondary, input.input-secondary {
+.input-secondary {
     --tw-border-opacity: 1;
     border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)))}
 .input-secondary:focus,
-    .input-secondary:focus-within,
-    input.input-secondary:focus,
-    input.input-secondary:focus-within {
+    .input-secondary:focus-within {
     --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))}
-.input-accent, input.input-accent {
+.input-accent {
     --tw-border-opacity: 1;
     border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)))}
 .input-accent:focus,
-    .input-accent:focus-within,
-    input.input-accent:focus,
-    input.input-accent:focus-within {
+    .input-accent:focus-within {
     --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))}
-.input-info, input.input-info {
+.input-info {
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
 .input-info:focus,
-    .input-info:focus-within,
-    input.input-info:focus,
-    input.input-info:focus-within {
+    .input-info:focus-within {
     --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))}
-.input-success, input.input-success {
+.input-success {
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
 .input-success:focus,
-    .input-success:focus-within,
-    input.input-success:focus,
-    input.input-success:focus-within {
+    .input-success:focus-within {
     --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))}
-.input-warning, input.input-warning {
+.input-warning {
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
 .input-warning:focus,
-    .input-warning:focus-within,
-    input.input-warning:focus,
-    input.input-warning:focus-within {
+    .input-warning:focus-within {
     --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))}
-.input-error, input.input-error {
+.input-error {
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
 .input-error:focus,
-    .input-error:focus-within,
-    input.input-error:focus,
-    input.input-error:focus-within {
+    .input-error:focus-within {
     --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))}
 .input-disabled,
   .input:disabled,
-  .input[disabled],
-  input.input-disabled,
-  input.input:disabled,
-  input.input[disabled] {
+  .input[disabled] {
     cursor: not-allowed;
     --tw-border-opacity: 1;
     border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -4026,10 +4001,7 @@ input.input {
     color: var(--fallback-bc,oklch(var(--bc)/0.4))}
 .input-disabled::placeholder,
   .input:disabled::placeholder,
-  .input[disabled]::placeholder,
-  input.input-disabled::placeholder,
-  input.input:disabled::placeholder,
-  input.input[disabled]::placeholder {
+  .input[disabled]::placeholder {
     color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
     --tw-placeholder-opacity: 0.2}
 .join > :where(*:not(:first-child)) {
@@ -21850,39 +21822,31 @@ select.select {
     background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
     --tw-text-opacity: 1;
     color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
-.hover\:input-info:hover,.hover\:input-info:hover input {
+.hover\:input-info:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
-.hover\:input-info:hover:focus,.hover\:input-info:hover:focus-within,.hover\:input-info:hover
-    input:focus,.hover\:input-info:hover
-    input:focus-within {
+.hover\:input-info:hover:focus,.hover\:input-info:hover:focus-within {
     --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))}
-.hover\:input-success:hover,.hover\:input-success:hover input {
+.hover\:input-success:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
-.hover\:input-success:hover:focus,.hover\:input-success:hover:focus-within,.hover\:input-success:hover
-    input:focus,.hover\:input-success:hover
-    input:focus-within {
+.hover\:input-success:hover:focus,.hover\:input-success:hover:focus-within {
     --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))}
-.hover\:input-warning:hover,.hover\:input-warning:hover input {
+.hover\:input-warning:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
-.hover\:input-warning:hover:focus,.hover\:input-warning:hover:focus-within,.hover\:input-warning:hover
-    input:focus,.hover\:input-warning:hover
-    input:focus-within {
+.hover\:input-warning:hover:focus,.hover\:input-warning:hover:focus-within {
     --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))}
-.hover\:input-error:hover,.hover\:input-error:hover input {
+.hover\:input-error:hover {
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
-.hover\:input-error:hover:focus,.hover\:input-error:hover:focus-within,.hover\:input-error:hover
-    input:focus,.hover\:input-error:hover
-    input:focus-within {
+.hover\:input-error:hover:focus,.hover\:input-error:hover:focus-within {
     --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))}
@@ -22454,39 +22418,31 @@ select.select {
     background-color: var(--fallback-er,oklch(var(--er)/var(--tw-bg-opacity)));
     --tw-text-opacity: 1;
     color: var(--fallback-erc,oklch(var(--erc)/var(--tw-text-opacity)))}
-.focus\:input-info:focus,.focus\:input-info:focus input {
+.focus\:input-info:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)))}
-.focus\:input-info:focus:focus,.focus\:input-info:focus:focus-within,.focus\:input-info:focus
-    input:focus,.focus\:input-info:focus
-    input:focus-within {
+.focus\:input-info:focus:focus,.focus\:input-info:focus:focus-within {
     --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))}
-.focus\:input-success:focus,.focus\:input-success:focus input {
+.focus\:input-success:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)))}
-.focus\:input-success:focus:focus,.focus\:input-success:focus:focus-within,.focus\:input-success:focus
-    input:focus,.focus\:input-success:focus
-    input:focus-within {
+.focus\:input-success:focus:focus,.focus\:input-success:focus:focus-within {
     --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))}
-.focus\:input-warning:focus,.focus\:input-warning:focus input {
+.focus\:input-warning:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)))}
-.focus\:input-warning:focus:focus,.focus\:input-warning:focus:focus-within,.focus\:input-warning:focus
-    input:focus,.focus\:input-warning:focus
-    input:focus-within {
+.focus\:input-warning:focus:focus,.focus\:input-warning:focus:focus-within {
     --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))}
-.focus\:input-error:focus,.focus\:input-error:focus input {
+.focus\:input-error:focus {
     --tw-border-opacity: 1;
     border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)))}
-.focus\:input-error:focus:focus,.focus\:input-error:focus:focus-within,.focus\:input-error:focus
-    input:focus,.focus\:input-error:focus
-    input:focus-within {
+.focus\:input-error:focus:focus,.focus\:input-error:focus:focus-within {
     --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))}

package/dist/styled.css

@@ -2879,8 +2879,7 @@ details.collapse summary {
     gap: 1rem;
     padding: 1rem
 }
-.input,
-input.input {
+.input {
   border-radius: var(--rounded-btn, 0.5rem);
   border-width: 1px;
   border-color: transparent;
@@ -2892,20 +2891,18 @@ input.input {
     display: none;
   } */
 }
-  .input input:focus, input.input input:focus {
+  .input input:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-  .input[list]::-webkit-calendar-picker-indicator, input.input[list]::-webkit-calendar-picker-indicator {
+  .input[list]::-webkit-calendar-picker-indicator {
     line-height: 1em;
   }
-  .input-bordered, input.input-bordered {
+  .input-bordered {
   border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
 }
   .input:focus,
-  .input:focus-within,
-  input.input:focus,
-  input.input:focus-within {
+  .input:focus-within {
     box-shadow: none;
     border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
     outline-style: solid;
@@ -2913,108 +2910,89 @@ input.input {
     outline-offset: 2px;
     outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
   }
-  .input-ghost, input.input-ghost {
+  .input-ghost {
   --tw-bg-opacity: 0.05;
 }
   .input-ghost:focus,
-    .input-ghost:focus-within,
-    input.input-ghost:focus,
-    input.input-ghost:focus-within {
+    .input-ghost:focus-within {
   --tw-bg-opacity: 1;
   --tw-text-opacity: 1;
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
       box-shadow: none;
 }
-  .input-primary, input.input-primary {
+  .input-primary {
   --tw-border-opacity: 1;
   border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
 }
   .input-primary:focus,
-    .input-primary:focus-within,
-    input.input-primary:focus,
-    input.input-primary:focus-within {
+    .input-primary:focus-within {
   --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));
 }
-  .input-secondary, input.input-secondary {
+  .input-secondary {
   --tw-border-opacity: 1;
   border-color: var(--fallback-s,oklch(var(--s)/var(--tw-border-opacity)));
 }
   .input-secondary:focus,
-    .input-secondary:focus-within,
-    input.input-secondary:focus,
-    input.input-secondary:focus-within {
+    .input-secondary:focus-within {
   --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));
 }
-  .input-accent, input.input-accent {
+  .input-accent {
   --tw-border-opacity: 1;
   border-color: var(--fallback-a,oklch(var(--a)/var(--tw-border-opacity)));
 }
   .input-accent:focus,
-    .input-accent:focus-within,
-    input.input-accent:focus,
-    input.input-accent:focus-within {
+    .input-accent:focus-within {
   --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));
 }
-  .input-info, input.input-info {
+  .input-info {
   --tw-border-opacity: 1;
   border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity)));
 }
   .input-info:focus,
-    .input-info:focus-within,
-    input.input-info:focus,
-    input.input-info:focus-within {
+    .input-info:focus-within {
   --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));
 }
-  .input-success, input.input-success {
+  .input-success {
   --tw-border-opacity: 1;
   border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity)));
 }
   .input-success:focus,
-    .input-success:focus-within,
-    input.input-success:focus,
-    input.input-success:focus-within {
+    .input-success:focus-within {
   --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));
 }
-  .input-warning, input.input-warning {
+  .input-warning {
   --tw-border-opacity: 1;
   border-color: var(--fallback-wa,oklch(var(--wa)/var(--tw-border-opacity)));
 }
   .input-warning:focus,
-    .input-warning:focus-within,
-    input.input-warning:focus,
-    input.input-warning:focus-within {
+    .input-warning:focus-within {
   --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));
 }
-  .input-error, input.input-error {
+  .input-error {
   --tw-border-opacity: 1;
   border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity)));
 }
   .input-error:focus,
-    .input-error:focus-within,
-    input.input-error:focus,
-    input.input-error:focus-within {
+    .input-error:focus-within {
   --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));
 }
   .input-disabled,
   .input:disabled,
-  .input[disabled],
-  input.input-disabled,
-  input.input:disabled,
-  input.input[disabled] {
+  .input[disabled] {
   cursor: not-allowed;
   --tw-border-opacity: 1;
   border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
@@ -3024,10 +3002,7 @@ input.input {
 }
   .input-disabled::placeholder,
   .input:disabled::placeholder,
-  .input[disabled]::placeholder,
-  input.input-disabled::placeholder,
-  input.input:disabled::placeholder,
-  input.input[disabled]::placeholder {
+  .input[disabled]::placeholder {
   color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
   --tw-placeholder-opacity: 0.2;
 }