@adobe/spectrum-css/dist/components/textfield/vars.css

The Spectrum CSS top-level backwards compatible package

.spectrum-Textfield {
  --spectrum-textfield-m-border-size: var(--spectrum-alias-border-size-thin);
  --spectrum-textfield-m-text-line-height: var(--spectrum-alias-component-text-line-height);
  --spectrum-textfield-m-text-size: var(--spectrum-alias-item-text-size-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-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-quiet-m-border-size: var(--spectrum-alias-border-size-thin);
  --spectrum-textfield-quiet-m-padding-left: 0;
  --spectrum-textfield-quiet-m-padding-right: 0;
  --spectrum-textfield-quiet-m-success-icon-margin-left: var(--spectrum-global-dimension-size-150);
  --spectrum-textfield-quiet-m-error-icon-margin-left: var(--spectrum-global-dimension-size-150);
  --spectrum-textfield-quiet-m-border-radius: 0px;
  --spectrum-textarea-m-text-padding-top: var(--spectrum-alias-item-text-padding-top-m);
  --spectrum-textarea-m-text-padding-bottom: var(--spectrum-alias-item-text-padding-bottom-m);
  --spectrum-textarea-m-height: var(--spectrum-alias-item-height-m);
  --spectrum-textarea-m-padding-left: var(--spectrum-alias-item-padding-m);
  --spectrum-textarea-m-padding-right: var(--spectrum-alias-item-padding-m);
  --spectrum-alias-body-text-font-family: var(--spectrum-global-font-family-base);
  --spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
  --spectrum-icon-checkmark-medium-width: undefined;
  --spectrum-icon-alert-medium-width: var(--spectrum-global-dimension-size-225);
  --spectrum-alias-workflow-icon-size-m: var(--spectrum-global-dimension-size-225);
  --spectrum-semantic-positive-color-icon: var(--spectrum-global-color-green-600);
  --spectrum-textfield-m-border-color-hover: var(--spectrum-alias-border-color-hover);
  --spectrum-textfield-m-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
  --spectrum-textfield-m-icon-color-hover: var(--spectrum-global-color-gray-900);
  --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-validation-icon-color-valid: var(--spectrum-global-color-green-400);
  --spectrum-textfield-m-validation-icon-color-error: var(--spectrum-semantic-negative-color-icon);
  --spectrum-textfield-m-border-color-error-hover: var(--spectrum-semantic-negative-color-state-hover);
  --spectrum-textfield-m-validation-icon-color-disabled: var(--spectrum-global-color-gray-500);
  --spectrum-textfield-m-icon-color-disabled: var(--spectrum-global-color-gray-500);
  --spectrum-textfield-m-icon-color: var(--spectrum-alias-icon-color);
  --spectrum-textfield-m-background-color: var(--spectrum-global-color-gray-50);
  --spectrum-textfield-m-border-color: var(--spectrum-alias-border-color);
  --spectrum-textfield-m-text-color: var(--spectrum-alias-text-color);
  --spectrum-textfield-m-placeholder-text-color: var(--spectrum-global-color-gray-600);
  --spectrum-textfield-m-border-color-key-focus: var(--spectrum-alias-border-color-focus);
  --spectrum-textfield-m-border-color-error: var(--spectrum-semantic-negative-color-default);
  --spectrum-textfield-m-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
  --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-text-color-disabled: var(--spectrum-alias-text-color-disabled);
  --spectrum-textfield-m-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
  --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-border-color-hover: var(--spectrum-alias-border-color-hover);
  --spectrum-textfield-quiet-m-border-color-down: var(--spectrum-alias-border-color-mouse-focus);
  --spectrum-textfield-quiet-m-border-color-mouse-focus: var(--spectrum-alias-border-color-mouse-focus);
  --spectrum-textfield-quiet-m-border-color-error: var(--spectrum-semantic-negative-color-default);
  --spectrum-textfield-quiet-m-border-color-error-mouse-focus: var(--spectrum-semantic-negative-color-state-hover);
  --spectrum-textfield-quiet-m-border-color-error-key-focus: var(--spectrum-alias-border-color-focus);
  --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);
}