mirror of https://github.com/Budibase/budibase.git
nocodelowcodelow-codedockerdocker-composeinternal-projectinternal-toolinternal-toolslow-code-developmentlow-code-development-platformopensourceselfhostedweb-devweb-developmentweb-development-toolswebdevwebdevelopmentworkflow-automationautomationdeveloper-tools
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1218 lines
114 KiB
1218 lines
114 KiB
:root {
|
|
--spectrum-textfield-quiet-l-border-size: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color: var(--spectrum-global-color-gray-600);
|
|
--spectrum-textfield-quiet-l-text-color: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-l-validation-icon-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-background-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-quiet-l-icon-color: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-l-text-color-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-background-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-quiet-l-icon-color-hover: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-quiet-l-border-size-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-l-text-color-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-background-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-l-icon-color-down: var(--spectrum-alias-icon-color-down);
|
|
--spectrum-textfield-quiet-l-border-size-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-l-text-color-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-background-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-icon-color-key-focus: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-quiet-l-border-color-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-l-border-size-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-l-icon-color-mouse-focus: var(--spectrum-global-color-gray-700);
|
|
--spectrum-textfield-quiet-l-border-size-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-l-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-l-background-color-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-l-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-l-border-size-error: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-l-text-color-error: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-l-background-color-error: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-error: var(--spectrum-semantic-negative-color-default);
|
|
--spectrum-textfield-quiet-l-icon-color-error: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-error-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-l-text-color-error-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-error-hover: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-l-background-color-error-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-quiet-l-icon-color-error-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-error-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-l-text-color-error-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-error-down: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-l-background-color-error-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-error-down: var(--spectrum-semantic-negative-color-state-down);
|
|
--spectrum-textfield-quiet-l-icon-color-error-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-error-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-l-text-color-error-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-l-background-color-error-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-l-icon-color-error-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-l-text-color-error-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-l-background-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-quiet-l-icon-color-error-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-error-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-l-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-l-background-color-error-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-error-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-l-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-l-border-size-valid: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-valid: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-l-text-color-valid: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-valid: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-l-background-color-valid: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-valid: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-quiet-l-icon-color-valid: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-valid-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-l-text-color-valid-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-valid-hover: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-l-background-color-valid-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-valid-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-quiet-l-icon-color-valid-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-valid-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-l-text-color-valid-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-valid-down: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-l-background-color-valid-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-valid-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-l-icon-color-valid-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-l-text-color-valid-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-valid-key-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-l-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-valid-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-l-icon-color-valid-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-valid-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-l-text-color-valid-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-valid-mouse-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-l-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-valid-mouse-focus: var(--spectrum-alias-border-color-down);
|
|
--spectrum-textfield-quiet-l-icon-color-valid-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-l-border-size-valid-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-l-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-l-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-l-validation-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-l-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-l-border-color-valid-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-l-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-l-text-font-family: var(--spectrum-alias-body-text-font-family);
|
|
--spectrum-textfield-quiet-l-text-font-style: var(--spectrum-global-font-style-regular);
|
|
--spectrum-textfield-quiet-l-text-font-weight: var(--spectrum-alias-body-text-font-weight);
|
|
--spectrum-textfield-quiet-l-text-line-height: var(--spectrum-alias-component-text-line-height);
|
|
--spectrum-textfield-quiet-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none);
|
|
--spectrum-textfield-quiet-l-text-transform: none;
|
|
--spectrum-textfield-quiet-l-text-size: var(--spectrum-alias-item-text-size-l);
|
|
--spectrum-textfield-quiet-l-text-padding-top: var(--spectrum-alias-item-text-padding-top-l);
|
|
--spectrum-textfield-quiet-l-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-l);
|
|
--spectrum-textfield-quiet-l-height: var(--spectrum-alias-item-height-l);
|
|
--spectrum-textfield-quiet-l-padding-left: 0;
|
|
--spectrum-textfield-quiet-l-padding-right: 0;
|
|
--spectrum-textfield-quiet-l-min-width: var(--spectrum-global-dimension-size-750);
|
|
--spectrum-textfield-quiet-l-text-baseline: var(--spectrum-global-dimension-size-185);
|
|
--spectrum-textfield-quiet-l-placeholder-text-size: var(--spectrum-alias-item-text-size-l);
|
|
--spectrum-textfield-quiet-l-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200);
|
|
--spectrum-textfield-quiet-l-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200);
|
|
--spectrum-textfield-quiet-l-success-icon-margin-left: var(--spectrum-global-dimension-size-185);
|
|
--spectrum-textfield-quiet-l-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200);
|
|
--spectrum-textfield-quiet-l-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200);
|
|
--spectrum-textfield-quiet-l-error-icon-margin-left: var(--spectrum-global-dimension-size-185);
|
|
--spectrum-textfield-quiet-l-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
|
|
--spectrum-textfield-quiet-l-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
|
|
--spectrum-textfield-quiet-l-border-radius: 0px;
|
|
--spectrum-textfield-quiet-l-cursor-hit-x: var(--spectrum-global-dimension-size-50);
|
|
--spectrum-textfield-quiet-l-label-gap-y: 0;
|
|
--spectrum-textfield-quiet-l-label-gap-x: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-quiet-m-border-size: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color: var(--spectrum-global-color-gray-600);
|
|
--spectrum-textfield-quiet-m-text-color: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-m-validation-icon-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-background-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-quiet-m-icon-color: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-m-text-color-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-background-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-quiet-m-icon-color-hover: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-quiet-m-border-size-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-m-text-color-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-background-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-m-icon-color-down: var(--spectrum-alias-icon-color-down);
|
|
--spectrum-textfield-quiet-m-border-size-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-m-text-color-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-background-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-icon-color-key-focus: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-quiet-m-border-color-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-m-border-size-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-m-icon-color-mouse-focus: var(--spectrum-global-color-gray-700);
|
|
--spectrum-textfield-quiet-m-border-size-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-m-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-m-background-color-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-m-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-m-border-size-error: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-m-text-color-error: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-m-background-color-error: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-error: var(--spectrum-semantic-negative-color-default);
|
|
--spectrum-textfield-quiet-m-icon-color-error: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-error-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-m-text-color-error-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-error-hover: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-m-background-color-error-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-quiet-m-icon-color-error-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-error-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-m-text-color-error-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-error-down: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-m-background-color-error-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-error-down: var(--spectrum-semantic-negative-color-state-down);
|
|
--spectrum-textfield-quiet-m-icon-color-error-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-error-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-m-text-color-error-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-m-background-color-error-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-m-icon-color-error-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-m-text-color-error-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-m-background-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-quiet-m-icon-color-error-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-error-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-m-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-m-background-color-error-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-error-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-m-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-m-border-size-valid: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-valid: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-m-text-color-valid: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-valid: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-m-background-color-valid: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-valid: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-quiet-m-icon-color-valid: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-valid-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-m-text-color-valid-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-valid-hover: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-m-background-color-valid-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-valid-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-quiet-m-icon-color-valid-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-valid-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-m-text-color-valid-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-valid-down: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-m-background-color-valid-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-valid-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-m-icon-color-valid-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-m-text-color-valid-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-valid-key-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-m-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-valid-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-m-icon-color-valid-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-valid-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-m-text-color-valid-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-valid-mouse-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-m-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-valid-mouse-focus: var(--spectrum-alias-border-color-down);
|
|
--spectrum-textfield-quiet-m-icon-color-valid-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-m-border-size-valid-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-m-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-m-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-m-validation-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-m-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-m-border-color-valid-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-m-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-m-text-font-family: var(--spectrum-alias-body-text-font-family);
|
|
--spectrum-textfield-quiet-m-text-font-style: var(--spectrum-global-font-style-regular);
|
|
--spectrum-textfield-quiet-m-text-font-weight: var(--spectrum-alias-body-text-font-weight);
|
|
--spectrum-textfield-quiet-m-text-line-height: var(--spectrum-alias-component-text-line-height);
|
|
--spectrum-textfield-quiet-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none);
|
|
--spectrum-textfield-quiet-m-text-transform: none;
|
|
--spectrum-textfield-quiet-m-text-size: var(--spectrum-alias-item-text-size-m);
|
|
--spectrum-textfield-quiet-m-text-padding-top: var(--spectrum-alias-item-text-padding-top-m);
|
|
--spectrum-textfield-quiet-m-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-m);
|
|
--spectrum-textfield-quiet-m-height: var(--spectrum-alias-item-height-m);
|
|
--spectrum-textfield-quiet-m-padding-left: 0;
|
|
--spectrum-textfield-quiet-m-padding-right: 0;
|
|
--spectrum-textfield-quiet-m-min-width: var(--spectrum-global-dimension-size-600);
|
|
--spectrum-textfield-quiet-m-text-baseline: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-quiet-m-placeholder-text-size: var(--spectrum-alias-item-text-size-m);
|
|
--spectrum-textfield-quiet-m-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100);
|
|
--spectrum-textfield-quiet-m-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100);
|
|
--spectrum-textfield-quiet-m-success-icon-margin-left: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-quiet-m-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100);
|
|
--spectrum-textfield-quiet-m-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100);
|
|
--spectrum-textfield-quiet-m-error-icon-margin-left: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-quiet-m-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
|
|
--spectrum-textfield-quiet-m-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
|
|
--spectrum-textfield-quiet-m-border-radius: 0px;
|
|
--spectrum-textfield-quiet-m-cursor-hit-x: var(--spectrum-global-dimension-size-50);
|
|
--spectrum-textfield-quiet-m-label-gap-y: 0;
|
|
--spectrum-textfield-quiet-m-label-gap-x: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-quiet-s-border-size: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color: var(--spectrum-global-color-gray-600);
|
|
--spectrum-textfield-quiet-s-text-color: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-s-validation-icon-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-background-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-quiet-s-icon-color: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-s-text-color-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-background-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-quiet-s-icon-color-hover: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-quiet-s-border-size-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-s-text-color-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-background-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-s-icon-color-down: var(--spectrum-alias-icon-color-down);
|
|
--spectrum-textfield-quiet-s-border-size-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-s-text-color-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-background-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-icon-color-key-focus: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-quiet-s-border-color-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-s-border-size-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-s-icon-color-mouse-focus: var(--spectrum-global-color-gray-700);
|
|
--spectrum-textfield-quiet-s-border-size-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-s-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-s-background-color-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-s-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-s-border-size-error: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-s-text-color-error: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-s-background-color-error: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-error: var(--spectrum-semantic-negative-color-default);
|
|
--spectrum-textfield-quiet-s-icon-color-error: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-error-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-s-text-color-error-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-error-hover: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-s-background-color-error-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-quiet-s-icon-color-error-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-error-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-s-text-color-error-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-error-down: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-s-background-color-error-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-error-down: var(--spectrum-semantic-negative-color-state-down);
|
|
--spectrum-textfield-quiet-s-icon-color-error-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-error-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-s-text-color-error-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-s-background-color-error-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-s-icon-color-error-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-s-text-color-error-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-s-background-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-quiet-s-icon-color-error-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-error-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-s-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-s-background-color-error-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-error-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-s-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-s-border-size-valid: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-valid: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-s-text-color-valid: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-valid: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-s-background-color-valid: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-valid: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-quiet-s-icon-color-valid: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-valid-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-s-text-color-valid-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-valid-hover: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-s-background-color-valid-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-valid-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-quiet-s-icon-color-valid-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-valid-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-s-text-color-valid-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-valid-down: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-s-background-color-valid-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-valid-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-s-icon-color-valid-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-s-text-color-valid-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-valid-key-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-s-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-valid-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-s-icon-color-valid-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-valid-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-s-text-color-valid-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-valid-mouse-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-s-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-valid-mouse-focus: var(--spectrum-alias-border-color-down);
|
|
--spectrum-textfield-quiet-s-icon-color-valid-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-s-border-size-valid-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-s-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-s-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-s-validation-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-s-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-s-border-color-valid-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-s-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-s-text-font-family: var(--spectrum-alias-body-text-font-family);
|
|
--spectrum-textfield-quiet-s-text-font-style: var(--spectrum-global-font-style-regular);
|
|
--spectrum-textfield-quiet-s-text-font-weight: var(--spectrum-alias-body-text-font-weight);
|
|
--spectrum-textfield-quiet-s-text-line-height: var(--spectrum-alias-component-text-line-height);
|
|
--spectrum-textfield-quiet-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none);
|
|
--spectrum-textfield-quiet-s-text-transform: none;
|
|
--spectrum-textfield-quiet-s-text-size: var(--spectrum-alias-item-text-size-s);
|
|
--spectrum-textfield-quiet-s-text-padding-top: var(--spectrum-alias-item-text-padding-top-s);
|
|
--spectrum-textfield-quiet-s-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-s);
|
|
--spectrum-textfield-quiet-s-height: var(--spectrum-alias-item-height-s);
|
|
--spectrum-textfield-quiet-s-padding-left: 0;
|
|
--spectrum-textfield-quiet-s-padding-right: 0;
|
|
--spectrum-textfield-quiet-s-min-width: var(--spectrum-global-dimension-size-450);
|
|
--spectrum-textfield-quiet-s-text-baseline: var(--spectrum-global-dimension-size-100);
|
|
--spectrum-textfield-quiet-s-placeholder-text-size: var(--spectrum-alias-item-text-size-s);
|
|
--spectrum-textfield-quiet-s-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75);
|
|
--spectrum-textfield-quiet-s-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75);
|
|
--spectrum-textfield-quiet-s-success-icon-margin-left: var(--spectrum-global-dimension-size-100);
|
|
--spectrum-textfield-quiet-s-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75);
|
|
--spectrum-textfield-quiet-s-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75);
|
|
--spectrum-textfield-quiet-s-error-icon-margin-left: var(--spectrum-global-dimension-size-100);
|
|
--spectrum-textfield-quiet-s-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
|
|
--spectrum-textfield-quiet-s-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
|
|
--spectrum-textfield-quiet-s-border-radius: 0px;
|
|
--spectrum-textfield-quiet-s-cursor-hit-x: var(--spectrum-global-dimension-size-50);
|
|
--spectrum-textfield-quiet-s-label-gap-y: 0;
|
|
--spectrum-textfield-quiet-s-label-gap-x: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-quiet-xl-border-size: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color: var(--spectrum-global-color-gray-600);
|
|
--spectrum-textfield-quiet-xl-text-color: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-background-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-quiet-xl-icon-color: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-text-color-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-background-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-quiet-xl-icon-color-hover: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-quiet-xl-border-size-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-xl-text-color-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-background-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-xl-icon-color-down: var(--spectrum-alias-icon-color-down);
|
|
--spectrum-textfield-quiet-xl-border-size-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-text-color-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-background-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-icon-color-key-focus: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-quiet-xl-border-color-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-xl-border-size-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-background-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-xl-icon-color-mouse-focus: var(--spectrum-global-color-gray-700);
|
|
--spectrum-textfield-quiet-xl-border-size-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-xl-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-xl-background-color-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-xl-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-xl-border-size-error: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-xl-text-color-error: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-xl-background-color-error: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-error: var(--spectrum-semantic-negative-color-default);
|
|
--spectrum-textfield-quiet-xl-icon-color-error: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-error-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-text-color-error-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-error-hover: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-xl-background-color-error-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-quiet-xl-icon-color-error-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-error-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-xl-text-color-error-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-error-down: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-xl-background-color-error-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-error-down: var(--spectrum-semantic-negative-color-state-down);
|
|
--spectrum-textfield-quiet-xl-icon-color-error-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-error-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-text-color-error-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-xl-background-color-error-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-xl-icon-color-error-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-xl-text-color-error-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-quiet-xl-background-color-error-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-quiet-xl-icon-color-error-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-error-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-xl-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-xl-background-color-error-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-error-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-xl-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-xl-border-size-valid: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-valid: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-xl-text-color-valid: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-valid: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-xl-background-color-valid: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-valid: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-quiet-xl-icon-color-valid: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-valid-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-text-color-valid-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-valid-hover: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-xl-background-color-valid-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-valid-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-quiet-xl-icon-color-valid-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-valid-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-quiet-xl-text-color-valid-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-valid-down: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-xl-background-color-valid-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-valid-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-quiet-xl-icon-color-valid-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-text-color-valid-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-valid-key-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-xl-background-color-valid-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-valid-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-quiet-xl-icon-color-valid-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-valid-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-quiet-xl-text-color-valid-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-valid-mouse-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-quiet-xl-background-color-valid-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-valid-mouse-focus: var(--spectrum-alias-border-color-down);
|
|
--spectrum-textfield-quiet-xl-icon-color-valid-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-quiet-xl-border-size-valid-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-xl-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-quiet-xl-validation-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-xl-background-color-valid-disabled: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-quiet-xl-border-color-valid-disabled: var(--spectrum-alias-border-color-mid);
|
|
--spectrum-textfield-quiet-xl-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-quiet-xl-text-font-family: var(--spectrum-alias-body-text-font-family);
|
|
--spectrum-textfield-quiet-xl-text-font-style: var(--spectrum-global-font-style-regular);
|
|
--spectrum-textfield-quiet-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight);
|
|
--spectrum-textfield-quiet-xl-text-line-height: var(--spectrum-alias-component-text-line-height);
|
|
--spectrum-textfield-quiet-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none);
|
|
--spectrum-textfield-quiet-xl-text-transform: none;
|
|
--spectrum-textfield-quiet-xl-text-size: var(--spectrum-alias-item-text-size-xl);
|
|
--spectrum-textfield-quiet-xl-text-padding-top: var(--spectrum-alias-item-text-padding-top-xl);
|
|
--spectrum-textfield-quiet-xl-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-xl);
|
|
--spectrum-textfield-quiet-xl-height: var(--spectrum-alias-item-height-xl);
|
|
--spectrum-textfield-quiet-xl-padding-left: 0;
|
|
--spectrum-textfield-quiet-xl-padding-right: 0;
|
|
--spectrum-textfield-quiet-xl-min-width: var(--spectrum-global-dimension-size-900);
|
|
--spectrum-textfield-quiet-xl-text-baseline: var(--spectrum-global-dimension-size-225);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-size: var(--spectrum-alias-item-text-size-xl);
|
|
--spectrum-textfield-quiet-xl-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300);
|
|
--spectrum-textfield-quiet-xl-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300);
|
|
--spectrum-textfield-quiet-xl-success-icon-margin-left: var(--spectrum-global-dimension-size-225);
|
|
--spectrum-textfield-quiet-xl-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300);
|
|
--spectrum-textfield-quiet-xl-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300);
|
|
--spectrum-textfield-quiet-xl-error-icon-margin-left: var(--spectrum-global-dimension-size-225);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
|
|
--spectrum-textfield-quiet-xl-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
|
|
--spectrum-textfield-quiet-xl-border-radius: 0px;
|
|
--spectrum-textfield-quiet-xl-cursor-hit-x: var(--spectrum-global-dimension-size-50);
|
|
--spectrum-textfield-quiet-xl-label-gap-y: 0;
|
|
--spectrum-textfield-quiet-xl-label-gap-x: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-l-border-size: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color: var(--spectrum-global-color-gray-600);
|
|
--spectrum-textfield-l-text-color: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-l-validation-icon-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-l-background-color: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-l-icon-color: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-l-text-color-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-l-background-color-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-l-icon-color-hover: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-l-border-size-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-l-text-color-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-l-validation-icon-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-l-background-color-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-l-icon-color-down: var(--spectrum-alias-icon-color-down);
|
|
--spectrum-textfield-l-border-size-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-l-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-l-text-color-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-l-background-color-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-icon-color-key-focus: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-l-border-color-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-l-border-size-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-l-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-l-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-background-color-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-l-icon-color-mouse-focus: var(--spectrum-global-color-gray-700);
|
|
--spectrum-textfield-l-border-size-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-l-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-l-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-l-background-color-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-l-border-color-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-l-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-l-border-size-error: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-l-text-color-error: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-l-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-l-background-color-error: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-error: var(--spectrum-semantic-negative-color-default);
|
|
--spectrum-textfield-l-icon-color-error: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-error-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-l-text-color-error-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-validation-icon-color-error-hover: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-l-background-color-error-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-l-icon-color-error-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-error-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-l-text-color-error-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-l-validation-icon-color-error-down: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-l-background-color-error-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-error-down: var(--spectrum-semantic-negative-color-state-down);
|
|
--spectrum-textfield-l-icon-color-error-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-error-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-l-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-l-text-color-error-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-l-background-color-error-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-l-icon-color-error-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-l-text-color-error-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-l-background-color-error-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-l-icon-color-error-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-error-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-l-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-l-validation-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-l-background-color-error-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-l-border-color-error-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-l-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-l-border-size-valid: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-valid: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-l-text-color-valid: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-l-validation-icon-color-valid: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-l-background-color-valid: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-valid: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-l-icon-color-valid: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-valid-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-l-text-color-valid-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-validation-icon-color-valid-hover: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-l-background-color-valid-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-valid-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-l-icon-color-valid-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-valid-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-l-text-color-valid-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-l-validation-icon-color-valid-down: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-l-background-color-valid-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-valid-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-l-icon-color-valid-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-l-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-l-text-color-valid-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-validation-icon-color-valid-key-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-l-background-color-valid-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-valid-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-l-icon-color-valid-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-valid-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-l-text-color-valid-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-l-validation-icon-color-valid-mouse-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-l-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-l-border-color-valid-mouse-focus: var(--spectrum-alias-border-color-down);
|
|
--spectrum-textfield-l-icon-color-valid-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-l-border-size-valid-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-l-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-l-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-l-validation-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-l-background-color-valid-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-l-border-color-valid-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-l-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-l-text-font-family: var(--spectrum-alias-body-text-font-family);
|
|
--spectrum-textfield-l-text-font-style: var(--spectrum-global-font-style-regular);
|
|
--spectrum-textfield-l-text-font-weight: var(--spectrum-alias-body-text-font-weight);
|
|
--spectrum-textfield-l-text-line-height: var(--spectrum-alias-component-text-line-height);
|
|
--spectrum-textfield-l-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none);
|
|
--spectrum-textfield-l-text-transform: none;
|
|
--spectrum-textfield-l-text-size: var(--spectrum-alias-item-text-size-l);
|
|
--spectrum-textfield-l-text-padding-top: var(--spectrum-alias-item-text-padding-top-l);
|
|
--spectrum-textfield-l-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-l);
|
|
--spectrum-textfield-l-height: var(--spectrum-alias-item-height-l);
|
|
--spectrum-textfield-l-padding-left: var(--spectrum-alias-item-padding-l);
|
|
--spectrum-textfield-l-padding-right: var(--spectrum-alias-item-padding-l);
|
|
--spectrum-textfield-l-min-width: var(--spectrum-global-dimension-size-750);
|
|
--spectrum-textfield-l-text-baseline: var(--spectrum-global-dimension-size-185);
|
|
--spectrum-textfield-l-placeholder-text-size: var(--spectrum-alias-item-text-size-l);
|
|
--spectrum-textfield-l-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-200);
|
|
--spectrum-textfield-l-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-200);
|
|
--spectrum-textfield-l-success-icon-margin-left: var(--spectrum-global-dimension-size-185);
|
|
--spectrum-textfield-l-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-200);
|
|
--spectrum-textfield-l-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-200);
|
|
--spectrum-textfield-l-error-icon-margin-left: var(--spectrum-global-dimension-size-185);
|
|
--spectrum-textfield-l-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
|
|
--spectrum-textfield-l-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
|
|
--spectrum-textfield-l-border-radius: var(--spectrum-alias-border-radius-regular);
|
|
--spectrum-textfield-l-cursor-hit-x: var(--spectrum-global-dimension-size-50);
|
|
--spectrum-textfield-m-border-size: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color: var(--spectrum-global-color-gray-600);
|
|
--spectrum-textfield-m-text-color: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-m-validation-icon-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-m-background-color: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-m-icon-color: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-m-text-color-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-m-background-color-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-m-icon-color-hover: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-m-border-size-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-m-text-color-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-m-validation-icon-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-m-background-color-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-m-icon-color-down: var(--spectrum-alias-icon-color-down);
|
|
--spectrum-textfield-m-border-size-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-m-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-m-text-color-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-m-background-color-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-icon-color-key-focus: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-m-border-color-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-m-border-size-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-m-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-m-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-background-color-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-m-icon-color-mouse-focus: var(--spectrum-global-color-gray-700);
|
|
--spectrum-textfield-m-border-size-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-m-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-m-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-m-background-color-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-m-border-color-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-m-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-m-border-size-error: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-m-text-color-error: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-m-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-m-background-color-error: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-error: var(--spectrum-semantic-negative-color-default);
|
|
--spectrum-textfield-m-icon-color-error: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-error-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-m-text-color-error-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-validation-icon-color-error-hover: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-m-background-color-error-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-m-icon-color-error-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-error-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-m-text-color-error-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-m-validation-icon-color-error-down: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-m-background-color-error-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-error-down: var(--spectrum-semantic-negative-color-state-down);
|
|
--spectrum-textfield-m-icon-color-error-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-error-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-m-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-m-text-color-error-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-m-background-color-error-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-m-icon-color-error-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-m-text-color-error-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-m-background-color-error-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-m-icon-color-error-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-error-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-m-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-m-validation-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-m-background-color-error-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-m-border-color-error-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-m-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-m-border-size-valid: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-valid: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-m-text-color-valid: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-m-validation-icon-color-valid: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-m-background-color-valid: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-valid: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-m-icon-color-valid: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-valid-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-m-text-color-valid-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-validation-icon-color-valid-hover: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-m-background-color-valid-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-valid-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-m-icon-color-valid-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-valid-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-m-text-color-valid-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-m-validation-icon-color-valid-down: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-m-background-color-valid-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-valid-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-m-icon-color-valid-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-m-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-m-text-color-valid-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-validation-icon-color-valid-key-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-m-background-color-valid-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-valid-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-m-icon-color-valid-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-valid-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-m-text-color-valid-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-m-validation-icon-color-valid-mouse-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-m-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-m-border-color-valid-mouse-focus: var(--spectrum-alias-border-color-down);
|
|
--spectrum-textfield-m-icon-color-valid-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-m-border-size-valid-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-m-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-m-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-m-validation-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-m-background-color-valid-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-m-border-color-valid-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-m-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-m-text-font-family: var(--spectrum-alias-body-text-font-family);
|
|
--spectrum-textfield-m-text-font-style: var(--spectrum-global-font-style-regular);
|
|
--spectrum-textfield-m-text-font-weight: var(--spectrum-alias-body-text-font-weight);
|
|
--spectrum-textfield-m-text-line-height: var(--spectrum-alias-component-text-line-height);
|
|
--spectrum-textfield-m-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none);
|
|
--spectrum-textfield-m-text-transform: none;
|
|
--spectrum-textfield-m-text-size: var(--spectrum-alias-item-text-size-m);
|
|
--spectrum-textfield-m-text-padding-top: var(--spectrum-alias-item-text-padding-top-m);
|
|
--spectrum-textfield-m-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-m);
|
|
--spectrum-textfield-m-height: var(--spectrum-alias-item-height-m);
|
|
--spectrum-textfield-m-padding-left: var(--spectrum-alias-item-padding-m);
|
|
--spectrum-textfield-m-padding-right: var(--spectrum-alias-item-padding-m);
|
|
--spectrum-textfield-m-min-width: var(--spectrum-global-dimension-size-600);
|
|
--spectrum-textfield-m-text-baseline: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-m-placeholder-text-size: var(--spectrum-alias-item-text-size-m);
|
|
--spectrum-textfield-m-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-100);
|
|
--spectrum-textfield-m-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-100);
|
|
--spectrum-textfield-m-success-icon-margin-left: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-m-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-100);
|
|
--spectrum-textfield-m-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-100);
|
|
--spectrum-textfield-m-error-icon-margin-left: var(--spectrum-global-dimension-size-150);
|
|
--spectrum-textfield-m-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
|
|
--spectrum-textfield-m-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
|
|
--spectrum-textfield-m-border-radius: var(--spectrum-alias-border-radius-regular);
|
|
--spectrum-textfield-m-cursor-hit-x: var(--spectrum-global-dimension-size-50);
|
|
--spectrum-textfield-s-border-size: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color: var(--spectrum-global-color-gray-600);
|
|
--spectrum-textfield-s-text-color: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-s-validation-icon-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-s-background-color: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-s-icon-color: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-s-text-color-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-s-background-color-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-s-icon-color-hover: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-s-border-size-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-s-text-color-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-s-validation-icon-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-s-background-color-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-s-icon-color-down: var(--spectrum-alias-icon-color-down);
|
|
--spectrum-textfield-s-border-size-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-s-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-s-text-color-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-s-background-color-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-icon-color-key-focus: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-s-border-color-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-s-border-size-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-s-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-s-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-background-color-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-s-icon-color-mouse-focus: var(--spectrum-global-color-gray-700);
|
|
--spectrum-textfield-s-border-size-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-s-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-s-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-s-background-color-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-s-border-color-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-s-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-s-border-size-error: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-s-text-color-error: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-s-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-s-background-color-error: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-error: var(--spectrum-semantic-negative-color-default);
|
|
--spectrum-textfield-s-icon-color-error: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-error-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-s-text-color-error-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-validation-icon-color-error-hover: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-s-background-color-error-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-s-icon-color-error-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-error-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-s-text-color-error-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-s-validation-icon-color-error-down: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-s-background-color-error-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-error-down: var(--spectrum-semantic-negative-color-state-down);
|
|
--spectrum-textfield-s-icon-color-error-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-error-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-s-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-s-text-color-error-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-s-background-color-error-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-s-icon-color-error-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-s-text-color-error-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-s-background-color-error-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-s-icon-color-error-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-error-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-s-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-s-validation-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-s-background-color-error-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-s-border-color-error-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-s-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-s-border-size-valid: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-valid: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-s-text-color-valid: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-s-validation-icon-color-valid: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-s-background-color-valid: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-valid: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-s-icon-color-valid: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-valid-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-s-text-color-valid-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-validation-icon-color-valid-hover: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-s-background-color-valid-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-valid-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-s-icon-color-valid-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-valid-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-s-text-color-valid-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-s-validation-icon-color-valid-down: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-s-background-color-valid-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-valid-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-s-icon-color-valid-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-s-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-s-text-color-valid-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-validation-icon-color-valid-key-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-s-background-color-valid-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-valid-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-s-icon-color-valid-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-valid-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-s-text-color-valid-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-s-validation-icon-color-valid-mouse-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-s-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-s-border-color-valid-mouse-focus: var(--spectrum-alias-border-color-down);
|
|
--spectrum-textfield-s-icon-color-valid-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-s-border-size-valid-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-s-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-s-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-s-validation-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-s-background-color-valid-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-s-border-color-valid-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-s-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-s-text-font-family: var(--spectrum-alias-body-text-font-family);
|
|
--spectrum-textfield-s-text-font-style: var(--spectrum-global-font-style-regular);
|
|
--spectrum-textfield-s-text-font-weight: var(--spectrum-alias-body-text-font-weight);
|
|
--spectrum-textfield-s-text-line-height: var(--spectrum-alias-component-text-line-height);
|
|
--spectrum-textfield-s-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none);
|
|
--spectrum-textfield-s-text-transform: none;
|
|
--spectrum-textfield-s-text-size: var(--spectrum-alias-item-text-size-s);
|
|
--spectrum-textfield-s-text-padding-top: var(--spectrum-alias-item-text-padding-top-s);
|
|
--spectrum-textfield-s-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-s);
|
|
--spectrum-textfield-s-height: var(--spectrum-alias-item-height-s);
|
|
--spectrum-textfield-s-padding-left: var(--spectrum-alias-item-padding-s);
|
|
--spectrum-textfield-s-padding-right: var(--spectrum-alias-item-padding-s);
|
|
--spectrum-textfield-s-min-width: var(--spectrum-global-dimension-size-450);
|
|
--spectrum-textfield-s-text-baseline: var(--spectrum-global-dimension-size-100);
|
|
--spectrum-textfield-s-placeholder-text-size: var(--spectrum-alias-item-text-size-s);
|
|
--spectrum-textfield-s-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-75);
|
|
--spectrum-textfield-s-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-75);
|
|
--spectrum-textfield-s-success-icon-margin-left: var(--spectrum-global-dimension-size-100);
|
|
--spectrum-textfield-s-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-75);
|
|
--spectrum-textfield-s-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-75);
|
|
--spectrum-textfield-s-error-icon-margin-left: var(--spectrum-global-dimension-size-100);
|
|
--spectrum-textfield-s-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
|
|
--spectrum-textfield-s-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
|
|
--spectrum-textfield-s-border-radius: var(--spectrum-alias-border-radius-regular);
|
|
--spectrum-textfield-s-cursor-hit-x: var(--spectrum-global-dimension-size-50);
|
|
--spectrum-textfield-xl-border-size: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color: var(--spectrum-global-color-gray-600);
|
|
--spectrum-textfield-xl-text-color: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-xl-validation-icon-color: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-xl-background-color: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-xl-icon-color: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-xl-text-color-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-validation-icon-color-hover: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-xl-background-color-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-xl-icon-color-hover: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-xl-border-size-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-xl-text-color-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-xl-validation-icon-color-down: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-xl-background-color-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-xl-icon-color-down: var(--spectrum-alias-icon-color-down);
|
|
--spectrum-textfield-xl-border-size-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-xl-placeholder-text-color-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-xl-text-color-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-validation-icon-color-key-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-xl-background-color-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-icon-color-key-focus: var(--spectrum-global-color-gray-900);
|
|
--spectrum-textfield-xl-border-color-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-xl-border-size-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-xl-validation-icon-color-mouse-focus: var(--spectrum-alias-background-color-transparent);
|
|
--spectrum-textfield-xl-text-color-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-background-color-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-xl-icon-color-mouse-focus: var(--spectrum-global-color-gray-700);
|
|
--spectrum-textfield-xl-border-size-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-xl-text-color-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-xl-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-xl-background-color-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-xl-border-color-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-xl-icon-color-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-xl-border-size-error: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-error: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-xl-text-color-error: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-xl-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-xl-background-color-error: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-error: var(--spectrum-semantic-negative-color-default);
|
|
--spectrum-textfield-xl-icon-color-error: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-error-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-error-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-xl-text-color-error-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-validation-icon-color-error-hover: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-xl-background-color-error-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-xl-icon-color-error-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-error-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-error-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-xl-text-color-error-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-xl-validation-icon-color-error-down: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-xl-background-color-error-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-error-down: var(--spectrum-semantic-negative-color-state-down);
|
|
--spectrum-textfield-xl-icon-color-error-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-error-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-xl-placeholder-text-color-error-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-xl-text-color-error-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-validation-icon-color-error-key-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-xl-background-color-error-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-xl-icon-color-error-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-error-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-error-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-xl-text-color-error-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-validation-icon-color-error-mouse-focus: var(--spectrum-semantic-negative-color-icon);
|
|
--spectrum-textfield-xl-background-color-error-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
|
|
--spectrum-textfield-xl-icon-color-error-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-error-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-xl-text-color-error-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-xl-validation-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-xl-background-color-error-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-xl-border-color-error-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-xl-icon-color-error-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-xl-border-size-valid: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-valid: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-xl-text-color-valid: var(--spectrum-alias-text-color);
|
|
--spectrum-textfield-xl-validation-icon-color-valid: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-xl-background-color-valid: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-valid: var(--spectrum-alias-border-color);
|
|
--spectrum-textfield-xl-icon-color-valid: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-valid-hover: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-valid-hover: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-xl-text-color-valid-hover: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-validation-icon-color-valid-hover: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-xl-background-color-valid-hover: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-valid-hover: var(--spectrum-alias-border-color-hover);
|
|
--spectrum-textfield-xl-icon-color-valid-hover: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-valid-down: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-valid-down: var(--spectrum-alias-placeholder-text-color-down);
|
|
--spectrum-textfield-xl-text-color-valid-down: var(--spectrum-alias-text-color-down);
|
|
--spectrum-textfield-xl-validation-icon-color-valid-down: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-xl-background-color-valid-down: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-valid-down: var(--spectrum-alias-border-color-mouse-focus);
|
|
--spectrum-textfield-xl-icon-color-valid-down: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-valid-key-focus: var(--spectrum-alias-border-size-thick);
|
|
--spectrum-textfield-xl-placeholder-text-color-valid-key-focus: var(--spectrum-alias-placeholder-text-color-hover);
|
|
--spectrum-textfield-xl-text-color-valid-key-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-validation-icon-color-valid-key-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-xl-background-color-valid-key-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-valid-key-focus: var(--spectrum-alias-border-color-focus);
|
|
--spectrum-textfield-xl-icon-color-valid-key-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-valid-mouse-focus: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-valid-mouse-focus: var(--spectrum-alias-placeholder-text-color);
|
|
--spectrum-textfield-xl-text-color-valid-mouse-focus: var(--spectrum-alias-text-color-hover);
|
|
--spectrum-textfield-xl-validation-icon-color-valid-mouse-focus: var(--spectrum-global-color-green-400);
|
|
--spectrum-textfield-xl-background-color-valid-mouse-focus: var(--spectrum-global-color-gray-50);
|
|
--spectrum-textfield-xl-border-color-valid-mouse-focus: var(--spectrum-alias-border-color-down);
|
|
--spectrum-textfield-xl-icon-color-valid-mouse-focus: var(--spectrum-alias-icon-color);
|
|
--spectrum-textfield-xl-border-size-valid-disabled: var(--spectrum-alias-border-size-thin);
|
|
--spectrum-textfield-xl-placeholder-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-xl-text-color-valid-disabled: var(--spectrum-alias-text-color-disabled);
|
|
--spectrum-textfield-xl-validation-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-xl-background-color-valid-disabled: var(--spectrum-global-color-gray-200);
|
|
--spectrum-textfield-xl-border-color-valid-disabled: var(--spectrum-alias-border-color-transparent);
|
|
--spectrum-textfield-xl-icon-color-valid-disabled: var(--spectrum-global-color-gray-500);
|
|
--spectrum-textfield-xl-text-font-family: var(--spectrum-alias-body-text-font-family);
|
|
--spectrum-textfield-xl-text-font-style: var(--spectrum-global-font-style-regular);
|
|
--spectrum-textfield-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight);
|
|
--spectrum-textfield-xl-text-line-height: var(--spectrum-alias-component-text-line-height);
|
|
--spectrum-textfield-xl-text-letter-spacing: var(--spectrum-global-font-letter-spacing-none);
|
|
--spectrum-textfield-xl-text-transform: none;
|
|
--spectrum-textfield-xl-text-size: var(--spectrum-alias-item-text-size-xl);
|
|
--spectrum-textfield-xl-text-padding-top: var(--spectrum-alias-item-text-padding-top-xl);
|
|
--spectrum-textfield-xl-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-xl);
|
|
--spectrum-textfield-xl-height: var(--spectrum-alias-item-height-xl);
|
|
--spectrum-textfield-xl-padding-left: var(--spectrum-alias-item-padding-xl);
|
|
--spectrum-textfield-xl-padding-right: var(--spectrum-alias-item-padding-xl);
|
|
--spectrum-textfield-xl-min-width: var(--spectrum-global-dimension-size-900);
|
|
--spectrum-textfield-xl-text-baseline: var(--spectrum-global-dimension-size-225);
|
|
--spectrum-textfield-xl-placeholder-text-size: var(--spectrum-alias-item-text-size-xl);
|
|
--spectrum-textfield-xl-success-icon-height: var(--spectrum-alias-ui-icon-checkmark-size-300);
|
|
--spectrum-textfield-xl-success-icon-width: var(--spectrum-alias-ui-icon-checkmark-size-300);
|
|
--spectrum-textfield-xl-success-icon-margin-left: var(--spectrum-global-dimension-size-225);
|
|
--spectrum-textfield-xl-error-icon-height: var(--spectrum-alias-ui-icon-alert-size-300);
|
|
--spectrum-textfield-xl-error-icon-width: var(--spectrum-alias-ui-icon-alert-size-300);
|
|
--spectrum-textfield-xl-error-icon-margin-left: var(--spectrum-global-dimension-size-225);
|
|
--spectrum-textfield-xl-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
|
|
--spectrum-textfield-xl-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
|
|
--spectrum-textfield-xl-border-radius: var(--spectrum-alias-border-radius-regular);
|
|
--spectrum-textfield-xl-cursor-hit-x: var(--spectrum-global-dimension-size-50);
|
|
}
|
|
|