welcome-ui/dist/InputText.css

Customizable design system with react, typescript, tailwindcss and ariakit.

@layer components{._input-text-wrapper_1fbzc_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_1fbzc_8{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30));height:var(--height);padding-inline:var(--paddingInline);padding-block:var(--paddingBlock)}._root_1fbzc_8:disabled,._root_1fbzc_8[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_1fbzc_8:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_1fbzc_8[data-focus-visible],._root_1fbzc_8:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_1fbzc_8::placeholder{color:var(--color-neutral-60)}._variant-danger_1fbzc_42{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_1fbzc_48{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_1fbzc_54{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._placement-left_1fbzc_60._size-xs_1fbzc_60{padding-left:1.75rem}._placement-left_1fbzc_60._size-sm_1fbzc_63,._placement-left_1fbzc_60._size-md_1fbzc_63,._placement-left_1fbzc_60._size-lg_1fbzc_63{padding-left:2.25rem}._placement-right_1fbzc_66._size-xs_1fbzc_60{padding-right:1.75rem}._placement-right_1fbzc_66._size-sm_1fbzc_63,._placement-right_1fbzc_66._size-md_1fbzc_63,._placement-right_1fbzc_66._size-lg_1fbzc_63{padding-right:2.25rem}._transparent_1fbzc_72{--borderColor: transparent;--backgroundColor: transparent;--borderColorHover: var(--color-neutral-20)}._size-xs_1fbzc_60{--height: var(--height-elements-sm);--paddingBlock: var(--spacing-xs);--paddingInline: var(--spacing-sm)}._size-sm_1fbzc_63{--height: var(--height-elements-md);--paddingBlock: var(--spacing-sm);--paddingInline: var(--spacing-md)}._size-md_1fbzc_63{--height: var(--height-elements-lg);--paddingBlock: var(--spacing-md);--paddingInline: var(--spacing-md)}._size-lg_1fbzc_63{--height: var(--height-elements-xl);--paddingBlock: var(--spacing-lg);--paddingInline: var(--spacing-md)}._clearable_1fbzc_97{padding-right:var(--spacing-xl)}._icon-wrapper_1fbzc_100{position:absolute;top:0;bottom:0;left:var(--left);right:var(--right);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--color-neutral-90);gap:var(--spacing-xs);--left: auto;--right: auto}._icon-wrapper_1fbzc_100>button{pointer-events:auto}._icon-placement-left-xs_1fbzc_121{--left: var(--spacing-sm)}._icon-placement-left-sm_1fbzc_124{--left: var(--spacing-md)}._icon-placement-right-xs_1fbzc_127{--right: var(--spacing-sm)}._icon-placement-right-sm_1fbzc_130{--right: var(--spacing-md)}}