daisyui 5.0.0-alpha.21 → 5.0.0-alpha.22

package/components/footer/object.js

@@ -1 +1 @@
-export default {".footer":{"@apply grid w-full grid-flow-row place-items-start gap-x-4 gap-y-10 text-sm":{},"&>*":{"@apply grid place-items-start gap-2":{}},"&.footer-center":{"@apply place-items-center text-center grid-flow-col-dense":{},"&>*":{"@apply place-items-center":{}}}},".footer-title":{"@apply mb-2 font-bold uppercase opacity-60":{}},".footer-horizontal":{"@apply grid-flow-col":{},"&.footer-center":{"@apply grid-flow-row-dense":{}}},".footer-vertical":{"@apply grid-flow-row":{},"&.footer-center":{"@apply grid-flow-col-dense":{}}}};
+export default {".footer":{"@apply grid w-full grid-flow-row place-items-start gap-x-4 gap-y-10":{},"fontSize":"0.875rem","lineHeight":"1.25rem","&>*":{"@apply grid place-items-start gap-2":{}},"&.footer-center":{"@apply place-items-center text-center grid-flow-col-dense":{},"&>*":{"@apply place-items-center":{}}}},".footer-title":{"@apply mb-2 uppercase opacity-60":{},"fontWeight":700},".footer-horizontal":{"@apply grid-flow-col":{},"&.footer-center":{"@apply grid-flow-row-dense":{}}},".footer-vertical":{"@apply grid-flow-row":{},"&.footer-center":{"@apply grid-flow-col-dense":{}}}};

package/components/footer.css

