@patternfly/react-tokens/dist/esm/c_input_group.js

This library provides access to the design tokens of PatternFly 4 from JavaScript

export const c_input_group = {
  ".pf-v6-c-input-group": {
    "c_input_group_Gap": {
      "name": "--pf-v6-c-input-group--Gap",
      "value": "0.25rem",
      "values": [
        "--pf-t--global--spacer--gap--control-to-control--default",
        "--pf-t--global--spacer--xs",
        "--pf-t--global--spacer--100",
        "0.25rem"
      ]
    },
    "c_input_group__item_offset": {
      "name": "--pf-v6-c-input-group__item--offset",
      "value": "1px",
      "values": [
        "--pf-t--global--border--width--control--default",
        "--pf-t--global--border--width--100",
        "1px"
      ]
    },
    "c_input_group__item_BorderWidth_base": {
      "name": "--pf-v6-c-input-group__item--BorderWidth--base",
      "value": "1px",
      "values": [
        "--pf-t--global--border--width--control--default",
        "--pf-t--global--border--width--100",
        "1px"
      ]
    },
    "c_input_group__item_BorderColor_base": {
      "name": "--pf-v6-c-input-group__item--BorderColor--base",
      "value": "#c7c7c7",
      "values": [
        "--pf-t--global--border--color--default",
        "--pf-t--global--border--color--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_input_group__item_BackgroundColor": {
      "name": "--pf-v6-c-input-group__item--BackgroundColor",
      "value": "transparent"
    },
    "c_input_group__item_AlignItems": {
      "name": "--pf-v6-c-input-group__item--AlignItems",
      "value": "start"
    },
    "c_input_group__item_m_box_PaddingInlineEnd": {
      "name": "--pf-v6-c-input-group__item--m-box--PaddingInlineEnd",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_input_group__item_m_box_PaddingInlineStart": {
      "name": "--pf-v6-c-input-group__item--m-box--PaddingInlineStart",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_input_group__item_m_box_BackgroundColor": {
      "name": "--pf-v6-c-input-group__item--m-box--BackgroundColor",
      "value": "#f2f2f2",
      "values": [
        "--pf-t--global--background--color--secondary--default",
        "--pf-t--global--background--color--200",
        "--pf-t--color--gray--10",
        "#f2f2f2"
      ]
    },
    "c_input_group__item_m_box_BorderWidth": {
      "name": "--pf-v6-c-input-group__item--m-box--BorderWidth",
      "value": "1px",
      "values": [
        "--pf-v6-c-input-group__item--BorderWidth--base",
        "--pf-t--global--border--width--control--default",
        "--pf-t--global--border--width--100",
        "1px"
      ]
    },
    "c_input_group__item_m_box_BorderRadius": {
      "name": "--pf-v6-c-input-group__item--m-box--BorderRadius",
      "value": "6px",
      "values": [
        "--pf-t--global--border--radius--small",
        "--pf-t--global--border--radius--200",
        "6px"
      ]
    },
    "c_input_group__item_m_box_BorderBlockStartColor": {
      "name": "--pf-v6-c-input-group__item--m-box--BorderBlockStartColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-v6-c-input-group__item--BorderColor--base",
        "--pf-t--global--border--color--default",
        "--pf-t--global--border--color--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_input_group__item_m_box_BorderInlineEndColor": {
      "name": "--pf-v6-c-input-group__item--m-box--BorderInlineEndColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-v6-c-input-group__item--BorderColor--base",
        "--pf-t--global--border--color--default",
        "--pf-t--global--border--color--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_input_group__item_m_box_BorderBlockEndColor": {
      "name": "--pf-v6-c-input-group__item--m-box--BorderBlockEndColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-v6-c-input-group__item--BorderColor--base",
        "--pf-t--global--border--color--default",
        "--pf-t--global--border--color--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_input_group__item_m_box_BorderInlineStartColor": {
      "name": "--pf-v6-c-input-group__item--m-box--BorderInlineStartColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-v6-c-input-group__item--BorderColor--base",
        "--pf-t--global--border--color--default",
        "--pf-t--global--border--color--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_input_group__item_m_plain_BackgroundColor": {
      "name": "--pf-v6-c-input-group__item--m-plain--BackgroundColor",
      "value": "transparent"
    },
    "c_input_group__text_FontSize": {
      "name": "--pf-v6-c-input-group__text--FontSize",
      "value": "0.875rem",
      "values": [
        "--pf-t--global--font--size--body--default",
        "--pf-t--global--font--size--sm",
        "--pf-t--global--font--size--200",
        "0.875rem"
      ]
    },
    "c_input_group__text_Color": {
      "name": "--pf-v6-c-input-group__text--Color",
      "value": "#151515",
      "values": [
        "--pf-t--global--text--color--regular",
        "--pf-t--global--text--color--100",
        "--pf-t--color--gray--95",
        "#151515"
      ]
    },
    "c_input_group__item_m_disabled__text_Color": {
      "name": "--pf-v6-c-input-group__item--m-disabled__text--Color",
      "value": "#4d4d4d",
      "values": [
        "--pf-t--global--text--color--on-disabled",
        "--pf-t--global--color--disabled--300",
        "--pf-t--color--gray--60",
        "#4d4d4d"
      ]
    },
    "c_input_group__item_m_disabled_BackgroundColor": {
      "name": "--pf-v6-c-input-group__item--m-disabled--BackgroundColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-t--global--background--color--disabled--default",
        "--pf-t--global--color--disabled--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    }
  },
  ".pf-v6-c-input-group__item.pf-m-box": {
    "c_input_group__item_BackgroundColor": {
      "name": "--pf-v6-c-input-group__item--BackgroundColor",
      "value": "#f2f2f2",
      "values": [
        "--pf-v6-c-input-group__item--m-box--BackgroundColor",
        "--pf-t--global--background--color--secondary--default",
        "--pf-t--global--background--color--200",
        "--pf-t--color--gray--10",
        "#f2f2f2"
      ]
    }
  },
  ".pf-v6-c-input-group__item.pf-m-plain": {
    "c_input_group__item_BackgroundColor": {
      "name": "--pf-v6-c-input-group__item--BackgroundColor",
      "value": "transparent",
      "values": [
        "--pf-v6-c-input-group__item--m-plain--BackgroundColor",
        "transparent"
      ]
    }
  },
  ".pf-v6-c-input-group__item.pf-m-disabled": {
    "c_input_group__item_BackgroundColor": {
      "name": "--pf-v6-c-input-group__item--BackgroundColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-v6-c-input-group__item--m-disabled--BackgroundColor",
        "--pf-t--global--background--color--disabled--default",
        "--pf-t--global--color--disabled--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_input_group__text_Color": {
      "name": "--pf-v6-c-input-group__text--Color",
      "value": "#4d4d4d",
      "values": [
        "--pf-v6-c-input-group__item--m-disabled__text--Color",
        "--pf-t--global--text--color--on-disabled",
        "--pf-t--global--color--disabled--300",
        "--pf-t--color--gray--60",
        "#4d4d4d"
      ]
    }
  }
};
export default c_input_group;