frutjam/dist/components/input/object.js

A utility-first CSS UI Library for Tailwind CSS

export default {".input":{"font":"inherit","--radius-input":"calc(var(--border-radius) * 2)","--color-input":"var(--color-base-soft)","--color-on-input":"var(--color-on-base-soft)","--color-input-soft":"var(--color-base-soft)","--color-input-active":"var(--color-base-active)","--color-on-input-active":"var(--color-on-base)","--input--inline":"0.75rem","--input--block":"0.625rem","--input--font-size":"1rem","border-width":"1px","border-style":"solid","border-color":"var(--color-input-active)","background-color":"transparent","&:not([type=\"file\"])":{"padding-inline":"var(--input--inline)","padding-block":"var(--input--block)"},"font-size":"var(--input--font-size)","color":"var(--color-on-base)","display":"inline-flex","align-self":"flex-start","flex-shrink":0,"align-items":"center","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border-radius":"var(--radius-input)","gap":"0.5rem","vertical-align":"middle","white-space":"nowrap","position":"relative","font-weight":500,"transition":"border-color 250ms","transition-timing-function":"ease-in-out","&::-moz-placeholder":{"font-size":"var(--input--font-size)","color":"var(--input-disabled--color)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-on-base) 30%, transparent)"},"font-weight":400},"&::placeholder":{"font-size":"var(--input--font-size)","color":"var(--input-disabled--color)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-on-base) 30%, transparent)"},"font-weight":400},"&::file-selector-button":{"font-size":"var(--input--font-size)","margin-inline-end":"1rem","display":"inline-flex","padding-inline":"var(--input--inline)","padding-block":"var(--input--block)","transition":"border-color 300ms,\n            background-color 300ms,\n            display 300ms","transition-timing-function":"ease-in-out","align-items":"center","border-start-start-radius":"calc(var(--radius-input) / 2)","border-end-start-radius":"calc(var(--radius-input) / 2)","background-color":"var(--color-input)","border-inline-end-width":"1px","border-style":"solid","border-color":"var(--color-input-active)","font-weight":"semibold","color":"var(--color-on-input)","&:hover":{"@media (hover: hover)":{"background-color":"var(--color-input-active)","color":"var(--color-on-input-active)"}}},"&:is(:disabled, [disabled], .input-disabled)":{"--input-disabled--cursor":"not-allowed","--input-disabled--opacity":"0.6","--input-disabled--pointer-events":"none","--input-disabled--user-select":"none","--input-disabled--bg-color":"var(--color-base-soft)","--input-disabled--color":"light-dark(var(--color-base-700), var(--color-base-400))","--input-disabled--border-color":"var(--input)","@supports (color: color-mix(in lab, red, red))":{"--input-disabled--border-color":"color-mix(in oklab, var(--input) 20%, transparent)"},"cursor":"var(--input-disabled--cursor)","opacity":"var(--input-disabled--opacity)","pointer-events":"var(--input-disabled--pointer-events)","background-color":"var(--input-disabled--bg-color)","color":"var(--input-disabled--color)","-webkit-user-select":"var(--input-disabled--user-select)","-moz-user-select":"var(--input-disabled--user-select)","user-select":"var(--input-disabled--user-select)","border-color":"var(--input-disabled--border-color)"},"&:focus, &:focus-within":{"border-color":"light-dark(var(--color-base-800), var(--color-base-300))","@supports (color: color-mix(in lab, red, red))":{"border-color":"light-dark(var(--color-base-800), color-mix(in oklab, var(--color-base-300) 80%, transparent))"}}},".input-disabled":{"cursor":"var(--input-disabled--cursor)","opacity":"var(--input-disabled--opacity)","pointer-events":"var(--input-disabled--pointer-events)","background-color":"var(--input-disabled--bg-color)","color":"var(--input-disabled--color)","-webkit-user-select":"var(--input-disabled--user-select)","-moz-user-select":"var(--input-disabled--user-select)","user-select":"var(--input-disabled--user-select)","border-color":"var(--input-disabled--border-color)","&::-moz-placeholder":{"color":"var(--input-disabled--color)"},"&::placeholder":{"color":"var(--input-disabled--color)"}},".input-square":{"width":"var(--input--square-size, 3rem)","padding-inline":"0","text-align":"center","justify-content":"center","font-weight":600},".input-dashed":{"border-style":"dashed"},".input-outline":{"border-style":"solid"},".input-soft":{"background-color":"var(--color-input-soft)","border-color":"transparent","&::-moz-placeholder":{"color":"var(--color-on-input-soft)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-on-input-soft) 45%, transparent)"}},"&::placeholder":{"color":"var(--color-on-input-soft)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-on-input-soft) 45%, transparent)"}}},".input-accent":{"--color-input":"var(--color-accent)","--color-on-input":"var(--color-on-accent)","--color-input-soft":"var(--color-accent-soft)","--color-on-input-soft":"var(--color-on-accent-soft)","--color-input-active":"var(--color-accent-active)","--color-on-input-active":"var(--color-on-accent)","&:focus, &:focus-within":{"border-color":"var(--color-accent-400)"}},".input-error":{"--color-input":"var(--color-error)","--color-on-input":"var(--color-on-error)","--color-input-soft":"var(--color-error-soft)","--color-on-input-soft":"var(--color-on-error-soft)","--color-input-active":"var(--color-error-active)","--color-on-input-active":"var(--color-on-error)","&:focus, &:focus-within":{"border-color":"var(--color-error-400)"}},".input-info":{"--color-input":"var(--color-info)","--color-on-input":"var(--color-on-info)","--color-input-soft":"var(--color-info-soft)","--color-on-input-soft":"var(--color-on-info-soft)","--color-input-active":"var(--color-info-active)","--color-on-input-active":"var(--color-on-info)","&:focus, &:focus-within":{"border-color":"var(--color-info-400)"}},".input-neutral":{"--color-input":"var(--color-neutral)","--color-on-input":"var(--color-on-neutral)","--color-input-soft":"var(--color-neutral-soft)","--color-on-input-soft":"var(--color-on-neutral-soft)","--color-input-active":"var(--color-neutral-active)","--color-on-input-active":"var(--color-on-neutral)","&:focus, &:focus-within":{"border-color":"var(--color-neutral-400)"}},".input-primary":{"--color-input":"var(--color-primary)","--color-on-input":"var(--color-on-primary)","--color-input-soft":"var(--color-primary-soft)","--color-on-input-soft":"var(--color-on-primary-soft)","--color-input-active":"var(--color-primary-active)","--color-on-input-active":"var(--color-on-primary)","&:focus, &:focus-within":{"border-color":"var(--color-primary-400)"}},".input-secondary":{"--color-input":"var(--color-secondary)","--color-on-input":"var(--color-on-secondary)","--color-input-soft":"var(--color-secondary-soft)","--color-on-input-soft":"var(--color-on-secondary-soft)","--color-input-active":"var(--color-secondary-active)","--color-on-input-active":"var(--color-on-secondary)","&:focus, &:focus-within":{"border-color":"var(--color-secondary-400)"}},".input-success":{"--color-input":"var(--color-success)","--color-on-input":"var(--color-on-success)","--color-input-soft":"var(--color-success-soft)","--color-on-input-soft":"var(--color-on-success-soft)","--color-input-active":"var(--color-success-active)","--color-on-input-active":"var(--color-on-success)","&:focus, &:focus-within":{"border-color":"var(--color-success-400)"}},".input-warning":{"--color-input":"var(--color-warning)","--color-on-input":"var(--color-on-warning)","--color-input-soft":"var(--color-warning-soft)","--color-on-input-soft":"var(--color-on-warning-soft)","--color-input-active":"var(--color-warning-active)","--color-on-input-active":"var(--color-on-warning)","&:focus, &:focus-within":{"border-color":"var(--color-warning-400)"}},".input-ghost":{"border-color":"transparent"},".input-2xl":{"--input--inline":"1.25rem","--input--block":"1rem","--input--font-size":"1.025rem","--input--square-size":"4.5rem"},".input-lg":{"--input--inline":"0.9rem","--input--block":"0.75rem","--input--font-size":"1rem","--input--square-size":"3.5rem"},".input-md":{"--input--inline":"0.75rem","--input--block":"0.625rem","--input--font-size":"1rem","--input--square-size":"3rem"},".input-sm":{"--input--inline":"0.6rem","--input--block":"0.5rem","--input--font-size":"0.875rem","--input--square-size":"2.5rem"},".input-xl":{"--input--inline":"1rem","--input--block":"0.875rem","--input--font-size":"1rem","--input--square-size":"4rem"},".input-xs":{"--input--inline":"0.475rem","--input--block":"0.375rem","--input--font-size":"0.75rem","--input--square-size":"2rem"}};