@@ -1 +1,265 @@
-/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .footer{place-items:start;column-gap:var(--spacing-4,1rem);row-gap:var(--spacing-10,2.5rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));grid-auto-flow:row;width:100%;display:grid;&>*{place-items:start;gap:var(--spacing-2,.5rem);display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}.footer-title{margin-bottom:var(--spacing-2,.5rem);--tw-font-weight:700;text-transform:uppercase;opacity:.6;font-weight:700}.footer-horizontal{grid-auto-flow:column;&.footer-center{grid-auto-flow:dense}}.footer-vertical{grid-auto-flow:row;&.footer-center{grid-auto-flow:column dense}}
+.footer {
+    display: grid;
+    width: 100%;
+    grid-auto-flow: row;
+    place-items: start;
+    column-gap: var(--spacing-4, 1rem);
+    row-gap: var(--spacing-10, 2.5rem);
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    &>* {
+      display: grid;
+      place-items: start;
+      gap: var(--spacing-2, 0.5rem);
+    }
+    &.footer-center {
+      grid-auto-flow: column dense;
+      place-items: center;
+      text-align: center;
+      &>* {
+        place-items: center;
+      }
+    }
+  }
+  .footer-title {
+    margin-bottom: var(--spacing-2, 0.5rem);
+    text-transform: uppercase;
+    opacity: 60%;
+    font-weight: 700;
+  }
+  .footer-horizontal {
+    grid-auto-flow: column;
+    &.footer-center {
+      grid-auto-flow: row dense;
+    }
+  }
+  .footer-vertical {
+    grid-auto-flow: row;
+    &.footer-center {
+      grid-auto-flow: column dense;
+    }
+  }
+@media (min-width: 640px) {
+.sm\:footer {
+    display: grid;
+    width: 100%;
+    grid-auto-flow: row;
+    place-items: start;
+    column-gap: var(--spacing-4, 1rem);
+    row-gap: var(--spacing-10, 2.5rem);
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    &>* {
+      display: grid;
+      place-items: start;
+      gap: var(--spacing-2, 0.5rem);
+    }
+    &.footer-center {
+      grid-auto-flow: column dense;
+      place-items: center;
+      text-align: center;
+      &>* {
+        place-items: center;
+      }
+    }
+  }
+  .sm\:footer-title {
+    margin-bottom: var(--spacing-2, 0.5rem);
+    text-transform: uppercase;
+    opacity: 60%;
+    font-weight: 700;
+  }
+  .sm\:footer-horizontal {
+    grid-auto-flow: column;
+    &.footer-center {
+      grid-auto-flow: row dense;
+    }
+  }
+  .sm\:footer-vertical {
+    grid-auto-flow: row;
+    &.footer-center {
+      grid-auto-flow: column dense;
+    }
+  }
+}
+
+
+@media (min-width: 768px) {
+.md\:footer {
+    display: grid;
+    width: 100%;
+    grid-auto-flow: row;
+    place-items: start;
+    column-gap: var(--spacing-4, 1rem);
+    row-gap: var(--spacing-10, 2.5rem);
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    &>* {
+      display: grid;
+      place-items: start;
+      gap: var(--spacing-2, 0.5rem);
+    }
+    &.footer-center {
+      grid-auto-flow: column dense;
+      place-items: center;
+      text-align: center;
+      &>* {
+        place-items: center;
+      }
+    }
+  }
+  .md\:footer-title {
+    margin-bottom: var(--spacing-2, 0.5rem);
+    text-transform: uppercase;
+    opacity: 60%;
+    font-weight: 700;
+  }
+  .md\:footer-horizontal {
+    grid-auto-flow: column;
+    &.footer-center {
+      grid-auto-flow: row dense;
+    }
+  }
+  .md\:footer-vertical {
+    grid-auto-flow: row;
+    &.footer-center {
+      grid-auto-flow: column dense;
+    }
+  }
+}
+
+
+@media (min-width: 1024px) {
+.lg\:footer {
+    display: grid;
+    width: 100%;
+    grid-auto-flow: row;
+    place-items: start;
+    column-gap: var(--spacing-4, 1rem);
+    row-gap: var(--spacing-10, 2.5rem);
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    &>* {
+      display: grid;
+      place-items: start;
+      gap: var(--spacing-2, 0.5rem);
+    }
+    &.footer-center {
+      grid-auto-flow: column dense;
+      place-items: center;
+      text-align: center;
+      &>* {
+        place-items: center;
+      }
+    }
+  }
+  .lg\:footer-title {
+    margin-bottom: var(--spacing-2, 0.5rem);
+    text-transform: uppercase;
+    opacity: 60%;
+    font-weight: 700;
+  }
+  .lg\:footer-horizontal {
+    grid-auto-flow: column;
+    &.footer-center {
+      grid-auto-flow: row dense;
+    }
+  }
+  .lg\:footer-vertical {
+    grid-auto-flow: row;
+    &.footer-center {
+      grid-auto-flow: column dense;
+    }
+  }
+}
+
+
+@media (min-width: 1280px) {
+.xl\:footer {
+    display: grid;
+    width: 100%;
+    grid-auto-flow: row;
+    place-items: start;
+    column-gap: var(--spacing-4, 1rem);
+    row-gap: var(--spacing-10, 2.5rem);
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    &>* {
+      display: grid;
+      place-items: start;
+      gap: var(--spacing-2, 0.5rem);
+    }
+    &.footer-center {
+      grid-auto-flow: column dense;
+      place-items: center;
+      text-align: center;
+      &>* {
+        place-items: center;
+      }
+    }
+  }
+  .xl\:footer-title {
+    margin-bottom: var(--spacing-2, 0.5rem);
+    text-transform: uppercase;
+    opacity: 60%;
+    font-weight: 700;
+  }
+  .xl\:footer-horizontal {
+    grid-auto-flow: column;
+    &.footer-center {
+      grid-auto-flow: row dense;
+    }
+  }
+  .xl\:footer-vertical {
+    grid-auto-flow: row;
+    &.footer-center {
+      grid-auto-flow: column dense;
+    }
+  }
+}
+
+
+@media (min-width: 1536px) {
+.\32xl\:footer {
+    display: grid;
+    width: 100%;
+    grid-auto-flow: row;
+    place-items: start;
+    column-gap: var(--spacing-4, 1rem);
+    row-gap: var(--spacing-10, 2.5rem);
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    &>* {
+      display: grid;
+      place-items: start;
+      gap: var(--spacing-2, 0.5rem);
+    }
+    &.footer-center {
+      grid-auto-flow: column dense;
+      place-items: center;
+      text-align: center;
+      &>* {
+        place-items: center;
+      }
+    }
+  }
+  .\32xl\:footer-title {
+    margin-bottom: var(--spacing-2, 0.5rem);
+    text-transform: uppercase;
+    opacity: 60%;
+    font-weight: 700;
+  }
+  .\32xl\:footer-horizontal {
+    grid-auto-flow: column;
+    &.footer-center {
+      grid-auto-flow: row dense;
+    }
+  }
+  .\32xl\:footer-vertical {
+    grid-auto-flow: row;
+    &.footer-center {
+      grid-auto-flow: column dense;
+    }
+  }
+}
+

