daisyui 5.2.3 → 5.2.4
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.css +1 -1
- package/base/reset.css +1 -1
- package/base/rootcolor.css +1 -1
- package/base/rootscrollgutter.css +1 -1
- package/base/rootscrolllock.css +1 -1
- package/base/scrollbar.css +1 -1
- package/base/svg.css +1 -1
- 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/object.js +1 -1
- package/components/alert.css +1 -1
- package/components/avatar/object.js +1 -1
- package/components/avatar.css +1 -1
- package/components/badge/object.js +1 -1
- package/components/badge.css +1 -1
- package/components/breadcrumbs/object.js +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/object.js +1 -1
- package/components/carousel.css +1 -1
- package/components/chat/object.js +1 -1
- package/components/chat.css +1 -1
- package/components/checkbox/object.js +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse/object.js +1 -1
- package/components/collapse.css +1 -1
- package/components/countdown/object.js +1 -1
- package/components/countdown.css +1 -1
- package/components/diff/object.js +1 -1
- package/components/diff.css +1 -1
- package/components/divider/object.js +1 -1
- package/components/divider.css +1 -1
- package/components/dock/object.js +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/object.js +1 -1
- package/components/fab.css +1 -1
- package/components/fieldset/object.js +1 -1
- package/components/fieldset.css +1 -1
- package/components/fileinput/object.js +1 -1
- package/components/fileinput.css +1 -1
- package/components/filter/object.js +1 -1
- package/components/filter.css +1 -1
- package/components/footer/object.js +1 -1
- package/components/footer.css +1 -1
- package/components/hero/object.js +1 -1
- package/components/hero.css +1 -1
- package/components/hovergallery/object.js +1 -1
- package/components/hovergallery.css +1 -1
- package/components/indicator/object.js +1 -1
- package/components/indicator.css +1 -1
- package/components/input/object.js +1 -1
- package/components/input.css +1 -1
- package/components/kbd/object.js +1 -1
- package/components/kbd.css +1 -1
- package/components/label/object.js +1 -1
- package/components/label.css +1 -1
- package/components/link/object.js +1 -1
- package/components/link.css +1 -1
- package/components/list/object.js +1 -1
- package/components/list.css +1 -1
- package/components/loading/object.js +1 -1
- package/components/loading.css +1 -1
- package/components/mask/object.js +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/object.js +1 -1
- package/components/navbar.css +1 -1
- package/components/progress/object.js +1 -1
- package/components/progress.css +1 -1
- package/components/radialprogress/object.js +1 -1
- package/components/radialprogress.css +1 -1
- package/components/radio/object.js +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/object.js +1 -1
- package/components/skeleton.css +1 -1
- package/components/stack/object.js +1 -1
- package/components/stack.css +1 -1
- package/components/stat/object.js +1 -1
- package/components/stat.css +1 -1
- package/components/status/object.js +1 -1
- package/components/status.css +1 -1
- package/components/steps/object.js +1 -1
- package/components/steps.css +1 -1
- package/components/swap/object.js +1 -1
- package/components/swap.css +1 -1
- package/components/tab/object.js +1 -1
- package/components/tab.css +1 -1
- package/components/table/object.js +1 -1
- package/components/table.css +1 -1
- package/components/textarea/object.js +1 -1
- package/components/textarea.css +1 -1
- package/components/timeline/object.js +1 -1
- package/components/timeline.css +1 -1
- package/components/toast/object.js +1 -1
- package/components/toast.css +1 -1
- package/components/toggle/object.js +1 -1
- package/components/toggle.css +1 -1
- package/components/tooltip/object.js +1 -1
- package/components/tooltip.css +1 -1
- package/components/validator/object.js +1 -1
- package/components/validator.css +1 -1
- package/daisyui.css +1 -1
- package/index.js +1 -1
- package/package.json +1 -1
- package/theme/object.d.ts +29 -29
- package/theme/object.js +1 -1
- package/themes.css +1 -1
- package/utilities/glass.css +1 -1
- package/utilities/join.css +1 -1
- package/utilities/radius.css +1 -1
- package/utilities/typography.css +1 -1
package/components/fileinput.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.2.2 - MIT License */ @layer utilities{.file-input{border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}.file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.file-input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.file-input-xl{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}@media (width>=640px){.sm\:file-input{border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}.sm\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.sm\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:file-input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.sm\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.sm\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.sm\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.sm\:file-input-xl{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=768px){.md\:file-input{border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}.md\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.md\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:file-input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.md\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.md\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.md\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.md\:file-input-xl{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1024px){.lg\:file-input{border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}.lg\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.lg\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:file-input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.lg\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.lg\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.lg\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.lg\:file-input-xl{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1280px){.xl\:file-input{border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}.xl\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.xl\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:file-input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.xl\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.xl\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.xl\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.xl\:file-input-xl{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}@media (width>=1536px){.\32 xl\:file-input{border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}.\32 xl\:file-input-ghost{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s;&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}.\32 xl\:file-input-neutral{--btn-color:var(--color-neutral);&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:file-input-primary{--btn-color:var(--color-primary);&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:file-input-secondary{--btn-color:var(--color-secondary);&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:file-input-accent{--btn-color:var(--color-accent);&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:file-input-info{--btn-color:var(--color-info);&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:file-input-success{--btn-color:var(--color-success);&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:file-input-warning{--btn-color:var(--color-warning);&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:file-input-error{--btn-color:var(--color-error);&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:file-input-xs{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem;&::file-selector-button{font-size:.6875rem}}.\32 xl\:file-input-sm{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem;&::file-selector-button{font-size:.75rem}}.\32 xl\:file-input-md{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2;&::file-selector-button{font-size:.875rem}}.\32 xl\:file-input-lg{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem;&::file-selector-button{font-size:1.125rem}}.\32 xl\:file-input-xl{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem;&::file-selector-button{font-size:1.375rem}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.2.3 - MIT License */ @layer utilities{.file-input{@layer daisyui.component{&{cursor:pointer;border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.file-input-ghost{@layer daisyui.modifier{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.file-input-neutral{@layer daisyui.modifier{&{--btn-color:var(--color-neutral)}&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.file-input-primary{@layer daisyui.modifier{&{--btn-color:var(--color-primary)}&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.file-input-secondary{@layer daisyui.modifier{&{--btn-color:var(--color-secondary)}&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.file-input-accent{@layer daisyui.modifier{&{--btn-color:var(--color-accent)}&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.file-input-info{@layer daisyui.modifier{&{--btn-color:var(--color-info)}&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.file-input-success{@layer daisyui.modifier{&{--btn-color:var(--color-success)}&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.file-input-warning{@layer daisyui.modifier{&{--btn-color:var(--color-warning)}&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.file-input-error{@layer daisyui.modifier{&{--btn-color:var(--color-error)}&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.file-input-xs{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem}&::file-selector-button{font-size:.6875rem}}}.file-input-sm{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem}&::file-selector-button{font-size:.75rem}}}.file-input-md{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2}&::file-selector-button{font-size:.875rem}}}.file-input-lg{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem}&::file-selector-button{font-size:1.125rem}}}.file-input-xl{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}&::file-selector-button{font-size:1.375rem}}}@media (width>=640px){.sm\:file-input{@layer daisyui.component{&{cursor:pointer;border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.sm\:file-input-ghost{@layer daisyui.modifier{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.sm\:file-input-neutral{@layer daisyui.modifier{&{--btn-color:var(--color-neutral)}&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:file-input-primary{@layer daisyui.modifier{&{--btn-color:var(--color-primary)}&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:file-input-secondary{@layer daisyui.modifier{&{--btn-color:var(--color-secondary)}&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:file-input-accent{@layer daisyui.modifier{&{--btn-color:var(--color-accent)}&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:file-input-info{@layer daisyui.modifier{&{--btn-color:var(--color-info)}&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:file-input-success{@layer daisyui.modifier{&{--btn-color:var(--color-success)}&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:file-input-warning{@layer daisyui.modifier{&{--btn-color:var(--color-warning)}&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:file-input-error{@layer daisyui.modifier{&{--btn-color:var(--color-error)}&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:file-input-xs{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem}&::file-selector-button{font-size:.6875rem}}}.sm\:file-input-sm{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem}&::file-selector-button{font-size:.75rem}}}.sm\:file-input-md{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2}&::file-selector-button{font-size:.875rem}}}.sm\:file-input-lg{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem}&::file-selector-button{font-size:1.125rem}}}.sm\:file-input-xl{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}&::file-selector-button{font-size:1.375rem}}}}@media (width>=768px){.md\:file-input{@layer daisyui.component{&{cursor:pointer;border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.md\:file-input-ghost{@layer daisyui.modifier{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.md\:file-input-neutral{@layer daisyui.modifier{&{--btn-color:var(--color-neutral)}&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:file-input-primary{@layer daisyui.modifier{&{--btn-color:var(--color-primary)}&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:file-input-secondary{@layer daisyui.modifier{&{--btn-color:var(--color-secondary)}&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:file-input-accent{@layer daisyui.modifier{&{--btn-color:var(--color-accent)}&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:file-input-info{@layer daisyui.modifier{&{--btn-color:var(--color-info)}&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:file-input-success{@layer daisyui.modifier{&{--btn-color:var(--color-success)}&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:file-input-warning{@layer daisyui.modifier{&{--btn-color:var(--color-warning)}&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:file-input-error{@layer daisyui.modifier{&{--btn-color:var(--color-error)}&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:file-input-xs{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem}&::file-selector-button{font-size:.6875rem}}}.md\:file-input-sm{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem}&::file-selector-button{font-size:.75rem}}}.md\:file-input-md{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2}&::file-selector-button{font-size:.875rem}}}.md\:file-input-lg{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem}&::file-selector-button{font-size:1.125rem}}}.md\:file-input-xl{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}&::file-selector-button{font-size:1.375rem}}}}@media (width>=1024px){.lg\:file-input{@layer daisyui.component{&{cursor:pointer;border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.lg\:file-input-ghost{@layer daisyui.modifier{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.lg\:file-input-neutral{@layer daisyui.modifier{&{--btn-color:var(--color-neutral)}&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:file-input-primary{@layer daisyui.modifier{&{--btn-color:var(--color-primary)}&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:file-input-secondary{@layer daisyui.modifier{&{--btn-color:var(--color-secondary)}&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:file-input-accent{@layer daisyui.modifier{&{--btn-color:var(--color-accent)}&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:file-input-info{@layer daisyui.modifier{&{--btn-color:var(--color-info)}&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:file-input-success{@layer daisyui.modifier{&{--btn-color:var(--color-success)}&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:file-input-warning{@layer daisyui.modifier{&{--btn-color:var(--color-warning)}&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:file-input-error{@layer daisyui.modifier{&{--btn-color:var(--color-error)}&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:file-input-xs{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem}&::file-selector-button{font-size:.6875rem}}}.lg\:file-input-sm{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem}&::file-selector-button{font-size:.75rem}}}.lg\:file-input-md{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2}&::file-selector-button{font-size:.875rem}}}.lg\:file-input-lg{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem}&::file-selector-button{font-size:1.125rem}}}.lg\:file-input-xl{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}&::file-selector-button{font-size:1.375rem}}}}@media (width>=1280px){.xl\:file-input{@layer daisyui.component{&{cursor:pointer;border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.xl\:file-input-ghost{@layer daisyui.modifier{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.xl\:file-input-neutral{@layer daisyui.modifier{&{--btn-color:var(--color-neutral)}&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:file-input-primary{@layer daisyui.modifier{&{--btn-color:var(--color-primary)}&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:file-input-secondary{@layer daisyui.modifier{&{--btn-color:var(--color-secondary)}&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:file-input-accent{@layer daisyui.modifier{&{--btn-color:var(--color-accent)}&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:file-input-info{@layer daisyui.modifier{&{--btn-color:var(--color-info)}&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:file-input-success{@layer daisyui.modifier{&{--btn-color:var(--color-success)}&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:file-input-warning{@layer daisyui.modifier{&{--btn-color:var(--color-warning)}&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:file-input-error{@layer daisyui.modifier{&{--btn-color:var(--color-error)}&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:file-input-xs{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem}&::file-selector-button{font-size:.6875rem}}}.xl\:file-input-sm{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem}&::file-selector-button{font-size:.75rem}}}.xl\:file-input-md{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2}&::file-selector-button{font-size:.875rem}}}.xl\:file-input-lg{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem}&::file-selector-button{font-size:1.125rem}}}.xl\:file-input-xl{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}&::file-selector-button{font-size:1.375rem}}}}@media (width>=1536px){.\32 xl\:file-input{@layer daisyui.component{&{cursor:pointer;border:var(--border)solid #0000;cursor:pointer;appearance:none;background-color:var(--color-base-100);vertical-align:middle;-webkit-user-select:none;user-select:none;width:clamp(3rem,20rem,100%);height:var(--size);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));align-items:center;padding-inline-end:.75rem;font-size:.875rem;line-height:2;display:inline-flex}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;height:calc(100% + var(--border)*2);margin-inline-end:1rem;margin-block:calc(var(--border)*-1);color:var(--btn-fg);border-width:var(--border);border-style:solid;border-color:var(--btn-border);background-color:var(--btn-bg);background-size:calc(var(--noise)*100%);background-image:var(--btn-noise);text-shadow:0 .5px oklch(1 0 0/calc(var(--depth)*.15));box-shadow:0 .5px 0 .5px color-mix(in oklab,color-mix(in oklab,white 30%,var(--btn-bg))calc(var(--depth)*20%),#0000)inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-border:color-mix(in oklab,var(--btn-bg),#000 5%);--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)30%,#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)30%,#0000);--btn-noise:var(--fx-noise);border-start-start-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-start-radius:calc(var(--join-es,var(--radius-field) - var(--border)));margin-inline-start:calc(var(--border)*-1);padding-inline:1rem;font-size:.875rem;font-weight:600}&:focus{--input-color:var(--color-base-content);box-shadow:0 1px color-mix(in oklab,var(--input-color)10%,#0000);outline:2px solid var(--input-color);outline-offset:2px;isolation:isolate}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);box-shadow:none;color:color-mix(in oklch,var(--color-base-content)20%,#0000);&::placeholder{color:color-mix(in oklab,var(--color-base-content)20%,transparent)}&::file-selector-button{cursor:not-allowed;border-color:var(--color-base-200);background-color:var(--color-base-200);--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}}.\32 xl\:file-input-ghost{@layer daisyui.modifier{&{box-shadow:none;background-color:#0000;border-color:#0000;transition:background-color .2s}&::file-selector-button{cursor:pointer;-webkit-user-select:none;user-select:none;border-start-end-radius:calc(var(--join-ss,var(--radius-field) - var(--border)));border-end-end-radius:calc(var(--join-es,var(--radius-field) - var(--border)));height:100%;margin-block:0;margin-inline:0 1rem;padding-inline:1rem}&:focus,&:focus-within{background-color:var(--color-base-100);color:var(--color-base-content);box-shadow:none;border-color:#0000}}}.\32 xl\:file-input-neutral{@layer daisyui.modifier{&{--btn-color:var(--color-neutral)}&::file-selector-button{color:var(--color-neutral-content)}&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:file-input-primary{@layer daisyui.modifier{&{--btn-color:var(--color-primary)}&::file-selector-button{color:var(--color-primary-content)}&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:file-input-secondary{@layer daisyui.modifier{&{--btn-color:var(--color-secondary)}&::file-selector-button{color:var(--color-secondary-content)}&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:file-input-accent{@layer daisyui.modifier{&{--btn-color:var(--color-accent)}&::file-selector-button{color:var(--color-accent-content)}&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:file-input-info{@layer daisyui.modifier{&{--btn-color:var(--color-info)}&::file-selector-button{color:var(--color-info-content)}&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:file-input-success{@layer daisyui.modifier{&{--btn-color:var(--color-success)}&::file-selector-button{color:var(--color-success-content)}&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:file-input-warning{@layer daisyui.modifier{&{--btn-color:var(--color-warning)}&::file-selector-button{color:var(--color-warning-content)}&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:file-input-error{@layer daisyui.modifier{&{--btn-color:var(--color-error)}&::file-selector-button{color:var(--color-error-content)}&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:file-input-xs{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem;line-height:1rem}&::file-selector-button{font-size:.6875rem}}}.\32 xl\:file-input-sm{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*8);font-size:.75rem;line-height:1.5rem}&::file-selector-button{font-size:.75rem}}}.\32 xl\:file-input-md{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*10);font-size:.875rem;line-height:2}&::file-selector-button{font-size:.875rem}}}.\32 xl\:file-input-lg{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem;line-height:2.5rem}&::file-selector-button{font-size:1.125rem}}}.\32 xl\:file-input-xl{@layer daisyui.modifier{&{--size:calc(var(--size-field,.25rem)*14);padding-inline-end:1.5rem;font-size:1.125rem;line-height:3rem}&::file-selector-button{font-size:1.375rem}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".filter":{"display":"flex","flex-wrap":"wrap","input[type=\"radio\"]":{"width":"auto"},"input":{"overflow":"hidden","opacity":"100%","scale":"1","transition":"margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s","&:not(:last-child)":{"margin-inline-end":"calc(0.25rem * 1)"},"&.filter-reset":{"aspect-ratio":"1 / 1","&::after":{"content":"\"×\""}}},"&:not(:has(input:checked:not(.filter-reset)))":{".filter-reset, input[type=\"reset\"]":{"scale":"0","border-width":"0","margin-inline":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","padding-inline":"calc(0.25rem * 0)","opacity":"0%"}},"&:has(input:checked:not(.filter-reset))":{"input:not(:checked, .filter-reset, input[type=\"reset\"])":{"scale":"0","border-width":"0","margin-inline":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","padding-inline":"calc(0.25rem * 0)","opacity":"0%"}}}};
|
|
1
|
+
export default {".filter":{"@layer daisyui.component":{"display":"flex","flex-wrap":"wrap","input[type=\"radio\"]":{"width":"auto"},"input":{"overflow":"hidden","opacity":"100%","scale":"1","transition":"margin 0.1s, opacity 0.3s, padding 0.3s, border-width 0.1s","&:not(:last-child)":{"margin-inline-end":"calc(0.25rem * 1)"},"&.filter-reset":{"aspect-ratio":"1 / 1","&::after":{"content":"\"×\""}}},"&:not(:has(input:checked:not(.filter-reset)))":{".filter-reset, input[type=\"reset\"]":{"scale":"0","border-width":"0","margin-inline":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","padding-inline":"calc(0.25rem * 0)","opacity":"0%"}},"&:has(input:checked:not(.filter-reset))":{"input:not(:checked, .filter-reset, input[type=\"reset\"])":{"scale":"0","border-width":"0","margin-inline":"calc(0.25rem * 0)","width":"calc(0.25rem * 0)","padding-inline":"calc(0.25rem * 0)","opacity":"0%"}}}}};
|
package/components/filter.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.2.
|
|
1
|
+
/*! 🌼 daisyUI 5.2.3 - MIT License */ @layer utilities{.filter{@layer daisyui.component{&{flex-wrap:wrap;display:flex}& input[type=radio]{width:auto}& input{opacity:1;transition:margin .1s,opacity .3s,padding .3s,border-width .1s;overflow:hidden;scale:1;&:not(:last-child){margin-inline-end:.25rem}&.filter-reset{aspect-ratio:1;&:after{content:"×"}}}&:not(:has(input:checked:not(.filter-reset))){& .filter-reset,& input[type=reset]{opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}&:has(input:checked:not(.filter-reset)){& input:not(:checked,.filter-reset,input[type=reset]){opacity:0;border-width:0;width:0;margin-inline:0;padding-inline:0;scale:0}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".footer":{"display":"grid","width":"100%","grid-auto-flow":"row","place-items":"start","column-gap":"calc(0.25rem * 4)","row-gap":"calc(0.25rem * 10)","font-size":"0.875rem","line-height":"1.25rem","& > *":{"display":"grid","place-items":"start","gap":"calc(0.25rem * 2)"},"&.footer-center":{"grid-auto-flow":"column dense","place-items":"center","text-align":"center","& > *":{"place-items":"center"}}},".footer-title":{"margin-bottom":"calc(0.25rem * 2)","text-transform":"uppercase","opacity":"60%","font-weight":600},".footer-horizontal":{"grid-auto-flow":"column","&.footer-center":{"grid-auto-flow":"row dense"}},".footer-vertical":{"grid-auto-flow":"row","&.footer-center":{"grid-auto-flow":"column dense"}}};
|
|
1
|
+
export default {".footer":{"@layer daisyui.component":{"display":"grid","width":"100%","grid-auto-flow":"row","place-items":"start","column-gap":"calc(0.25rem * 4)","row-gap":"calc(0.25rem * 10)","font-size":"0.875rem","line-height":"1.25rem","& > *":{"display":"grid","place-items":"start","gap":"calc(0.25rem * 2)"},"&.footer-center":{"grid-auto-flow":"column dense","place-items":"center","text-align":"center","& > *":{"place-items":"center"}}}},".footer-title":{"@layer daisyui.component":{"margin-bottom":"calc(0.25rem * 2)","text-transform":"uppercase","opacity":"60%","font-weight":600}},".footer-horizontal":{"@layer daisyui.modifier":{"grid-auto-flow":"column","&.footer-center":{"grid-auto-flow":"row dense"}}},".footer-vertical":{"@layer daisyui.modifier":{"grid-auto-flow":"row","&.footer-center":{"grid-auto-flow":"column dense"}}}};
|
package/components/footer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.2.
|
|
1
|
+
/*! 🌼 daisyUI 5.2.3 - MIT License */ @layer utilities{.footer{@layer daisyui.component{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.footer-title{@layer daisyui.component{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.footer-horizontal{@layer daisyui.modifier{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.footer-vertical{@layer daisyui.modifier{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}@media (width>=640px){.sm\:footer{@layer daisyui.component{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.sm\:footer-title{@layer daisyui.component{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.sm\:footer-horizontal{@layer daisyui.modifier{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.sm\:footer-vertical{@layer daisyui.modifier{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}@media (width>=768px){.md\:footer{@layer daisyui.component{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.md\:footer-title{@layer daisyui.component{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.md\:footer-horizontal{@layer daisyui.modifier{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.md\:footer-vertical{@layer daisyui.modifier{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1024px){.lg\:footer{@layer daisyui.component{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.lg\:footer-title{@layer daisyui.component{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.lg\:footer-horizontal{@layer daisyui.modifier{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.lg\:footer-vertical{@layer daisyui.modifier{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1280px){.xl\:footer{@layer daisyui.component{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.xl\:footer-title{@layer daisyui.component{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.xl\:footer-horizontal{@layer daisyui.modifier{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.xl\:footer-vertical{@layer daisyui.modifier{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}@media (width>=1536px){.\32 xl\:footer{@layer daisyui.component{&{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}&>*{place-items:start;gap:.5rem;display:grid}&.footer-center{text-align:center;grid-auto-flow:column dense;place-items:center;&>*{place-items:center}}}}.\32 xl\:footer-title{@layer daisyui.component{&{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}}}.\32 xl\:footer-horizontal{@layer daisyui.modifier{&{grid-auto-flow:column}&.footer-center{grid-auto-flow:dense}}}.\32 xl\:footer-vertical{@layer daisyui.modifier{&{grid-auto-flow:row}&.footer-center{grid-auto-flow:column dense}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".hero":{"display":"grid","width":"100%","place-items":"center","background-size":"cover","background-position":"center","& > *":{"grid-column-start":"1","grid-row-start":"1"}},".hero-overlay":{"grid-column-start":"1","grid-row-start":"1","height":"100%","width":"100%","background-color":"color-mix(in oklab, var(--color-neutral) 50%, transparent)"},".hero-content":{"isolation":"isolate","display":"flex","max-width":"80rem","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 4)","padding":"calc(0.25rem * 4)"}};
|
|
1
|
+
export default {".hero":{"@layer daisyui.component":{"display":"grid","width":"100%","place-items":"center","background-size":"cover","background-position":"center","& > *":{"grid-column-start":"1","grid-row-start":"1"}}},".hero-overlay":{"@layer daisyui.component":{"grid-column-start":"1","grid-row-start":"1","height":"100%","width":"100%","background-color":"color-mix(in oklab, var(--color-neutral) 50%, transparent)"}},".hero-content":{"@layer daisyui.component":{"isolation":"isolate","display":"flex","max-width":"80rem","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 4)","padding":"calc(0.25rem * 4)"}}};
|
package/components/hero.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.2.
|
|
1
|
+
/*! 🌼 daisyUI 5.2.3 - MIT License */ @layer utilities{.hero{@layer daisyui.component{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.hero-overlay{@layer daisyui.component{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.hero-content{@layer daisyui.component{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}@media (width>=640px){.sm\:hero{@layer daisyui.component{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.sm\:hero-overlay{@layer daisyui.component{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.sm\:hero-content{@layer daisyui.component{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}@media (width>=768px){.md\:hero{@layer daisyui.component{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.md\:hero-overlay{@layer daisyui.component{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.md\:hero-content{@layer daisyui.component{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}@media (width>=1024px){.lg\:hero{@layer daisyui.component{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.lg\:hero-overlay{@layer daisyui.component{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.lg\:hero-content{@layer daisyui.component{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}@media (width>=1280px){.xl\:hero{@layer daisyui.component{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.xl\:hero-overlay{@layer daisyui.component{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.xl\:hero-content{@layer daisyui.component{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}@media (width>=1536px){.\32 xl\:hero{@layer daisyui.component{&{background-position:50%;background-size:cover;place-items:center;width:100%;display:grid}&>*{grid-row-start:1;grid-column-start:1}}}.\32 xl\:hero-overlay{@layer daisyui.component{&{background-color:color-mix(in oklab,var(--color-neutral)50%,transparent);grid-row-start:1;grid-column-start:1;width:100%;height:100%}}}.\32 xl\:hero-content{@layer daisyui.component{&{isolation:isolate;justify-content:center;align-items:center;gap:1rem;max-width:80rem;padding:1rem;display:flex}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".hover-gallery":{"--items":"1","grid-template-columns":"repeat(var(--items), 1fr)","width":"100%","gap":"1px","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,"height":"100%","grid-row":"1","object-fit":"cover","width":"100%","&:nth-child(1)":{"grid-column":"1 / -1","opacity":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":{"grid-column":"1 / -1","opacity":1},"&:has(*:hover)":{"> :nth-child(1)":{"display":"none"}}}};
|
|
1
|
+
export default {".hover-gallery":{"@layer daisyui.component":{"--items":"1","grid-template-columns":"repeat(var(--items), 1fr)","width":"100%","gap":"1px","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,"height":"100%","grid-row":"1","object-fit":"cover","width":"100%","&:nth-child(1)":{"grid-column":"1 / -1","opacity":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":{"grid-column":"1 / -1","opacity":1},"&:has(*:hover)":{"> :nth-child(1)":{"display":"none"}}}}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.2.
|
|
1
|
+
/*! 🌼 daisyUI 5.2.3 - MIT License */ @layer utilities{.hover-gallery{@layer daisyui.component{&{--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.component{&{--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.component{&{--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.component{&{--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.component{&{--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.component{&{--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}}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".indicator":{"position":"relative","display":"inline-flex","width":"max-content",":where(.indicator-item)":{"z-index":1,"position":"absolute","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%)"}},".indicator-start":{"--indicator-s":"0","--indicator-e":"auto","--indicator-x":"-50%","[dir=\"rtl\"] &":{"--indicator-s":"auto","--indicator-e":"0","--indicator-x":"50%"}},".indicator-center":{"--indicator-s":"50%","--indicator-e":"50%","--indicator-x":"-50%","[dir=\"rtl\"] &":{"--indicator-x":"50%"}},".indicator-end":{"--indicator-s":"auto","--indicator-e":"0","--indicator-x":"50%","[dir=\"rtl\"] &":{"--indicator-s":"0","--indicator-e":"auto","--indicator-x":"-50%"}},".indicator-bottom":{"--indicator-t":"auto","--indicator-b":"0","--indicator-y":"50%"},".indicator-middle":{"--indicator-t":"50%","--indicator-b":"50%","--indicator-y":"-50%"},".indicator-top":{"--indicator-t":"0","--indicator-b":"auto","--indicator-y":"-50%"}};
|
|
1
|
+
export default {".indicator":{"@layer daisyui.component":{"position":"relative","display":"inline-flex","width":"max-content",":where(.indicator-item)":{"z-index":1,"position":"absolute","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%)"}}},".indicator-start":{"@layer daisyui.modifier":{"--indicator-s":"0","--indicator-e":"auto","--indicator-x":"-50%","[dir=\"rtl\"] &":{"--indicator-s":"auto","--indicator-e":"0","--indicator-x":"50%"}}},".indicator-center":{"@layer daisyui.modifier":{"--indicator-s":"50%","--indicator-e":"50%","--indicator-x":"-50%","[dir=\"rtl\"] &":{"--indicator-x":"50%"}}},".indicator-end":{"@layer daisyui.modifier":{"--indicator-s":"auto","--indicator-e":"0","--indicator-x":"50%","[dir=\"rtl\"] &":{"--indicator-s":"0","--indicator-e":"auto","--indicator-x":"-50%"}}},".indicator-bottom":{"@layer daisyui.modifier":{"--indicator-t":"auto","--indicator-b":"0","--indicator-y":"50%"}},".indicator-middle":{"@layer daisyui.modifier":{"--indicator-t":"50%","--indicator-b":"50%","--indicator-y":"-50%"}},".indicator-top":{"@layer daisyui.modifier":{"--indicator-t":"0","--indicator-b":"auto","--indicator-y":"-50%"}}};
|
package/components/indicator.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.2.
|
|
1
|
+
/*! 🌼 daisyUI 5.2.3 - MIT License */ @layer utilities{.indicator{@layer daisyui.component{&{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.modifier{&{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}[dir=rtl] &{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}}}.indicator-center{@layer daisyui.modifier{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.indicator-end{@layer daisyui.modifier{&{--indicator-s:auto;--indicator-e:0;--indicator-x:50%}[dir=rtl] &{--indicator-s:0;--indicator-e:auto;--indicator-x:-50%}}}.indicator-bottom{@layer daisyui.modifier{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.indicator-middle{@layer daisyui.modifier{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.indicator-top{@layer daisyui.modifier{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}@media (width>=640px){.sm\:indicator{@layer daisyui.component{&{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.modifier{&{--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.modifier{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.sm\:indicator-end{@layer daisyui.modifier{&{--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.modifier{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.sm\:indicator-middle{@layer daisyui.modifier{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.sm\:indicator-top{@layer daisyui.modifier{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=768px){.md\:indicator{@layer daisyui.component{&{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.modifier{&{--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.modifier{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.md\:indicator-end{@layer daisyui.modifier{&{--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.modifier{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.md\:indicator-middle{@layer daisyui.modifier{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.md\:indicator-top{@layer daisyui.modifier{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1024px){.lg\:indicator{@layer daisyui.component{&{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.modifier{&{--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.modifier{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.lg\:indicator-end{@layer daisyui.modifier{&{--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.modifier{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.lg\:indicator-middle{@layer daisyui.modifier{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.lg\:indicator-top{@layer daisyui.modifier{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1280px){.xl\:indicator{@layer daisyui.component{&{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.modifier{&{--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.modifier{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.xl\:indicator-end{@layer daisyui.modifier{&{--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.modifier{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.xl\:indicator-middle{@layer daisyui.modifier{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.xl\:indicator-top{@layer daisyui.modifier{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}@media (width>=1536px){.\32 xl\:indicator{@layer daisyui.component{&{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.modifier{&{--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.modifier{&{--indicator-s:50%;--indicator-e:50%;--indicator-x:-50%}[dir=rtl] &{--indicator-x:50%}}}.\32 xl\:indicator-end{@layer daisyui.modifier{&{--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.modifier{&{--indicator-t:auto;--indicator-b:0;--indicator-y:50%}}}.\32 xl\:indicator-middle{@layer daisyui.modifier{&{--indicator-t:50%;--indicator-b:50%;--indicator-y:-50%}}}.\32 xl\:indicator-top{@layer daisyui.modifier{&{--indicator-t:0;--indicator-b:auto;--indicator-y:-50%}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".input":{"cursor":"text","border":"var(--border) solid #0000","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","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","font-size":"max(var(--font-size, 0.875rem), 0.875rem)","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-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) * 0.1)) inset","--size":"calc(var(--size-field, 0.25rem) * 10)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","&:where(input)":{"display":"inline-flex"},":where(input)":{"display":"inline-flex","height":"100%","width":"100%","appearance":"none","background-color":"transparent","border":"none","&:focus, &:focus-within":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}}},":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","z-index":1},"@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)","&::placeholder":{"color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> input[disabled]) > input[disabled]":{"cursor":"not-allowed"},"&::-webkit-date-and-time-value":{"text-align":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}},"&::-webkit-calendar-picker-indicator":{"position":"absolute","inset-inline-end":"0.75em"},"&:has(> input[type=\"date\"])":{":where(input[type=\"date\"])":{"display":"inline-flex","webkit-appearance":"none","appearance":"none"},"input[type=\"date\"]::-webkit-calendar-picker-indicator":{"position":"absolute","inset-inline-end":"0.75em","width":"1em","height":"1em","cursor":"pointer"}}},".input-ghost":{"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":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}},".input-primary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}},".input-secondary":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}},".input-accent":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}},".input-info":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}},".input-success":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}},".input-warning":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}},".input-error":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}},".input-xs":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"max(var(--font-size, 0.6875rem), 0.6875rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -1)","margin-inline-end":"calc(0.25rem * -3)"}}},".input-sm":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"max(var(--font-size, 0.75rem), 0.75rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -2)","margin-inline-end":"calc(0.25rem * -3)"}}},".input-md":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"max(var(--font-size, 0.875rem), 0.875rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}}},".input-lg":{"--size":"calc(var(--size-field, 0.25rem) * 12)","font-size":"max(var(--font-size, 1.125rem), 1.125rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}}},".input-xl":{"--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"max(var(--font-size, 1.375rem), 1.375rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -4)","margin-inline-end":"calc(0.25rem * -3)"}}}};
|
|
1
|
+
export default {".input":{"@layer daisyui.component":{"cursor":"text","border":"var(--border) solid #0000","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","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","font-size":"max(var(--font-size, 0.875rem), 0.875rem)","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-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) * 0.1)) inset","--size":"calc(var(--size-field, 0.25rem) * 10)","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","&:where(input)":{"display":"inline-flex"},":where(input)":{"display":"inline-flex","height":"100%","width":"100%","appearance":"none","background-color":"transparent","border":"none","&:focus, &:focus-within":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}}},":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","z-index":1},"@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)","&::placeholder":{"color":"color-mix(in oklab, var(--color-base-content) 20%, transparent)"},"box-shadow":"none"},"&:has(> input[disabled]) > input[disabled]":{"cursor":"not-allowed"},"&::-webkit-date-and-time-value":{"text-align":"inherit"},"&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}},"&::-webkit-calendar-picker-indicator":{"position":"absolute","inset-inline-end":"0.75em"},"&:has(> input[type=\"date\"])":{":where(input[type=\"date\"])":{"display":"inline-flex","webkit-appearance":"none","appearance":"none"},"input[type=\"date\"]::-webkit-calendar-picker-indicator":{"position":"absolute","inset-inline-end":"0.75em","width":"1em","height":"1em","cursor":"pointer"}}}},".input-ghost":{"@layer daisyui.modifier":{"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.modifier":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-neutral)"}}},".input-primary":{"@layer daisyui.modifier":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-primary)"}}},".input-secondary":{"@layer daisyui.modifier":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-secondary)"}}},".input-accent":{"@layer daisyui.modifier":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-accent)"}}},".input-info":{"@layer daisyui.modifier":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-info)"}}},".input-success":{"@layer daisyui.modifier":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-success)"}}},".input-warning":{"@layer daisyui.modifier":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-warning)"}}},".input-error":{"@layer daisyui.modifier":{"&, &:focus, &:focus-within":{"--input-color":"var(--color-error)"}}},".input-xs":{"@layer daisyui.modifier":{"--size":"calc(var(--size-field, 0.25rem) * 6)","font-size":"max(var(--font-size, 0.6875rem), 0.6875rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -1)","margin-inline-end":"calc(0.25rem * -3)"}}}},".input-sm":{"@layer daisyui.modifier":{"--size":"calc(var(--size-field, 0.25rem) * 8)","font-size":"max(var(--font-size, 0.75rem), 0.75rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -2)","margin-inline-end":"calc(0.25rem * -3)"}}}},".input-md":{"@layer daisyui.modifier":{"--size":"calc(var(--size-field, 0.25rem) * 10)","font-size":"max(var(--font-size, 0.875rem), 0.875rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}}}},".input-lg":{"@layer daisyui.modifier":{"--size":"calc(var(--size-field, 0.25rem) * 12)","font-size":"max(var(--font-size, 1.125rem), 1.125rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -3)","margin-inline-end":"calc(0.25rem * -3)"}}}},".input-xl":{"@layer daisyui.modifier":{"--size":"calc(var(--size-field, 0.25rem) * 14)","font-size":"max(var(--font-size, 1.375rem), 1.375rem)","&[type=\"number\"]":{"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * -4)","margin-inline-end":"calc(0.25rem * -3)"}}}}};
|
package/components/input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.2.2 - MIT License */ @layer utilities{.input{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;z-index:1}@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{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{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.input-xs{--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{--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{--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{--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{--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{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;z-index:1}@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{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{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.sm\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.sm\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.sm\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.sm\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.sm\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.sm\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.sm\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.sm\:input-xs{--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{--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{--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{--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{--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{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;z-index:1}@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{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{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.md\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.md\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.md\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.md\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.md\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.md\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.md\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.md\:input-xs{--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{--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{--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{--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{--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{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;z-index:1}@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{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{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.lg\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.lg\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.lg\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.lg\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.lg\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.lg\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.lg\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.lg\:input-xs{--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{--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{--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{--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{--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{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;z-index:1}@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{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{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.xl\:input-xs{--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{--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{--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{--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{--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{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;z-index:1}@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{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{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}.\32 xl\:input-primary{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}.\32 xl\:input-secondary{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}.\32 xl\:input-accent{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}.\32 xl\:input-info{&,&:focus,&:focus-within{--input-color:var(--color-info)}}.\32 xl\:input-success{&,&:focus,&:focus-within{--input-color:var(--color-success)}}.\32 xl\:input-warning{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}.\32 xl\:input-error{&,&:focus,&:focus-within{--input-color:var(--color-error)}}.\32 xl\:input-xs{--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{--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{--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{--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{--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.2.3 - MIT License */ @layer utilities{.input{@layer daisyui.component{&{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;z-index:1}@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.modifier{&{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.modifier{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.input-primary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.input-secondary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.input-accent{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.input-info{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.input-success{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.input-warning{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.input-error{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.input-xs{@layer daisyui.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.component{&{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;z-index:1}@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.modifier{&{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.modifier{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.sm\:input-primary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.sm\:input-secondary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.sm\:input-accent{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.sm\:input-info{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.sm\:input-success{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.sm\:input-warning{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.sm\:input-error{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.sm\:input-xs{@layer daisyui.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.component{&{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;z-index:1}@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.modifier{&{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.modifier{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.md\:input-primary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.md\:input-secondary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.md\:input-accent{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.md\:input-info{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.md\:input-success{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.md\:input-warning{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.md\:input-error{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.md\:input-xs{@layer daisyui.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.component{&{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;z-index:1}@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.modifier{&{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.modifier{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.lg\:input-primary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.lg\:input-secondary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.lg\:input-accent{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.lg\:input-info{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.lg\:input-success{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.lg\:input-warning{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.lg\:input-error{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.lg\:input-xs{@layer daisyui.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.component{&{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;z-index:1}@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.modifier{&{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.modifier{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.xl\:input-primary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.xl\:input-secondary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.xl\:input-accent{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.xl\:input-info{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.xl\:input-success{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.xl\:input-warning{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.xl\:input-error{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.xl\:input-xs{@layer daisyui.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.component{&{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;z-index:1}@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.modifier{&{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.modifier{&,&:focus,&:focus-within{--input-color:var(--color-neutral)}}}.\32 xl\:input-primary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-primary)}}}.\32 xl\:input-secondary{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-secondary)}}}.\32 xl\:input-accent{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-accent)}}}.\32 xl\:input-info{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-info)}}}.\32 xl\:input-success{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-success)}}}.\32 xl\:input-warning{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-warning)}}}.\32 xl\:input-error{@layer daisyui.modifier{&,&:focus,&:focus-within{--input-color:var(--color-error)}}}.\32 xl\:input-xs{@layer daisyui.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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.modifier{&{--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}}}}}}
|
package/components/kbd/object.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".kbd":{"display":"inline-flex","align-items":"center","justify-content":"center","border-radius":"var(--radius-field)","background-color":"var(--color-base-200)","vertical-align":"middle","padding-left":"0.5em","padding-right":"0.5em","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, 0.25rem) * 6)","font-size":"0.875rem","height":"var(--size)","min-width":"var(--size)","box-shadow":"none"},".kbd-xs":{"--size":"calc(var(--size-selector, 0.25rem) * 4)","font-size":"0.625rem"},".kbd-sm":{"--size":"calc(var(--size-selector, 0.25rem) * 5)","font-size":"0.75rem"},".kbd-md":{"--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem"},".kbd-lg":{"--size":"calc(var(--size-selector, 0.25rem) * 7)","font-size":"1rem"},".kbd-xl":{"--size":"calc(var(--size-selector, 0.25rem) * 8)","font-size":"1.125rem"}};
|
|
1
|
+
export default {".kbd":{"@layer daisyui.component":{"display":"inline-flex","align-items":"center","justify-content":"center","border-radius":"var(--radius-field)","background-color":"var(--color-base-200)","vertical-align":"middle","padding-left":"0.5em","padding-right":"0.5em","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, 0.25rem) * 6)","font-size":"0.875rem","height":"var(--size)","min-width":"var(--size)","box-shadow":"none"}},".kbd-xs":{"@layer daisyui.modifier":{"--size":"calc(var(--size-selector, 0.25rem) * 4)","font-size":"0.625rem"}},".kbd-sm":{"@layer daisyui.modifier":{"--size":"calc(var(--size-selector, 0.25rem) * 5)","font-size":"0.75rem"}},".kbd-md":{"@layer daisyui.modifier":{"--size":"calc(var(--size-selector, 0.25rem) * 6)","font-size":"0.875rem"}},".kbd-lg":{"@layer daisyui.modifier":{"--size":"calc(var(--size-selector, 0.25rem) * 7)","font-size":"1rem"}},".kbd-xl":{"@layer daisyui.modifier":{"--size":"calc(var(--size-selector, 0.25rem) * 8)","font-size":"1.125rem"}}};
|
package/components/kbd.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.2.
|
|
1
|
+
/*! 🌼 daisyUI 5.2.3 - MIT License */ @layer utilities{.kbd{@layer daisyui.component{&{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);box-shadow:none;justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}}}.kbd-xs{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.kbd-sm{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.kbd-md{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.kbd-lg{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.kbd-xl{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}@media (width>=640px){.sm\:kbd{@layer daisyui.component{&{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);box-shadow:none;justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}}}.sm\:kbd-xs{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.sm\:kbd-sm{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.sm\:kbd-md{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.sm\:kbd-lg{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.sm\:kbd-xl{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=768px){.md\:kbd{@layer daisyui.component{&{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);box-shadow:none;justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}}}.md\:kbd-xs{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.md\:kbd-sm{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.md\:kbd-md{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.md\:kbd-lg{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.md\:kbd-xl{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1024px){.lg\:kbd{@layer daisyui.component{&{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);box-shadow:none;justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}}}.lg\:kbd-xs{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.lg\:kbd-sm{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.lg\:kbd-md{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.lg\:kbd-lg{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.lg\:kbd-xl{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1280px){.xl\:kbd{@layer daisyui.component{&{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);box-shadow:none;justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}}}.xl\:kbd-xs{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.xl\:kbd-sm{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.xl\:kbd-md{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.xl\:kbd-lg{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.xl\:kbd-xl{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1536px){.\32 xl\:kbd{@layer daisyui.component{&{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);box-shadow:none;justify-content:center;align-items:center;padding-left:.5em;padding-right:.5em;font-size:.875rem;display:inline-flex}}}.\32 xl\:kbd-xs{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.\32 xl\:kbd-sm{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.\32 xl\:kbd-md{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.\32 xl\:kbd-lg{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.\32 xl\:kbd-xl{@layer daisyui.modifier{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".label":{"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":{"position":"relative","display":"block","input":{"display":"block","&::placeholder":{"transition":"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"}},"textarea":{"&::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":"0.875rem","top":"calc(var(--size-field, 0.25rem) * 10 / 2)","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%"}},"&:has(.input-xs, .select-xs, .textarea-xs) span":{"font-size":"0.6875rem","top":"calc(var(--size-field, 0.25rem) * 6 / 2)"},"&:has(.input-sm, .select-sm, .textarea-sm) span":{"font-size":"0.75rem","top":"calc(var(--size-field, 0.25rem) * 8 / 2)"},"&:has(.input-md, .select-md, .textarea-md) span":{"font-size":"0.875rem","top":"calc(var(--size-field, 0.25rem) * 10 / 2)"},"&:has(.input-lg, .select-lg, .textarea-lg) span":{"font-size":"1.125rem","top":"calc(var(--size-field, 0.25rem) * 12 / 2)"},"&:has(.input-xl, .select-xl, .textarea-xl) span":{"font-size":"1.375rem","top":"calc(var(--size-field, 0.25rem) * 14 / 2)"}}};
|
|
1
|
+
export default {".label":{"@layer daisyui.component":{"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.component":{"position":"relative","display":"block","input":{"display":"block","&::placeholder":{"transition":"top 0.1s ease-out, translate 0.1s ease-out, scale 0.1s ease-out, opacity 0.1s ease-out"}},"textarea":{"&::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":"0.875rem","top":"calc(var(--size-field, 0.25rem) * 10 / 2)","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%"}},"&:has(.input-xs, .select-xs, .textarea-xs) span":{"font-size":"0.6875rem","top":"calc(var(--size-field, 0.25rem) * 6 / 2)"},"&:has(.input-sm, .select-sm, .textarea-sm) span":{"font-size":"0.75rem","top":"calc(var(--size-field, 0.25rem) * 8 / 2)"},"&:has(.input-md, .select-md, .textarea-md) span":{"font-size":"0.875rem","top":"calc(var(--size-field, 0.25rem) * 10 / 2)"},"&:has(.input-lg, .select-lg, .textarea-lg) span":{"font-size":"1.125rem","top":"calc(var(--size-field, 0.25rem) * 12 / 2)"},"&:has(.input-xl, .select-xl, .textarea-xl) span":{"font-size":"1.375rem","top":"calc(var(--size-field, 0.25rem) * 14 / 2)"}}}};
|