daisyui/components/input/object.js

daisyUI 5 - The Tailwind CSS Component Library

export default {"@layer daisyui.l1.l2.l3":{".input":{"position":"relative","display":"inline-flex","flex-shrink":1,"appearance":"none","align-items":"center","gap":"calc(0.25rem * 2)","background-color":"var(--color-base-100)","padding-inline":"calc(0.25rem * 3)","vertical-align":"middle","white-space":"nowrap","--size":"calc(var(--size-field, 0.25rem) * var(--in-size-mul, 10))","--input-color":"color-mix(in oklab, var(--color-base-content) 20%, #0000)","cursor":"text","width":"clamp(3rem, 20rem, 100%)","height":"var(--size)","font-size":"max(var(--font-size, 0rem), var(--font-size-min, 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":"var(--border) solid var(--input-color, #0000)","box-shadow":"0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset"},".input input":{"height":"100%","width":"100%","appearance":"none","background-color":"transparent","border":"none","&::placeholder":{"color":"var(--color-base-content)","opacity":"50%"},"&:focus, &:focus-within":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&::-webkit-calendar-picker-indicator":{"inset-inline-end":"-0.15em"}},".input::-webkit-inner-spin-button":{"margin-inline-end":"-10px"},".input::-webkit-calendar-picker-indicator":{"inset-inline-end":"0.75em"},"input.input, .input  input":{"position":"relative","display":"inline-flex","text-align":"start","&[type=\"url\"], &[type=\"tel\"], &[type=\"email\"], &[type=\"number\"]":{"direction":"ltr"},"&::-webkit-datetime-edit, &::-webkit-date-and-time-value":{"display":"grid","min-height":"100%","align-items":"center","text-align":"inherit"},"&::-webkit-inner-spin-button":{"margin-block":"calc(0.25rem * var(--spin-my, -3))"},"&::-webkit-calendar-picker-indicator":{"position":"absolute","width":"1em","height":"1em","cursor":"pointer"},"&::-webkit-color-swatch-wrapper":{"padding-block":"0.25rem"}},".input:focus, .input: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"},"@media (pointer: coarse)":{"@supports (-webkit-touch-callout: none)":{".input:focus, .input:focus-within":{"--font-size":"1rem"}}},".input:has( > input[disabled]), .input:is(:disabled, [disabled]), fieldset:disabled .input":{"cursor":"not-allowed","border-color":"var(--color-base-200)","background-color":"var(--color-base-200)","&:is(input), :is(input)":{"color":"color-mix(in oklab, var(--color-base-content) 40%, transparent)"},"box-shadow":"none","&::placeholder, ::placeholder":{"color":"var(--color-base-content)","opacity":"20%"}},".input:has( > input[disabled]) > input[disabled]":{"cursor":"not-allowed"}},":is(.input[type=\"url\"], .input[type=\"tel\"], .input[type=\"email\"], .input[type=\"number\"]):dir(rtl)":{"border-start-start-radius":"var(--join-se, var(--radius-field))","border-start-end-radius":"var(--join-ss, var(--radius-field))","border-end-start-radius":"var(--join-ee, var(--radius-field))","border-end-end-radius":"var(--join-es, var(--radius-field))"},"@layer daisyui.l1.l2":{".input-ghost":{"background-color":"transparent","box-shadow":"none","border-color":"#0000"},".input-ghost:focus, .input-ghost:focus-within":{"background-color":"var(--color-base-100)","color":"var(--color-base-content)","border-color":"#0000","box-shadow":"none"},":is(.input-neutral), .input-neutral:focus, .input-neutral:focus-within":{"--input-color":"var(--color-neutral)"},":is(.input-primary), .input-primary:focus, .input-primary:focus-within":{"--input-color":"var(--color-primary)"},":is(.input-secondary), .input-secondary:focus, .input-secondary:focus-within":{"--input-color":"var(--color-secondary)"},":is(.input-accent), .input-accent:focus, .input-accent:focus-within":{"--input-color":"var(--color-accent)"},":is(.input-info), .input-info:focus, .input-info:focus-within":{"--input-color":"var(--color-info)"},":is(.input-success), .input-success:focus, .input-success:focus-within":{"--input-color":"var(--color-success)"},":is(.input-warning), .input-warning:focus, .input-warning:focus-within":{"--input-color":"var(--color-warning)"},":is(.input-error), .input-error:focus, .input-error:focus-within":{"--input-color":"var(--color-error)"},".input-xs":{"--in-size-mul":"6","--font-size-min":"0.6875rem","--spin-my":"-1"},".floating-label:has(.input-xs)":{"--top-mul":"3","--font-size":"0.6875rem"},".input-sm":{"--in-size-mul":"8","--font-size-min":"0.75rem","--spin-my":"-2"},".floating-label:has(.input-sm)":{"--top-mul":"4","--font-size":"0.75rem"},".input-md":{"--in-size-mul":"10","--font-size-min":"0.875rem","--spin-my":"-3"},".floating-label:has(.input-md)":{"--top-mul":"5","--font-size":"0.875rem"},".input-lg":{"--in-size-mul":"12","--font-size-min":"1.125rem","--spin-my":"-3"},".floating-label:has(.input-lg)":{"--top-mul":"6","--font-size":"1.125rem"},".input-xl":{"--in-size-mul":"14","--font-size-min":"1.375rem","--spin-my":"-4"},".floating-label:has(.input-xl)":{"--top-mul":"7","--font-size":"1.375rem"}}};