package/components/hero.css

@@ -1 +1,181 @@
-/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .hero{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid;&>*{grid-row-start:1;grid-column-start:1}}.hero-overlay{background-color:color-mix(in srgb,var(--color-neutral,var(--color-neutral))50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}.hero-content{z-index:0;max-width:var(--width-7xl,80rem);justify-content:center;align-items:center;gap:var(--spacing-4,1rem);padding:var(--spacing-4,1rem);display:flex}
+.hero {
+    display: grid;
+    width: 100%;
+    place-items: center;
+    background-size: cover;
+    background-position: center;
+    &>* {
+      grid-column-start: 1;
+      grid-row-start: 1;
+    }
+  }
+  .hero-overlay {
+    grid-column-start: 1;
+    grid-row-start: 1;
+    height: 100%;
+    width: 100%;
+    background-color: color-mix(in srgb, var(--color-neutral, ) 50%, transparent);
+  }
+  .hero-content {
+    z-index: 0;
+    display: flex;
+    max-width: var(--width-7xl, 80rem);
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacing-4, 1rem);
+    padding: var(--spacing-4, 1rem);
+  }
+@media (min-width: 640px) {
+.sm\:hero {
+    display: grid;
+    width: 100%;
+    place-items: center;
+    background-size: cover;
+    background-position: center;
+    &>* {
+      grid-column-start: 1;
+      grid-row-start: 1;
+    }
+  }
+  .sm\:hero-overlay {
+    grid-column-start: 1;
+    grid-row-start: 1;
+    height: 100%;
+    width: 100%;
+    background-color: color-mix(in srgb, var(--color-neutral, ) 50%, transparent);
+  }
+  .sm\:hero-content {
+    z-index: 0;
+    display: flex;
+    max-width: var(--width-7xl, 80rem);
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacing-4, 1rem);
+    padding: var(--spacing-4, 1rem);
+  }
+}
+
+
+@media (min-width: 768px) {
+.md\:hero {
+    display: grid;
+    width: 100%;
+    place-items: center;
+    background-size: cover;
+    background-position: center;
+    &>* {
+      grid-column-start: 1;
+      grid-row-start: 1;
+    }
+  }
+  .md\:hero-overlay {
+    grid-column-start: 1;
+    grid-row-start: 1;
+    height: 100%;
+    width: 100%;
+    background-color: color-mix(in srgb, var(--color-neutral, ) 50%, transparent);
+  }
+  .md\:hero-content {
+    z-index: 0;
+    display: flex;
+    max-width: var(--width-7xl, 80rem);
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacing-4, 1rem);
+    padding: var(--spacing-4, 1rem);
+  }
+}
+
+
+@media (min-width: 1024px) {
+.lg\:hero {
+    display: grid;
+    width: 100%;
+    place-items: center;
+    background-size: cover;
+    background-position: center;
+    &>* {
+      grid-column-start: 1;
+      grid-row-start: 1;
+    }
+  }
+  .lg\:hero-overlay {
+    grid-column-start: 1;
+    grid-row-start: 1;
+    height: 100%;
+    width: 100%;
+    background-color: color-mix(in srgb, var(--color-neutral, ) 50%, transparent);
+  }
+  .lg\:hero-content {
+    z-index: 0;
+    display: flex;
+    max-width: var(--width-7xl, 80rem);
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacing-4, 1rem);
+    padding: var(--spacing-4, 1rem);
+  }
+}
+
+
+@media (min-width: 1280px) {
+.xl\:hero {
+    display: grid;
+    width: 100%;
+    place-items: center;
+    background-size: cover;
+    background-position: center;
+    &>* {
+      grid-column-start: 1;
+      grid-row-start: 1;
+    }
+  }
+  .xl\:hero-overlay {
+    grid-column-start: 1;
+    grid-row-start: 1;
+    height: 100%;
+    width: 100%;
+    background-color: color-mix(in srgb, var(--color-neutral, ) 50%, transparent);
+  }
+  .xl\:hero-content {
+    z-index: 0;
+    display: flex;
+    max-width: var(--width-7xl, 80rem);
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacing-4, 1rem);
+    padding: var(--spacing-4, 1rem);
+  }
+}
+
+
+@media (min-width: 1536px) {
+.\32xl\:hero {
+    display: grid;
+    width: 100%;
+    place-items: center;
+    background-size: cover;
+    background-position: center;
+    &>* {
+      grid-column-start: 1;
+      grid-row-start: 1;
+    }
+  }
+  .\32xl\:hero-overlay {
+    grid-column-start: 1;
+    grid-row-start: 1;
+    height: 100%;
+    width: 100%;
+    background-color: color-mix(in srgb, var(--color-neutral, ) 50%, transparent);
+  }
+  .\32xl\:hero-content {
+    z-index: 0;
+    display: flex;
+    max-width: var(--width-7xl, 80rem);
+    align-items: center;
+    justify-content: center;
+    gap: var(--spacing-4, 1rem);
+    padding: var(--spacing-4, 1rem);
+  }
+}
+

