@abgov/design-tokens/data/component-design-tokens/input-design-tokens.json

## Setup

{
  "text-input-border": {
    "value": "inset 0 0 0 {borderWidth.s} {color.greyscale.700}",
    "type": "other"
  },
  "text-input-border-disabled": {
    "value": "inset 0 0 0 {borderWidth.s} {color.greyscale.200}",
    "type": "other"
  },
  "text-input-border-error": {
    "value": "inset 0 0 0 {borderWidth.m} {color.interactive.error}",
    "type": "other"
  },
  "text-input-border-focus": {
    "value": "0 0 0 {borderWidth.l} {color.interactive.focus}",
    "type": "other"
  },
  "text-input-border-hover": {
    "value": "inset 0 0 0 {borderWidth.m} {color.interactive.hover}",
    "type": "other"
  },
  "text-input-border-radius": {
    "value": "{borderRadius.m}",
    "type": "borderRadius"
  },
  "text-input-color-bg": {
    "value": "{color.greyscale.white}",
    "type": "color"
  },
  "text-input-color-bg-disabled": {
    "value": "{color.greyscale.100}",
    "type": "color"
  },
  "text-input-color-icon-disabled": {
    "value": "{color.greyscale.500}",
    "type": "color"
  },
  "text-input-color-text": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "text-input-color-text-disabled": {
    "value": "{color.text.secondary}",
    "type": "color"
  },
  "text-input-color-text-placeholder": {
    "value": "{color.text.secondary}",
    "type": "color"
  },
  "text-input-lt-content-color-bg": {
    "value": "{color.greyscale.100}",
    "type": "color"
  },
  "text-input-lt-content-color-text": {
    "value": "{color.text.default}",
    "type": "color"
  },
  "text-input-padding": {
    "value": "7px {text-input-padding-lr} 9px",
    "type": "spacing"
  },
  "text-input-padding-lr": {
    "value": "{space.s}",
    "type": "spacing"
  },
  "text-input-space-btw-icon-text": {
    "value": "{space.xs}",
    "type": "spacing"
  },
  "text-input-size-icon": {
    "value": "{iconSize.4}",
    "type": "sizing"
  },
  "text-input-color-icon": {
    "value": "{color.greyscale.black}",
    "type": "color"
  },
  "text-input-transition": {
    "value": "box-shadow 0.05s ease-in",
    "type": "other"
  },
  "text-input-typography": {
    "value": "{typography.body.m}",
    "type": "other"
  }
}