isncsci-ui/dist/css/_isncsci-input.css

Web components package for the ISNCSCI project.

praxis-isncsci-input {
  --background: var(--light-isncsci-input-surface);
  --border-radius: var(--isncsci-input-border-radius);
  --box-shadow: var(--shadow-extra-small);
  --button-active-font-size: var(--isncsci-input-button-active-font-size);
  --button-active-surface: var(--light-isncsci-input-button-active-surface);
  --button-border-width: var(--isncsci-input-button-border-width);
  --button-border-color: var(--light-isncsci-input-button-border);
  --button-border-radius: var(--isncsci-input-button-border-radius);
  --button-border-radius-none: var(--isncsci-input-button-border-radius-none);
  --button-color: var(--light-isncsci-input-button-on-surface);
  --button-disabled-on-surface: var(
    --light-isncsci-input-button-disabled-on-surface
  );
  --button-disabled-surface: var(--light-isncsci-input-button-disabled-surface);
  --button-divider-color: var(--light-isncsci-input-button-divider);
  --button-divider-gap: var(--isncsci-input-button-divider-gap);
  --button-divider-width: var(--isncsci-input-button-divider-width);
  --button-height: var(--isncsci-input-button-height);
  --button-hover-surface: var(--light-isncsci-input-button-hover-surface);
  --button-hover-box-shadow: var(--shadow-medium);
  --button-on-surface: var(--light-isncsci-input-button-on-surface);
  --button-selected-on-surface: var(
    --light-isncsci-input-button-selected-on-surface
  );
  --button-selected-surface: var(--light-isncsci-input-button-selected-surface);
  --button-surface: var(--light-isncsci-input-button-surface);
  --buttons-gap: var(--isncsci-input-buttons-gap);
  --divider-color: var(--light-surface-container-highest);
  --divider-height: 0.0625rem;
  --label-color: var(--light-input-label-on-surface);
  --label-font-family: var(--text-font-family);
  --label-font-size: var(--type-scale-caption-1-font-size);
  --label-font-weight: var(--type-scale-caption-1-weight);
  --label-line-height: var(--type-scale-caption-1-line-height);
  --gap: var(--space-4);
  --select-width: 11.25rem;
  --textarea-height: 3.5rem;
}