package.dist.esm.c_date_picker.d.ts 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_date_picker: {
  ".pf-v5-c-date-picker": {
    "c_date_picker_m_top__calendar_Top": {
      "name": "--pf-v5-c-date-picker--m-top__calendar--Top",
      "value": "0"
    },
    "c_date_picker_m_top__calendar_TranslateY": {
      "name": "--pf-v5-c-date-picker--m-top__calendar--TranslateY",
      "value": "calc(-100% - 0.25rem)",
      "values": [
        "calc(-100% - --pf-v5-global--spacer--xs)",
        "calc(-100% - $pf-v5-global--spacer--xs)",
        "calc(-100% - pf-size-prem(4px))",
        "calc(-100% - 0.25rem)"
      ]
    },
    "c_date_picker__helper_text_MarginTop": {
      "name": "--pf-v5-c-date-picker__helper-text--MarginTop",
      "value": "0.25rem",
      "values": [
        "--pf-v5-global--spacer--xs",
        "$pf-v5-global--spacer--xs",
        "pf-size-prem(4px)",
        "0.25rem"
      ]
    },
    "c_date_picker__input_c_form_control_Width": {
      "name": "--pf-v5-c-date-picker__input--c-form-control--Width",
      "value": "calc(10 * 1ch + calc(2rem + 0.5rem))",
      "values": [
        "calc(--pf-v5-c-date-picker__input--c-form-control--width-chars * 1ch + --pf-v5-c-date-picker__input--c-form-control--width-base)",
        "calc(10 * 1ch + calc(--pf-v5-global--spacer--xl + --pf-v5-global--spacer--sm))",
        "calc(10 * 1ch + calc($pf-v5-global--spacer--xl + $pf-v5-global--spacer--sm))",
        "calc(10 * 1ch + calc(pf-size-prem(32px) + pf-size-prem(8px)))",
        "calc(10 * 1ch + calc(2rem + 0.5rem))"
      ]
    },
    "c_date_picker__input_c_form_control_width_base": {
      "name": "--pf-v5-c-date-picker__input--c-form-control--width-base",
      "value": "calc(2rem + 0.5rem)",
      "values": [
        "calc(--pf-v5-global--spacer--xl + --pf-v5-global--spacer--sm)",
        "calc($pf-v5-global--spacer--xl + $pf-v5-global--spacer--sm)",
        "calc(pf-size-prem(32px) + pf-size-prem(8px))",
        "calc(2rem + 0.5rem)"
      ]
    },
    "c_date_picker__input_c_form_control_width_chars": {
      "name": "--pf-v5-c-date-picker__input--c-form-control--width-chars",
      "value": "10"
    },
    "c_date_picker__calendar_BackgroundColor": {
      "name": "--pf-v5-c-date-picker__calendar--BackgroundColor",
      "value": "#fff",
      "values": [
        "--pf-v5-global--BackgroundColor--light-100",
        "$pf-v5-global--BackgroundColor--light-100",
        "$pf-v5-color-white",
        "#fff"
      ]
    },
    "c_date_picker__calendar_BoxShadow": {
      "name": "--pf-v5-c-date-picker__calendar--BoxShadow",
      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
      "values": [
        "--pf-v5-global--BoxShadow--md",
        "$pf-v5-global--BoxShadow--md",
        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-v5-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-v5-color-black-1000, .06)",
        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
      ]
    },
    "c_date_picker__calendar_ZIndex": {
      "name": "--pf-v5-c-date-picker__calendar--ZIndex",
      "value": "200",
      "values": [
        "--pf-v5-global--ZIndex--sm",
        "$pf-v5-global--ZIndex--sm",
        "200"
      ]
    },
    "c_date_picker__calendar_Top": {
      "name": "--pf-v5-c-date-picker__calendar--Top",
      "value": "calc(100% + 0.25rem)",
      "values": [
        "calc(100% + --pf-v5-global--spacer--xs)",
        "calc(100% + $pf-v5-global--spacer--xs)",
        "calc(100% + pf-size-prem(4px))",
        "calc(100% + 0.25rem)"
      ]
    },
    "c_date_picker__calendar_Right": {
      "name": "--pf-v5-c-date-picker__calendar--Right",
      "value": "auto"
    },
    "c_date_picker__calendar_Left": {
      "name": "--pf-v5-c-date-picker__calendar--Left",
      "value": "0"
    },
    "c_date_picker__calendar_m_align_right_Right": {
      "name": "--pf-v5-c-date-picker__calendar--m-align-right--Right",
      "value": "0"
    },
    "c_date_picker__calendar_m_align_right_Left": {
      "name": "--pf-v5-c-date-picker__calendar--m-align-right--Left",
      "value": "auto"
    }
  },
  ".pf-v5-c-date-picker__calendar.pf-m-align-right": {
    "c_date_picker__calendar_Right": {
      "name": "--pf-v5-c-date-picker__calendar--Right",
      "value": "0",
      "values": [
        "--pf-v5-c-date-picker__calendar--m-align-right--Right",
        "0"
      ]
    },
    "c_date_picker__calendar_Left": {
      "name": "--pf-v5-c-date-picker__calendar--Left",
      "value": "auto",
      "values": [
        "--pf-v5-c-date-picker__calendar--m-align-right--Left",
        "auto"
      ]
    }
  },
  ".pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar": {
    "c_date_picker__calendar_Top": {
      "name": "--pf-v5-c-date-picker__calendar--Top",
      "value": "0",
      "values": [
        "--pf-v5-c-date-picker--m-top__calendar--Top",
        "0"
      ]
    }
  },
  ".pf-v5-c-date-picker__calendar.pf-m-static": {
    "c_date_picker_m_top__calendar_TranslateY": {
      "name": "--pf-v5-c-date-picker--m-top__calendar--TranslateY",
      "value": "0"
    }
  }
};
export default c_date_picker;