package.dist.js.c_input_group.js Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of react-tokens Show documentation
This library provides access to the design tokens of PatternFly 4 from JavaScript
There is a newer version: 6.0.0
"use strict";
exports.__esModule = true;
exports.c_input_group = {
  ".pf-v5-c-input-group": {
    "c_input_group_child_ZIndex": {
      "name": "--pf-v5-c-input-group--child--ZIndex",
      "value": "100",
      "values": [
        "--pf-v5-global--ZIndex--xs",
        "$pf-v5-global--ZIndex--xs",
        "100"
      ]
    },
    "c_input_group__item_offset": {
      "name": "--pf-v5-c-input-group__item--offset",
      "value": "1px",
      "values": [
        "--pf-v5-global--BorderWidth--sm",
        "$pf-v5-global--BorderWidth--sm",
        "1px"
      ]
    },
    "c_input_group__item_MarginLeft": {
      "name": "--pf-v5-c-input-group__item--MarginLeft",
      "value": "calc(1px * -1)",
      "values": [
        "calc(--pf-v5-c-input-group__item--offset * -1)",
        "calc(--pf-v5-global--BorderWidth--sm * -1)",
        "calc($pf-v5-global--BorderWidth--sm * -1)",
        "calc(1px * -1)"
      ]
    },
    "c_input_group__item_BorderWidth_base": {
      "name": "--pf-v5-c-input-group__item--BorderWidth--base",
      "value": "1px",
      "values": [
        "--pf-v5-c-input-group__item--offset",
        "--pf-v5-global--BorderWidth--sm",
        "$pf-v5-global--BorderWidth--sm",
        "1px"
      ]
    },
    "c_input_group__item_BorderColor_base": {
      "name": "--pf-v5-c-input-group__item--BorderColor--base",
      "value": "#f0f0f0",
      "values": [
        "--pf-v5-global--BorderColor--300",
        "$pf-v5-global--BorderColor--300",
        "$pf-v5-color-black-200",
        "#f0f0f0"
      ]
    },
    "c_input_group__item_BorderColor_accent": {
      "name": "--pf-v5-c-input-group__item--BorderColor--accent",
      "value": "#8a8d90",
      "values": [
        "--pf-v5-global--BorderColor--200",
        "$pf-v5-global--BorderColor--200",
        "$pf-v5-color-black-500",
        "#8a8d90"
      ]
    },
    "c_input_group__item_BackgroundColor": {
      "name": "--pf-v5-c-input-group__item--BackgroundColor",
      "value": "transparent"
    },
    "c_input_group__item_m_box_PaddingRight": {
      "name": "--pf-v5-c-input-group__item--m-box--PaddingRight",
      "value": "0.5rem",
      "values": [
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_input_group__item_m_box_PaddingLeft": {
      "name": "--pf-v5-c-input-group__item--m-box--PaddingLeft",
      "value": "0.5rem",
      "values": [
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_input_group__item_m_box_BackgroundColor": {
      "name": "--pf-v5-c-input-group__item--m-box--BackgroundColor",
      "value": "#fff",
      "values": [
        "--pf-v5-global--BackgroundColor--100",
        "$pf-v5-global--BackgroundColor--100",
        "$pf-v5-color-white",
        "#fff"
      ]
    },
    "c_input_group__item_m_box_BorderWidth": {
      "name": "--pf-v5-c-input-group__item--m-box--BorderWidth",
      "value": "1px",
      "values": [
        "--pf-v5-c-input-group__item--offset",
        "--pf-v5-global--BorderWidth--sm",
        "$pf-v5-global--BorderWidth--sm",
        "1px"
      ]
    },
    "c_input_group__item_m_box_BorderTopColor": {
      "name": "--pf-v5-c-input-group__item--m-box--BorderTopColor",
      "value": "#f0f0f0",
      "values": [
        "--pf-v5-c-input-group__item--BorderColor--base",
        "--pf-v5-global--BorderColor--300",
        "$pf-v5-global--BorderColor--300",
        "$pf-v5-color-black-200",
        "#f0f0f0"
      ]
    },
    "c_input_group__item_m_box_BorderRightColor": {
      "name": "--pf-v5-c-input-group__item--m-box--BorderRightColor",
      "value": "#f0f0f0",
      "values": [
        "--pf-v5-c-input-group__item--BorderColor--base",
        "--pf-v5-global--BorderColor--300",
        "$pf-v5-global--BorderColor--300",
        "$pf-v5-color-black-200",
        "#f0f0f0"
      ]
    },
    "c_input_group__item_m_box_BorderBottomColor": {
      "name": "--pf-v5-c-input-group__item--m-box--BorderBottomColor",
      "value": "#8a8d90",
      "values": [
        "--pf-v5-c-input-group__item--BorderColor--accent",
        "--pf-v5-global--BorderColor--200",
        "$pf-v5-global--BorderColor--200",
        "$pf-v5-color-black-500",
        "#8a8d90"
      ]
    },
    "c_input_group__item_m_box_BorderLeftColor": {
      "name": "--pf-v5-c-input-group__item--m-box--BorderLeftColor",
      "value": "#f0f0f0",
      "values": [
        "--pf-v5-c-input-group__item--BorderColor--base",
        "--pf-v5-global--BorderColor--300",
        "$pf-v5-global--BorderColor--300",
        "$pf-v5-color-black-200",
        "#f0f0f0"
      ]
    },
    "c_input_group__item_m_plain_BackgroundColor": {
      "name": "--pf-v5-c-input-group__item--m-plain--BackgroundColor",
      "value": "transparent"
    },
    "c_input_group__text_FontSize": {
      "name": "--pf-v5-c-input-group__text--FontSize",
      "value": "1rem",
      "values": [
        "--pf-v5-global--FontSize--md",
        "$pf-v5-global--FontSize--md",
        "pf-font-prem(16px)",
        "1rem"
      ]
    },
    "c_input_group__text_Color": {
      "name": "--pf-v5-c-input-group__text--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-global--Color--dark-200",
        "$pf-v5-global--Color--dark-200",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    },
    "c_input_group__item_m_disabled__text_Color": {
      "name": "--pf-v5-c-input-group__item--m-disabled__text--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-global--disabled-color--100",
        "$pf-v5-global--disabled-color--100",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    },
    "c_input_group__item_m_disabled_BorderBottomColor": {
      "name": "--pf-v5-c-input-group__item--m-disabled--BorderBottomColor",
      "value": "transparent"
    },
    "c_input_group__item_m_disabled_BackgroundColor": {
      "name": "--pf-v5-c-input-group__item--m-disabled--BackgroundColor",
      "value": "#f0f0f0",
      "values": [
        "--pf-v5-global--disabled-color--300",
        "$pf-v5-global--disabled-color--300",
        "$pf-v5-color-black-200",
        "#f0f0f0"
      ]
    }
  },
  ".pf-v5-c-input-group__item.pf-m-box": {
    "c_input_group__item_BackgroundColor": {
      "name": "--pf-v5-c-input-group__item--BackgroundColor",
      "value": "#fff",
      "values": [
        "--pf-v5-c-input-group__item--m-box--BackgroundColor",
        "--pf-v5-global--BackgroundColor--100",
        "$pf-v5-global--BackgroundColor--100",
        "$pf-v5-color-white",
        "#fff"
      ]
    }
  },
  ".pf-v5-c-input-group__item.pf-m-plain": {
    "c_input_group__item_MarginLeft": {
      "name": "--pf-v5-c-input-group__item--MarginLeft",
      "value": "0"
    },
    "c_input_group__item_BackgroundColor": {
      "name": "--pf-v5-c-input-group__item--BackgroundColor",
      "value": "transparent",
      "values": [
        "--pf-v5-c-input-group__item--m-plain--BackgroundColor",
        "transparent"
      ]
    }
  },
  ".pf-v5-c-input-group__item.pf-m-disabled": {
    "c_input_group__item_BackgroundColor": {
      "name": "--pf-v5-c-input-group__item--BackgroundColor",
      "value": "#f0f0f0",
      "values": [
        "--pf-v5-c-input-group__item--m-disabled--BackgroundColor",
        "--pf-v5-global--disabled-color--300",
        "$pf-v5-global--disabled-color--300",
        "$pf-v5-color-black-200",
        "#f0f0f0"
      ]
    },
    "c_input_group__item_m_box_BorderBottomColor": {
      "name": "--pf-v5-c-input-group__item--m-box--BorderBottomColor",
      "value": "transparent",
      "values": [
        "--pf-v5-c-input-group__item--m-disabled--BorderBottomColor",
        "transparent"
      ]
    },
    "c_input_group__text_Color": {
      "name": "--pf-v5-c-input-group__text--Color",
      "value": "#6a6e73",
      "values": [
        "--pf-v5-c-input-group__item--m-disabled__text--Color",
        "--pf-v5-global--disabled-color--100",
        "$pf-v5-global--disabled-color--100",
        "$pf-v5-color-black-600",
        "#6a6e73"
      ]
    }
  }
};
exports["default"] = exports.c_input_group;