package/components/input/class.json

@@ -1,6 +1,6 @@
 [
   "input",
-  "input-bordered",
+  "input-border",
   "input-ghost",
   "input-primary",
   "input-secondary",

package/components/input/object.js

@@ -1 +1 @@
-export default {".input":{"@apply bg-base-100 h-10 shrink appearance-none border border-transparent px-4 text-base text-sm leading-loose align-middle":{},"borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","input":{"@apply border-none bg-transparent":{},"&:focus":{"@apply outline-none":{}}},"&:focus,\n  &:focus-within":{"@apply border-base-content/20 outline-base-content/20 outline outline-2 outline-offset-2":{}},"&:has(> input[disabled]),\n  &:is(:disabled, [disabled])":{"@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed":{}},"&:has(> input[disabled])>input[disabled]":{"@apply cursor-not-allowed":{}},"&::-webkit-date-and-time-value":{"textAlign":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}},"&[list]":{"&::-webkit-calendar-picker-indicator":{"lineHeight":"1em"}},"&.input-bordered":{"@apply border-base-content/20":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset,\n      0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"boxShadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.input-ghost":{"@apply bg-base-100/5 shadow-none":{},"&:focus,\n    &:focus-within":{"@apply text-base-content bg-base-100":{},"boxShadow":"none"}},"&.input-primary":{"@apply border-primary":{},"backgroundColor":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-primary border-primary":{}}},"&.input-secondary":{"@apply border-secondary":{},"backgroundColor":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-secondary border-secondary":{}}},"&.input-accent":{"@apply border-accent":{},"backgroundColor":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-accent border-accent":{}}},"&.input-info":{"@apply border-info":{},"backgroundColor":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-info border-info":{}}},"&.input-success":{"@apply border-success":{},"backgroundColor":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-success border-success":{}}},"&.input-warning":{"@apply border-warning":{},"backgroundColor":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-warning border-warning":{}}},"&.input-error":{"@apply border-error":{},"backgroundColor":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-error border-error":{}}},"&.input-xs":{"@apply h-6 px-2 text-xs leading-relaxed":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-1 -me-0":{}}}},"&.input-sm":{"@apply h-8 px-3 text-sm leading-8":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply my-0 -me-0":{}}}},"&.input-md":{"@apply h-10 px-4 text-sm leading-loose":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}}},"&.input-lg":{"@apply h-14 px-6 text-lg leading-loose":{},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-6 -me-6":{}}}}}};
+export default {".input":{"border":"1px solid transparent","@apply bg-base-100 h-10 shrink appearance-none px-4 align-middle":{},"fontSize":"0.875rem","lineHeight":2,"borderStartStartRadius":"var(--radius-join-start-start, var(--radius-btn))","borderStartEndRadius":"var(--radius-join-start-end, var(--radius-btn))","borderEndStartRadius":"var(--radius-join-end-start, var(--radius-btn))","borderEndEndRadius":"var(--radius-join-end-end, var(--radius-btn))","input":{"@apply bg-transparent":{},"border":"none","&:focus":{"@apply outline-none":{}}},"&:focus,\n  &:focus-within":{"borderColor":"color-mix(in srgb, var(--color-base-content, ) 20%, transparent)","outline":"2px solid color-mix(in srgb, var(--color-base-content, ) 20%, transparent)","outlineOffset":"2px"},"&:has(> input[disabled]),\n  &:is(:disabled, [disabled])":{"@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 placeholder-base-content/20 cursor-not-allowed":{},"boxShadow":"none"},"&:has(> input[disabled])>input[disabled]":{"@apply cursor-not-allowed":{}},"&::-webkit-date-and-time-value":{"textAlign":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}},"&[list]":{"&::-webkit-calendar-picker-indicator":{"lineHeight":"1em"}},"&.input-border":{"@apply border-base-content/10":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset,\n      0 -1px oklch(100% 0 0 / 0.1) inset","&:focus":{"boxShadow":"0 1px oklch(0% 0 0 / 0.1)"}},"&.input-ghost":{"@apply bg-base-100/5":{},"boxShadow":"none","&:focus,\n    &:focus-within":{"@apply text-base-content bg-base-100":{},"boxShadow":"none"}},"&.input-primary":{"@apply border-primary":{},"backgroundColor":"color-mix(in oklab, var(--color-primary) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-primary border-primary":{}}},"&.input-secondary":{"@apply border-secondary":{},"backgroundColor":"color-mix(in oklab, var(--color-secondary) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-secondary border-secondary":{}}},"&.input-accent":{"@apply border-accent":{},"backgroundColor":"color-mix(in oklab, var(--color-accent) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-accent border-accent":{}}},"&.input-info":{"@apply border-info":{},"backgroundColor":"color-mix(in oklab, var(--color-info) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-info border-info":{}}},"&.input-success":{"@apply border-success":{},"backgroundColor":"color-mix(in oklab, var(--color-success) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-success border-success":{}}},"&.input-warning":{"@apply border-warning":{},"backgroundColor":"color-mix(in oklab, var(--color-warning) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-warning border-warning":{}}},"&.input-error":{"@apply border-error":{},"backgroundColor":"color-mix(in oklab, var(--color-error) 2%, transparent)","&:focus,\n    &:focus-within":{"@apply outline-error border-error":{}}},"&.input-xs":{"@apply h-6 px-2":{},"fontSize":"0.75rem","lineHeight":1.625,"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-1 -me-0":{}}}},"&.input-sm":{"@apply h-8 px-3":{},"fontSize":"0.875rem","lineHeight":"2rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply my-0 -me-0":{}}}},"&.input-md":{"@apply h-10 px-4":{},"fontSize":"0.875rem","lineHeight":2,"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-4 -me-4":{}}}},"&.input-lg":{"@apply h-14 px-6":{},"fontSize":"1.125rem","lineHeight":"2rem","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"@apply -my-6 -me-6":{}}}}}};