package.dist.esm.c_number_input.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
export const c_number_input = {
  ".pf-v5-c-number-input": {
    "c_number_input__unit_c_input_group_MarginLeft": {
      "name": "--pf-v5-c-number-input__unit--c-input-group--MarginLeft",
      "value": "0.5rem",
      "values": [
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_number_input__icon_FontSize": {
      "name": "--pf-v5-c-number-input__icon--FontSize",
      "value": "0.75rem",
      "values": [
        "--pf-v5-global--FontSize--xs",
        "$pf-v5-global--FontSize--xs",
        "pf-font-prem(12px)",
        "0.75rem"
      ]
    },
    "c_number_input_c_form_control_width_base": {
      "name": "--pf-v5-c-number-input--c-form-control--width-base",
      "value": "calc(0.5rem * 2 + 1px * 2)",
      "values": [
        "calc(--pf-v5-global--spacer--sm * 2 + --pf-v5-global--BorderWidth--sm * 2)",
        "calc($pf-v5-global--spacer--sm * 2 + $pf-v5-global--BorderWidth--sm * 2)",
        "calc(pf-size-prem(8px) * 2 + 1px * 2)",
        "calc(0.5rem * 2 + 1px * 2)"
      ]
    },
    "c_number_input_c_form_control_width_icon": {
      "name": "--pf-v5-c-number-input--c-form-control--width-icon",
      "value": "0px"
    },
    "c_number_input_m_status_c_form_control_width_icon": {
      "name": "--pf-v5-c-number-input--m-status--c-form-control--width-icon",
      "value": "2rem",
      "values": [
        "--pf-v5-global--spacer--xl",
        "$pf-v5-global--spacer--xl",
        "pf-size-prem(32px)",
        "2rem"
      ]
    },
    "c_number_input_c_form_control_width_chars": {
      "name": "--pf-v5-c-number-input--c-form-control--width-chars",
      "value": "4"
    },
    "c_number_input_c_form_control_Width": {
      "name": "--pf-v5-c-number-input--c-form-control--Width",
      "value": "calc(\n      calc(\n        calc(0.5rem * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )",
      "values": [
        "calc(\n      calc(\n        --pf-v5-c-number-input--c-form-control--width-base + --pf-v5-c-number-input--c-form-control--width-chars * 1ch\n      ) + --pf-v5-c-number-input--c-form-control--width-icon\n    )",
        "calc(\n      calc(\n        calc(--pf-v5-global--spacer--sm * 2 + --pf-v5-global--BorderWidth--sm * 2) + 4 * 1ch\n      ) + 0px\n    )",
        "calc(\n      calc(\n        calc($pf-v5-global--spacer--sm * 2 + $pf-v5-global--BorderWidth--sm * 2) + 4 * 1ch\n      ) + 0px\n    )",
        "calc(\n      calc(\n        calc(pf-size-prem(8px) * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )",
        "calc(\n      calc(\n        calc(0.5rem * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )"
      ]
    }
  },
  ".pf-v5-c-number-input.pf-m-status": {
    "c_number_input_c_form_control_width_icon": {
      "name": "--pf-v5-c-number-input--c-form-control--width-icon",
      "value": "2rem",
      "values": [
        "--pf-v5-c-number-input--m-status--c-form-control--width-icon",
        "--pf-v5-global--spacer--xl",
        "$pf-v5-global--spacer--xl",
        "pf-size-prem(32px)",
        "2rem"
      ]
    }
  }
};
export default c_number_input;