welcome-ui/dist/InputText.css

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

@layer components{._input-text-wrapper_1l0yu_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_1l0yu_8{border-radius:var(--input-border-radius);border-style:solid;border-width:var(--input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--inputTextBackgroundColor, var(--input-color-background-default));color:var(--inputTextColor, var(--input-color-text-default));border-color:var(--inputTextBorderColor, var(--input-color-border-default));box-shadow:var(--inputTextBoxShadow, var(--inset-10)) inset;height:var(--inputTextHeight);padding-inline:var(--inputTextPaddingInline);padding-block:var(--inputTextPaddingBlock)}._root_1l0yu_8:disabled,._root_1l0yu_8[aria-disabled]{--inputTextBackgroundColor: var( --inputTextBackgroundColorDisabled, var(--input-color-background-disabled) );--inputTextColor: var(--input-color-text-disabled);cursor:not-allowed}._root_1l0yu_8:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--inputTextBoxShadow: var(--inset-20)}._root_1l0yu_8:active,._root_1l0yu_8:focus{--inputTextBorderColor: var(--input-color-border-focused)}._root_1l0yu_8::placeholder{color:var(--input-color-text-placeholder)}._variant-danger_1l0yu_46{--inputTextBorderColor: var(--input-color-border-error)}._variant-warning_1l0yu_49{--inputTextBorderColor: var(--input-color-border-warning)}._variant-success_1l0yu_52{--inputTextBorderColor: var(--input-color-border-success)}._placement-left_1l0yu_56._size-sm_1l0yu_56{padding-left:1.75rem}._placement-left_1l0yu_56._size-md_1l0yu_59,._placement-left_1l0yu_56._size-lg_1l0yu_59{padding-left:2.75rem}._placement-right_1l0yu_62._size-sm_1l0yu_56{padding-right:1.75rem}._placement-right_1l0yu_62._size-md_1l0yu_59,._placement-right_1l0yu_62._size-lg_1l0yu_59{padding-right:2.75rem}._transparent_1l0yu_68{--borderColor: transparent;--inputTextBackgroundColor: var(--input-color-background-transparent);--borderColorHover: var(--input-color-border-hover-transparent)}._size-sm_1l0yu_56{--inputTextHeight: var(--input-max-height-sm);--inputTextPaddingBlock: var(--input-padding-block-sm);--inputTextPaddingInline: var(--input-padding-inline-sm)}._size-md_1l0yu_59{--inputTextHeight: var(--input-max-height-md);--inputTextPaddingBlock: var(--input-padding-block-md);--inputTextPaddingInline: var(--input-padding-inline-md)}._size-lg_1l0yu_59{--inputTextHeight: var(--input-max-height-lg);--inputTextPaddingBlock: var(--input-padding-block-lg);--inputTextPaddingInline: var(--input-padding-inline-lg)}._clearable_1l0yu_88{padding-right:var(--border-radius-2xl)}._icon-wrapper_1l0yu_91{position:absolute;top:0;bottom:0;left:var(--inputTextIconLeft);right:var(--inputTextIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--inputTextIconColor, var(--input-color-icon-placeholder));gap:var(--input-padding-block-sm);--inputTextIconLeft: auto;--inputTextIconRight: auto}._icon-wrapper_1l0yu_91>button{pointer-events:auto}._icon-wrapper_1l0yu_91._disabled_1l0yu_112{--inputTextIconColor: var(--input-color-icon-disabled)}._icon-placement-left-sm_1l0yu_115{--inputTextIconLeft: var(--input-padding-inline-sm)}._icon-placement-left-md_1l0yu_118{--inputTextIconLeft: var(--input-padding-inline-md)}._icon-placement-right-sm_1l0yu_121{--inputTextIconRight: var(--input-padding-inline-sm)}._icon-placement-right-md_1l0yu_124{--inputTextIconRight: var(--input-padding-inline-md)}}