daisyui/components/input/object.js

daisyUI 5 - The Tailwind CSS Component Library

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)"}}}}};