daisyui 5.5.22 → 5.6.0-alpha.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.
- package/base/properties/object.js +1 -1
- package/base/properties.css +1 -1
- package/base/reset.css +1 -1
- package/base/rootcolor/object.js +1 -1
- package/base/rootcolor.css +1 -1
- package/base/rootscrollgutter/object.js +1 -1
- package/base/rootscrollgutter.css +1 -1
- package/base/rootscrolllock/object.js +1 -1
- package/base/rootscrolllock.css +1 -1
- package/base/scrollbar.css +1 -1
- package/base/svg.css +1 -1
- package/chunks.css +56 -54
- package/colors/properties-extended.css +1 -1
- package/colors/properties.css +1 -1
- package/colors/responsive-extended.css +1 -1
- package/colors/responsive.css +1 -1
- package/colors/states-extended.css +1 -1
- package/colors/states.css +1 -1
- package/components/alert.css +1 -1
- package/components/aura/index.js +7 -0
- package/components/aura/object.js +1 -0
- package/components/aura.css +1 -0
- package/components/avatar.css +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button/object.js +1 -1
- package/components/button.css +1 -1
- package/components/calendar/object.js +1 -1
- package/components/calendar.css +1 -1
- package/components/card/object.js +1 -1
- package/components/card.css +1 -1
- package/components/carousel.css +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse/object.js +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown.css +1 -1
- package/components/diff/object.js +1 -1
- package/components/diff.css +1 -1
- package/components/divider.css +1 -1
- package/components/dock.css +1 -1
- package/components/drawer/object.js +1 -1
- package/components/drawer.css +1 -1
- package/components/dropdown/object.js +1 -1
- package/components/dropdown.css +1 -1
- package/components/fab.css +1 -1
- package/components/fieldset.css +1 -1
- package/components/fileinput.css +1 -1
- package/components/filter/object.js +1 -1
- package/components/filter.css +1 -1
- package/components/footer.css +1 -1
- package/components/hero.css +1 -1
- package/components/hover3d.css +1 -1
- package/components/hovergallery.css +1 -1
- package/components/indicator.css +1 -1
- package/components/input/object.js +1 -1
- package/components/input.css +1 -1
- package/components/kbd.css +1 -1
- package/components/label/object.js +1 -1
- package/components/label.css +1 -1
- package/components/link.css +1 -1
- package/components/list.css +1 -1
- package/components/loading/object.js +1 -1
- package/components/loading.css +1 -1
- package/components/mask.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/mockup/object.js +1 -1
- package/components/mockup.css +1 -1
- package/components/modal/object.js +1 -1
- package/components/modal.css +1 -1
- package/components/navbar.css +1 -1
- package/components/otp/index.js +7 -0
- package/components/otp/object.js +1 -0
- package/components/otp.css +1 -0
- package/components/progress.css +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio.css +1 -1
- package/components/range/object.js +1 -1
- package/components/range.css +1 -1
- package/components/rating/object.js +1 -1
- package/components/rating.css +1 -1
- package/components/select/object.js +1 -1
- package/components/select.css +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack.css +1 -1
- package/components/stat.css +1 -1
- package/components/status.css +1 -1
- package/components/steps.css +1 -1
- package/components/swap.css +1 -1
- package/components/tab.css +1 -1
- package/components/table.css +1 -1
- package/components/textarea/object.js +1 -1
- package/components/textarea.css +1 -1
- package/components/textrotate.css +1 -1
- package/components/timeline.css +1 -1
- package/components/toast.css +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip/object.js +1 -1
- package/components/tooltip.css +1 -1
- package/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/functions/addPrefix.js +3 -2
- package/imports.js +55 -53
- package/index.js +1 -1
- package/package.json +1 -1
- package/theme/object.d.ts +27 -27
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/glass.css +1 -1
- package/utilities/join/object.js +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.0 - MIT License */ @layer utilities{.hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}@media (width>=640px){.sm\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}@media (width>=768px){.md\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}@media (width>=1024px){.lg\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}@media (width>=1280px){.xl\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}@media (width>=1536px){.\32 xl\:hover-gallery{@layer daisyui.l1.l2.l3{&{--items:1;grid-template-columns:repeat(var(--items),1fr);gap:1px;width:100%;overflow:hidden}&,&:is(figure){display:inline-grid}&:has(>:nth-child(3)){--items:2}&:has(>:nth-child(4)){--items:3}&:has(>:nth-child(5)){--items:4}&:has(>:nth-child(6)){--items:5}&:has(>:nth-child(7)){--items:6}&:has(>:nth-child(8)){--items:7}&:has(>:nth-child(9)){--items:8}&:has(>:nth-child(10)){--items:9}&>*{opacity:0;object-fit:cover;grid-row:1;width:100%;height:100%;&:first-child{opacity:1;grid-column:1/-1}&:nth-child(2){grid-column:1}&:nth-child(3){grid-column:2}&:nth-child(4){grid-column:3}&:nth-child(5){grid-column:4}&:nth-child(6){grid-column:5}&:nth-child(7){grid-column:6}&:nth-child(8){grid-column:7}&:nth-child(9){grid-column:8}&:nth-child(10){grid-column:9}&:nth-child(n+11){display:none}}&>:hover{opacity:1;grid-column:1/-1}&:has(:hover){&>:first-child{display:none}}}}}}
|
package/components/indicator.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.0 - MIT License */ @layer utilities{.indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}@media (width>=640px){.sm\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.sm\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.sm\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.sm\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.sm\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.sm\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.sm\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=768px){.md\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.md\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.md\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.md\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.md\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.md\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.md\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1024px){.lg\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.lg\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.lg\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.lg\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.lg\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.lg\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.lg\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1280px){.xl\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.xl\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.xl\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.xl\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.xl\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.xl\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.xl\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1536px){.\32 xl\:indicator{@layer daisyui.l1.l2.l3{&{width:max-content;display:inline-flex;position:relative}& :where(.indicator-item){z-index:1;white-space:nowrap;top:var(--indicator-t,0);bottom:var(--indicator-b,auto);left:var(--indicator-s,auto);right:var(--indicator-e,0);translate:var(--indicator-x,50%)var(--indicator-y,-50%);position:absolute}}}.\32 xl\:indicator-start{@layer daisyui.l1.l2{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.\32 xl\:indicator-center{@layer daisyui.l1.l2{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.\32 xl\:indicator-end{@layer daisyui.l1.l2{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.\32 xl\:indicator-bottom{@layer daisyui.l1.l2{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.\32 xl\:indicator-middle{@layer daisyui.l1.l2{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.\32 xl\:indicator-top{@layer daisyui.l1.l2{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".input":{"@layer daisyui.l1.l2.l3":{"
|
|
1
|
+
export default {".input":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"inline-flex","flex-shrink":1,"appearance":"none","align-items":"center","gap":"calc(0.25rem * 2)","background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 3)","vertical-align":"middle","white-space":"nowrap","--size":"calc(var(--size-field, 0.25rem) * var(--in-size-mul))","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","cursor":"text","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","font-size":"max(var(--font-size, 0rem), var(--font-size-min))","touch-action":"manipulation","border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","border":"var(--border) solid var(--input-color, #0000)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset","input":{"height":"100%","width":"100%","appearance":"none","background-color":"transparent","border":"none","&::placeholder":{"color":"var(--color-base-content)","opacity":"50%"},"&:focus, &:focus-within":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&::-webkit-calendar-picker-indicator":{"inset-inline-end":"-0.15em"},"&::-webkit-inner-spin-button":{"margin-inline-end":"-0.15em"}},"input&, input":{"position":"relative","display":"inline-flex","&[type=\"url\"], &[type=\"email\"]":{"direction":"ltr"},"&::-webkit-datetime-edit, &::-webkit-date-and-time-value":{"display":"grid","min-height":"100%","align-items":"center","text-align":"inherit"},"&::-webkit-inner-spin-button":{"margin-inline-end":"calc(0.25rem * -3)","margin-block":"calc(0.25rem * var(--spin-my))"},"&::-webkit-calendar-picker-indicator":{"position":"absolute","inset-inline-end":"0.75em","width":"1em","height":"1em","cursor":"pointer"},"&::-webkit-color-swatch-wrapper":{"padding-block":"calc(0.25rem * 1)"}},"&:focus, &:focus-within":{"--input-color":"var(--color-base-content)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000)","outline":"2px solid var(--input-color)","outline-offset":"2px","isolation":"isolate"},"@media (pointer: coarse)":{"@supports (-webkit-touch-callout: none)":{"&:focus, &:focus-within":{"--font-size":"1rem"}}},"&:has(> input[disabled]), &:is(:disabled, [disabled]), fieldset:disabled &":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)","box-shadow":"none","&::placeholder, ::placeholder":{"color":"var(--color-base-content)","opacity":"20%"}},"&:has(> input[disabled]) > input[disabled]":{"cursor":"not-allowed"}}},".input-ghost":{"@layer daisyui.l1.l2":{"background-color":"transparent","box-shadow":"none","border-color":"#0000","&:focus, &:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"#0000","box-shadow":"none"}}},".input-neutral":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}}},".input-primary":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}}},".input-secondary":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}}},".input-accent":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}}},".input-info":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}}},".input-success":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}}},".input-warning":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}}},".input-error":{"@layer daisyui.l1.l2":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}}},".input-xs":{"@layer daisyui.l1.l2":{"--in-size-mul":"6","--font-size-min":"0.6875rem","--spin-my":"-1",".floating-label:has(&)":{"--top-mul":"3","--font-size":"0.6875rem"}}},".input-sm":{"@layer daisyui.l1.l2":{"--in-size-mul":"8","--font-size-min":"0.75rem","--spin-my":"-2",".floating-label:has(&)":{"--top-mul":"4","--font-size":"0.75rem"}}},".input, .input-md":{"@layer daisyui.l1.l2":{"--in-size-mul":"10","--font-size-min":"0.875rem","--spin-my":"-3",".floating-label:has(&)":{"--top-mul":"5","--font-size":"0.875rem"}}},".input-lg":{"@layer daisyui.l1.l2":{"--in-size-mul":"12","--font-size-min":"1.125rem","--spin-my":"-3",".floating-label:has(&)":{"--top-mul":"6","--font-size":"1.125rem"}}},".input-xl":{"@layer daisyui.l1.l2":{"--in-size-mul":"14","--font-size-min":"1.375rem","--spin-my":"-4",".floating-label:has(&)":{"--top-mul":"7","--font-size":"1.375rem"}}}};
|
package/components/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.21 - MIT License */ @layer utilities{.input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}@media (width>=640px){.sm\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.sm\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.sm\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.sm\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.sm\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.sm\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=768px){.md\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.md\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.md\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.md\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.md\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.md\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1024px){.lg\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.lg\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.lg\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.lg\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.lg\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.lg\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1280px){.xl\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.xl\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.xl\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.xl\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.xl\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.xl\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}@media (width>=1536px){.\32 xl\:input{@layer daisyui.l1.l2.l3{&{cursor:text;border:var(--border)solid #0000;appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,.875rem),.875rem);touch-action:manipulation;border-color:var(--input-color);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;--size:calc(var(--size-field,.25rem)*10);--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}&:where(input){display:inline-flex}& :where(input){appearance:none;background-color:#0000;border:none;width:100%;height:100%;display:inline-flex;&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}}& :where(input[type=url]),& :where(input[type=email]){direction:ltr}& :where(input[type=date]){display:inline-flex}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}&::-webkit-calendar-picker-indicator{position:absolute;inset-inline-end:.75em}&:has(>input[type=date]){& :where(input[type=date]){-webkit-appearance:none;appearance:none;display:inline-flex}& input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}}}}.\32 xl\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:input-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*6);font-size:max(var(--font-size,.6875rem),.6875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.25rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*8);font-size:max(var(--font-size,.75rem),.75rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.5rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*10);font-size:max(var(--font-size,.875rem),.875rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*12);font-size:max(var(--font-size,1.125rem),1.125rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-.75rem;margin-inline-end:-.75rem}}}}.\32 xl\:input-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-field,.25rem)*14);font-size:max(var(--font-size,1.375rem),1.375rem)}&[type=number]{&::-webkit-inner-spin-button{margin-block:-1rem;margin-inline-end:-.75rem}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.0 - MIT License */ @layer utilities{.input{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem)*var(--in-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}& input{appearance:none;background-color:#0000;border:none;width:100%;height:100%;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}&::-webkit-inner-spin-button{margin-inline-end:-.15em}}input&,& input{display:inline-flex;position:relative;&[type=url],&[type=email]{direction:ltr}&::-webkit-datetime-edit,&::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}&::-webkit-inner-spin-button{margin-inline-end:-.75rem;margin-block:calc(.25rem*var(--spin-my))}&::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}&::-webkit-color-swatch-wrapper{padding-block:.25rem}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}}}.input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.input-xs{@layer daisyui.l1.l2{&{--in-size-mul:6;--font-size-min:.6875rem;--spin-my:-1}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.input-sm{@layer daisyui.l1.l2{&{--in-size-mul:8;--font-size-min:.75rem;--spin-my:-2}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.input,.input-md{@layer daisyui.l1.l2{&{--in-size-mul:10;--font-size-min:.875rem;--spin-my:-3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.input-lg{@layer daisyui.l1.l2{&{--in-size-mul:12;--font-size-min:1.125rem;--spin-my:-3}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.input-xl{@layer daisyui.l1.l2{&{--in-size-mul:14;--font-size-min:1.375rem;--spin-my:-4}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}@media (width>=640px){.sm\:input{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem)*var(--in-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}& input{appearance:none;background-color:#0000;border:none;width:100%;height:100%;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}&::-webkit-inner-spin-button{margin-inline-end:-.15em}}input&,& input{display:inline-flex;position:relative;&[type=url],&[type=email]{direction:ltr}&::-webkit-datetime-edit,&::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}&::-webkit-inner-spin-button{margin-inline-end:-.75rem;margin-block:calc(.25rem*var(--spin-my))}&::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}&::-webkit-color-swatch-wrapper{padding-block:.25rem}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}}}.sm\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:input-xs{@layer daisyui.l1.l2{&{--in-size-mul:6;--font-size-min:.6875rem;--spin-my:-1}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.sm\:input-sm{@layer daisyui.l1.l2{&{--in-size-mul:8;--font-size-min:.75rem;--spin-my:-2}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.sm\:input,.sm\:input-md{@layer daisyui.l1.l2{&{--in-size-mul:10;--font-size-min:.875rem;--spin-my:-3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.sm\:input-lg{@layer daisyui.l1.l2{&{--in-size-mul:12;--font-size-min:1.125rem;--spin-my:-3}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.sm\:input-xl{@layer daisyui.l1.l2{&{--in-size-mul:14;--font-size-min:1.375rem;--spin-my:-4}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=768px){.md\:input{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem)*var(--in-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}& input{appearance:none;background-color:#0000;border:none;width:100%;height:100%;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}&::-webkit-inner-spin-button{margin-inline-end:-.15em}}input&,& input{display:inline-flex;position:relative;&[type=url],&[type=email]{direction:ltr}&::-webkit-datetime-edit,&::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}&::-webkit-inner-spin-button{margin-inline-end:-.75rem;margin-block:calc(.25rem*var(--spin-my))}&::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}&::-webkit-color-swatch-wrapper{padding-block:.25rem}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}}}.md\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:input-xs{@layer daisyui.l1.l2{&{--in-size-mul:6;--font-size-min:.6875rem;--spin-my:-1}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.md\:input-sm{@layer daisyui.l1.l2{&{--in-size-mul:8;--font-size-min:.75rem;--spin-my:-2}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.md\:input,.md\:input-md{@layer daisyui.l1.l2{&{--in-size-mul:10;--font-size-min:.875rem;--spin-my:-3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.md\:input-lg{@layer daisyui.l1.l2{&{--in-size-mul:12;--font-size-min:1.125rem;--spin-my:-3}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.md\:input-xl{@layer daisyui.l1.l2{&{--in-size-mul:14;--font-size-min:1.375rem;--spin-my:-4}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1024px){.lg\:input{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem)*var(--in-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}& input{appearance:none;background-color:#0000;border:none;width:100%;height:100%;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}&::-webkit-inner-spin-button{margin-inline-end:-.15em}}input&,& input{display:inline-flex;position:relative;&[type=url],&[type=email]{direction:ltr}&::-webkit-datetime-edit,&::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}&::-webkit-inner-spin-button{margin-inline-end:-.75rem;margin-block:calc(.25rem*var(--spin-my))}&::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}&::-webkit-color-swatch-wrapper{padding-block:.25rem}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}}}.lg\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:input-xs{@layer daisyui.l1.l2{&{--in-size-mul:6;--font-size-min:.6875rem;--spin-my:-1}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.lg\:input-sm{@layer daisyui.l1.l2{&{--in-size-mul:8;--font-size-min:.75rem;--spin-my:-2}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.lg\:input,.lg\:input-md{@layer daisyui.l1.l2{&{--in-size-mul:10;--font-size-min:.875rem;--spin-my:-3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.lg\:input-lg{@layer daisyui.l1.l2{&{--in-size-mul:12;--font-size-min:1.125rem;--spin-my:-3}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.lg\:input-xl{@layer daisyui.l1.l2{&{--in-size-mul:14;--font-size-min:1.375rem;--spin-my:-4}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1280px){.xl\:input{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem)*var(--in-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}& input{appearance:none;background-color:#0000;border:none;width:100%;height:100%;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}&::-webkit-inner-spin-button{margin-inline-end:-.15em}}input&,& input{display:inline-flex;position:relative;&[type=url],&[type=email]{direction:ltr}&::-webkit-datetime-edit,&::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}&::-webkit-inner-spin-button{margin-inline-end:-.75rem;margin-block:calc(.25rem*var(--spin-my))}&::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}&::-webkit-color-swatch-wrapper{padding-block:.25rem}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}}}.xl\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:input-xs{@layer daisyui.l1.l2{&{--in-size-mul:6;--font-size-min:.6875rem;--spin-my:-1}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.xl\:input-sm{@layer daisyui.l1.l2{&{--in-size-mul:8;--font-size-min:.75rem;--spin-my:-2}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.xl\:input,.xl\:input-md{@layer daisyui.l1.l2{&{--in-size-mul:10;--font-size-min:.875rem;--spin-my:-3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.xl\:input-lg{@layer daisyui.l1.l2{&{--in-size-mul:12;--font-size-min:1.125rem;--spin-my:-3}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.xl\:input-xl{@layer daisyui.l1.l2{&{--in-size-mul:14;--font-size-min:1.375rem;--spin-my:-4}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:input{@layer daisyui.l1.l2.l3{&{appearance:none;background-color:var(--color-base-100);vertical-align:middle;white-space:nowrap;--size:calc(var(--size-field,.25rem)*var(--in-size-mul));--input-color:color-mix(in oklab,var(--color-base-content)20%,#0000);cursor:text;width:clamp(3rem,20rem,100%);height:var(--size);font-size:max(var(--font-size,0rem),var(--font-size-min));touch-action:manipulation;border:var(--border)solid var(--input-color,#0000);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000)inset,0 -1px oklch(100% 0 0/calc(var(--depth)*.1))inset;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-shrink:1;align-items:center;gap:.5rem;padding-inline:.75rem;display:inline-flex;position:relative}& input{appearance:none;background-color:#0000;border:none;width:100%;height:100%;&::placeholder{color:var(--color-base-content);opacity:.5}&:focus,&:focus-within{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&::-webkit-calendar-picker-indicator{inset-inline-end:-.15em}&::-webkit-inner-spin-button{margin-inline-end:-.15em}}input&,& input{display:inline-flex;position:relative;&[type=url],&[type=email]{direction:ltr}&::-webkit-datetime-edit,&::-webkit-date-and-time-value{min-height:100%;text-align:inherit;align-items:center;display:grid}&::-webkit-inner-spin-button{margin-inline-end:-.75rem;margin-block:calc(.25rem*var(--spin-my))}&::-webkit-calendar-picker-indicator{cursor:pointer;width:1em;height:1em;position:absolute;inset-inline-end:.75em}&::-webkit-color-swatch-wrapper{padding-block:.25rem}}&:focus,&:focus-within{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)calc(var(--depth)*10%),#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}@media (pointer:coarse){@supports (-webkit-touch-callout:none){&:focus,&:focus-within{--font-size:1rem}}}&:has(>input[disabled]),&:is(:disabled,[disabled]),fieldset:disabled &{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);color:color-mix(in oklab,var(--color-base-content)40%,transparent);box-shadow:none;&::placeholder,& ::placeholder{color:var(--color-base-content);opacity:.2}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}}}.\32 xl\:input-ghost{@layer daisyui.l1.l2{&{box-shadow:none;background-color:#0000;border-color:#0000}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:input-neutral{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:input-primary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:input-secondary{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:input-accent{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:input-info{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:input-success{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:input-warning{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:input-error{@layer daisyui.l1.l2{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:input-xs{@layer daisyui.l1.l2{&{--in-size-mul:6;--font-size-min:.6875rem;--spin-my:-1}.floating-label:has(&){--top-mul:3;--font-size:.6875rem}}}.\32 xl\:input-sm{@layer daisyui.l1.l2{&{--in-size-mul:8;--font-size-min:.75rem;--spin-my:-2}.floating-label:has(&){--top-mul:4;--font-size:.75rem}}}.\32 xl\:input,.\32 xl\:input-md{@layer daisyui.l1.l2{&{--in-size-mul:10;--font-size-min:.875rem;--spin-my:-3}.floating-label:has(&){--top-mul:5;--font-size:.875rem}}}.\32 xl\:input-lg{@layer daisyui.l1.l2{&{--in-size-mul:12;--font-size-min:1.125rem;--spin-my:-3}.floating-label:has(&){--top-mul:6;--font-size:1.125rem}}}.\32 xl\:input-xl{@layer daisyui.l1.l2{&{--in-size-mul:14;--font-size-min:1.375rem;--spin-my:-4}.floating-label:has(&){--top-mul:7;--font-size:1.375rem}}}}}
|
package/components/kbd.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.0 - MIT License */ @layer utilities{.kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}@media (width>=640px){.sm\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.sm\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.sm\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.sm\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.sm\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.sm\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=768px){.md\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.md\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.md\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.md\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.md\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.md\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1024px){.lg\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.lg\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.lg\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.lg\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.lg\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.lg\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1280px){.xl\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.xl\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.xl\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.xl\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.xl\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.xl\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1536px){.\32 xl\:kbd{box-shadow:none;@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-field);background-color:var(--color-base-200);vertical-align:middle;border:var(--border)solid color-mix(in srgb,var(--color-base-content)20%,#0000);border-bottom:calc(var(--border) + 1px)solid color-mix(in srgb,var(--color-base-content)20%,#0000);--size:calc(var(--size-selector,.25rem)*6);height:var(--size);min-width:var(--size);justify-content:center;align-items:center;padding-inline:.5em;font-size:.875rem;display:inline-flex}}}.\32 xl\:kbd-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.\32 xl\:kbd-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.\32 xl\:kbd-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.\32 xl\:kbd-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.\32 xl\:kbd-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".label":{"@layer daisyui.l1.l2.l3":{"display":"inline-flex","align-items":"center","gap":"calc(0.25rem * 1.5)","white-space":"nowrap","color":"color-mix(in oklab, currentcolor 60%, transparent)","&:has(input)":{"cursor":"pointer"},"&:is(.input > *, .select > *)":{"display":"flex","height":"calc(100% - 0.5rem)","align-items":"center","padding-inline":"calc(0.25rem * 3)","white-space":"nowrap","font-size":"inherit","&:first-child":{"margin-inline-start":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * 3)","border-inline-end":"var(--border) solid color-mix(in oklab, currentColor 10%, #0000)"},"&:last-child":{"margin-inline-start":"calc(0.25rem * 3)","margin-inline-end":"calc(0.25rem * -3)","border-inline-start":"var(--border) solid color-mix(in oklab, currentColor 10%, #0000)"}}}},".floating-label":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"
|
|
1
|
+
export default {".label":{"@layer daisyui.l1.l2.l3":{"display":"inline-flex","align-items":"center","gap":"calc(0.25rem * 1.5)","white-space":"nowrap","color":"color-mix(in oklab, currentcolor 60%, transparent)","&:has(input)":{"cursor":"pointer"},"&:is(.input > *, .select > *)":{"display":"flex","height":"calc(100% - 0.5rem)","align-items":"center","padding-inline":"calc(0.25rem * 3)","white-space":"nowrap","font-size":"inherit","&:first-child":{"margin-inline-start":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * 3)","border-inline-end":"var(--border) solid color-mix(in oklab, currentColor 10%, #0000)"},"&:last-child":{"margin-inline-start":"calc(0.25rem * 3)","margin-inline-end":"calc(0.25rem * -3)","border-inline-start":"var(--border) solid color-mix(in oklab, currentColor 10%, #0000)"}}}},".floating-label":{"@layer daisyui.l1.l2.l3":{"position":"relative","display":"flex","::placeholder":{"transition":"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"},"> span":{"position":"absolute","inset-inline-start":"calc(0.25rem * 3)","z-index":1,"background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 1)","opacity":"0%","font-size":"var(--font-size, 0.875rem)","top":"calc(var(--size-field, 0.25rem) * var(--top-mul, 5))","line-height":1,"border-radius":"2px","pointer-events":"none","translate":"0 -50%","transition":"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"},"&:focus-within, &:not(:has(input:placeholder-shown, textarea:placeholder-shown))":{"::placeholder":{"opacity":"0%","top":"0","translate":"-12.5% calc(-50% - 0.125em)","scale":"0.75","pointer-events":"auto"},"> span":{"opacity":"100%","top":"0","translate":"-12.5% calc(-50% - 0.125em)","scale":"0.75","pointer-events":"auto","z-index":2}},"&:has(:disabled, [disabled])":{"> span":{"opacity":"0%"}}}}};
|
package/components/label.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.5.21 - MIT License */ @layer utilities{.label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}@media (width>=640px){.sm\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.sm\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=768px){.md\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.md\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1024px){.lg\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.lg\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1280px){.xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.\32 xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:block;position:relative}& input{display:block;&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}& textarea{&::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*10/2);pointer-events:none;border-radius:2px;padding-inline:.25rem;font-size:.875rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}&:has(.input-xs,.select-xs,.textarea-xs) span{top:calc(var(--size-field,.25rem)*6/2);font-size:.6875rem}&:has(.input-sm,.select-sm,.textarea-sm) span{top:calc(var(--size-field,.25rem)*8/2);font-size:.75rem}&:has(.input-md,.select-md,.textarea-md) span{top:calc(var(--size-field,.25rem)*10/2);font-size:.875rem}&:has(.input-lg,.select-lg,.textarea-lg) span{top:calc(var(--size-field,.25rem)*12/2);font-size:1.125rem}&:has(.input-xl,.select-xl,.textarea-xl) span{top:calc(var(--size-field,.25rem)*14/2);font-size:1.375rem}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.0 - MIT License */ @layer utilities{.label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}@media (width>=640px){.sm\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.sm\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}@media (width>=768px){.md\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.md\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}@media (width>=1024px){.lg\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.lg\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}@media (width>=1280px){.xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}@media (width>=1536px){.\32 xl\:label{@layer daisyui.l1.l2.l3{&{white-space:nowrap;color:color-mix(in oklab,currentcolor 60%,transparent);align-items:center;gap:.375rem;display:inline-flex}&:has(input){cursor:pointer}&:is(.input>*,.select>*){white-space:nowrap;height:calc(100% - .5rem);font-size:inherit;align-items:center;padding-inline:.75rem;display:flex;&:first-child{border-inline-end:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:-.75rem .75rem}&:last-child{border-inline-start:var(--border)solid color-mix(in oklab,currentColor 10%,#0000);margin-inline:.75rem -.75rem}}}}.\32 xl\:floating-label{@layer daisyui.l1.l2.l3{&{display:flex;position:relative}& ::placeholder{transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out}&>span{z-index:1;background-color:var(--color-base-100);opacity:0;font-size:var(--font-size,.875rem);inset-inline-start:.75rem;top:calc(var(--size-field,.25rem)*var(--top-mul,5));pointer-events:none;border-radius:2px;padding-inline:.25rem;line-height:1;transition:top .1s ease-out,translate .1s ease-out,scale .1s ease-out,opacity .1s ease-out;position:absolute;translate:0 -50%}&:focus-within,&:not(:has(input:placeholder-shown,textarea:placeholder-shown)){& ::placeholder{opacity:0;pointer-events:auto;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}&>span{opacity:1;pointer-events:auto;z-index:2;top:0;translate:-12.5% calc(-50% - .125em);scale:.75}}&:has(:disabled,[disabled]){&>span{opacity:0}}}}}}
|
package/components/link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.0 - MIT License */ @layer utilities{.link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}@media (width>=640px){.sm\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.sm\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.sm\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.sm\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.sm\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.sm\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.sm\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.sm\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.sm\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.sm\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}@media (width>=768px){.md\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.md\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.md\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.md\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.md\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.md\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.md\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.md\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.md\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.md\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}@media (width>=1024px){.lg\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.lg\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.lg\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.lg\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.lg\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.lg\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.lg\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.lg\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.lg\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.lg\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}@media (width>=1280px){.xl\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.xl\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.xl\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.xl\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.xl\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.xl\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.xl\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.xl\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.xl\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.xl\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}@media (width>=1536px){.\32 xl\:link{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-decoration-line:underline}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}}.\32 xl\:link-hover{@layer daisyui.l1.l2{&{text-decoration-line:none}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}}.\32 xl\:link-primary{@layer daisyui.l1.l2{&{color:var(--color-primary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-primary)80%,#000)}}}}.\32 xl\:link-secondary{@layer daisyui.l1.l2{&{color:var(--color-secondary)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-secondary)80%,#000)}}}}.\32 xl\:link-accent{@layer daisyui.l1.l2{&{color:var(--color-accent)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-accent)80%,#000)}}}}.\32 xl\:link-neutral{@layer daisyui.l1.l2{&{color:var(--color-neutral)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-neutral)80%,#000)}}}}.\32 xl\:link-success{@layer daisyui.l1.l2{&{color:var(--color-success)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-success)80%,#000)}}}}.\32 xl\:link-info{@layer daisyui.l1.l2{&{color:var(--color-info)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-info)80%,#000)}}}}.\32 xl\:link-warning{@layer daisyui.l1.l2{&{color:var(--color-warning)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-warning)80%,#000)}}}}.\32 xl\:link-error{@layer daisyui.l1.l2{&{color:var(--color-error)}@media (hover:hover){&:hover{color:color-mix(in oklab,var(--color-error)80%,#000)}}}}}}
|
package/components/list.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.0 - MIT License */ @layer utilities{.list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}@media (width>=640px){.sm\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.sm\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}@media (width>=768px){.md\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.md\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}@media (width>=1024px){.lg\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.lg\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}@media (width>=1280px){.xl\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.xl\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}@media (width>=1536px){.\32 xl\:list{@layer daisyui.l1.l2.l3{&{flex-direction:column;font-size:.875rem;display:flex}& .list-row{--list-grid-cols:minmax(0,auto)1fr;border-radius:var(--radius-box);word-break:break-word;grid-auto-flow:column;grid-template-columns:var(--list-grid-cols);gap:1rem;padding:1rem;display:grid;position:relative}&>:not(:last-child){&.list-row,& .list-row{&:after{content:"";border-bottom:var(--border)solid;inset-inline:var(--radius-box);border-color:color-mix(in oklab,var(--color-base-content)5%,transparent);position:absolute;bottom:0}}}}@layer daisyui.l1.l2{& .list-row{&:has(.list-col-grow:first-child){--list-grid-cols:1fr}&:has(.list-col-grow:nth-child(2)){--list-grid-cols:minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(3)){--list-grid-cols:minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(4)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(5)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&:has(.list-col-grow:nth-child(6)){--list-grid-cols:minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)minmax(0,auto)1fr}&>*{grid-row-start:1}}}}.\32 xl\:list-col-wrap{@layer daisyui.l1{&{grid-row-start:2}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".loading":{"@layer daisyui.l1.l2.l3":{"pointer-events":"none","display":"inline-block","aspect-ratio":"1 / 1","background-color":"currentcolor","vertical-align":"middle","width":"calc(var(--size-selector, 0.25rem) * 6)","mask-size":"100%","mask-repeat":"no-repeat","mask-position":"center","mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"}},".loading-spinner":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"}},".loading-dots":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E\")"}},".loading-ring":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"}},".loading-ball":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E\")"}},".loading-bars":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E\")"}},".loading-infinity":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E\")"}},".loading-xs":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 4)"}},".loading-sm":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 5)"}},".loading-md":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 6)"}},".loading-lg":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 7)"}},".loading-xl":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 8)"}}};
|
|
1
|
+
export default {".loading":{"@layer daisyui.l1.l2.l3":{"pointer-events":"none","display":"inline-block","aspect-ratio":"1 / 1","background-color":"currentcolor","vertical-align":"middle","width":"calc(var(--size-selector, 0.25rem) * 6)","mask-size":"100%","mask-repeat":"no-repeat","mask-position":"center","mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E\")","@media (prefers-reduced-motion: no-preference)":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"}}},".loading-spinner":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E\")","@media (prefers-reduced-motion: no-preference)":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"}}},".loading-dots":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='20' cy='12' r='3'/%3E%3C/svg%3E\")","@media (prefers-reduced-motion: no-preference)":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E\")"}}},".loading-ring":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='10'/%3E%3C/g%3E%3C/svg%3E\")","@media (prefers-reduced-motion: no-preference)":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"}}},".loading-ball":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='12' rx='4' ry='4'/%3E%3C/svg%3E\")","@media (prefers-reduced-motion: no-preference)":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E\")"}}},".loading-bars":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'/%3E%3Crect x='9' y='1' width='6' height='22'/%3E%3Crect x='17' y='1' width='6' height='22'/%3E%3C/svg%3E\")","@media (prefers-reduced-motion: no-preference)":{"mask-image":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E\")"}}},".loading-infinity":{"@layer daisyui.l1.l2":{"mask-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='black' stroke-width='10' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z'/%3E%3C/svg%3E\")","@media (prefers-reduced-motion: no-preference)":{"mask-image":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E\")"}}},".loading-xs":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 4)"}},".loading-sm":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 5)"}},".loading-md":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 6)"}},".loading-lg":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 7)"}},".loading-xl":{"@layer daisyui.l1.l2":{"width":"calc(var(--size-selector, 0.25rem) * 8)"}}};
|
package/components/loading.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.
|
|
1
|
+
/*! 🌼 daisyUI 5.6.0-alpha.0 - MIT License */ @layer utilities{.loading{@layer daisyui.l1.l2.l3{&{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem)*6);background-color:currentColor;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}}}.loading-spinner{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}}}.loading-dots{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='20' cy='12' r='3'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%3E%3C/svg%3E")}}}}.loading-ring{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='10'/%3E%3C/g%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='white'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1;20' calcMode='spline' keyTimes='0;1' keySplines='0.165,0.84,0.44,1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1;0' calcMode='spline' keyTimes='0;1' keySplines='0.3,0.61,0.355,1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}}}}.loading-ball{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='12' rx='4' ry='4'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E")}}}}.loading-bars{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'/%3E%3Crect x='9' y='1' width='6' height='22'/%3E%3Crect x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%3E")}}}}.loading-infinity{@layer daisyui.l1.l2{&{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 100 100'%3E%3Cpath fill='none' stroke='black' stroke-width='10' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:no-preference){&{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering:auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.589'/%3E%3C/path%3E%3C/svg%3E")}}}}.loading-xs{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*4)}}}.loading-sm{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*5)}}}.loading-md{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*6)}}}.loading-lg{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*7)}}}.loading-xl{@layer daisyui.l1.l2{&{width:calc(var(--size-selector,.25rem)*8)}}}}
|