@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
138 lines • 5.38 kB
JavaScript
export const c_date_picker = {
".pf-v6-c-date-picker": {
"c_date_picker_m_top__calendar_InsetBlockStart": {
"name": "--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart",
"value": "0"
},
"c_date_picker_m_top__calendar_TranslateY": {
"name": "--pf-v6-c-date-picker--m-top__calendar--TranslateY",
"value": "calc(-100% - 0.25rem)",
"values": [
"calc(-100% - --pf-t--global--spacer--xs)",
"calc(-100% - --pf-t--global--spacer--100)",
"calc(-100% - 0.25rem)"
]
},
"c_date_picker__helper_text_MarginBlockStart": {
"name": "--pf-v6-c-date-picker__helper-text--MarginBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_date_picker__input_c_form_control_Width": {
"name": "--pf-v6-c-date-picker__input--c-form-control--Width",
"value": "calc(11 * 1ch + calc(2rem + 0.5rem))",
"values": [
"calc(--pf-v6-c-date-picker__input--c-form-control--width-chars * 1ch + --pf-v6-c-date-picker__input--c-form-control--width-base)",
"calc(11 * 1ch + calc(--pf-t--global--spacer--xl + --pf-t--global--spacer--sm))",
"calc(11 * 1ch + calc(--pf-t--global--spacer--500 + --pf-t--global--spacer--200))",
"calc(11 * 1ch + calc(2rem + 0.5rem))"
]
},
"c_date_picker__input_c_form_control_width_base": {
"name": "--pf-v6-c-date-picker__input--c-form-control--width-base",
"value": "calc(2rem + 0.5rem)",
"values": [
"calc(--pf-t--global--spacer--xl + --pf-t--global--spacer--sm)",
"calc(--pf-t--global--spacer--500 + --pf-t--global--spacer--200)",
"calc(2rem + 0.5rem)"
]
},
"c_date_picker__input_c_form_control_width_chars": {
"name": "--pf-v6-c-date-picker__input--c-form-control--width-chars",
"value": "11"
},
"c_date_picker__calendar_BackgroundColor": {
"name": "--pf-v6-c-date-picker__calendar--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--floating--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_date_picker__calendar_BoxShadow": {
"name": "--pf-v6-c-date-picker__calendar--BoxShadow",
"value": "0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)",
"values": [
"--pf-t--global--box-shadow--md",
"--pf-t--global--box-shadow--X--md--default\n --pf-t--global--box-shadow--Y--md--default\n --pf-t--global--box-shadow--blur--md\n --pf-t--global--box-shadow--spread--md--default\n --pf-t--global--box-shadow--color--md--default",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--200\n --pf-t--global--box-shadow--spread--100\n --pf-t--global--box-shadow--color--100",
"0px\n 4px\n 9px\n 0px\n rgba(41, 41, 41, 0.1500)"
]
},
"c_date_picker__calendar_ZIndex": {
"name": "--pf-v6-c-date-picker__calendar--ZIndex",
"value": "200",
"values": [
"--pf-t--global--z-index--sm",
"--pf-t--global--z-index--200",
"200"
]
},
"c_date_picker__calendar_InsetBlockStart": {
"name": "--pf-v6-c-date-picker__calendar--InsetBlockStart",
"value": "calc(100% + 0.25rem)",
"values": [
"calc(100% + --pf-t--global--spacer--xs)",
"calc(100% + --pf-t--global--spacer--100)",
"calc(100% + 0.25rem)"
]
},
"c_date_picker__calendar_InsetInlineEnd": {
"name": "--pf-v6-c-date-picker__calendar--InsetInlineEnd",
"value": "auto"
},
"c_date_picker__calendar_InsetInlineStart": {
"name": "--pf-v6-c-date-picker__calendar--InsetInlineStart",
"value": "0"
},
"c_date_picker__calendar_m_align_right_InsetInlineEnd": {
"name": "--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd",
"value": "0"
},
"c_date_picker__calendar_m_align_right_InsetInlineStart": {
"name": "--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart",
"value": "auto"
}
},
".pf-v6-c-date-picker__calendar.pf-m-align-right": {
"c_date_picker__calendar_InsetInlineEnd": {
"name": "--pf-v6-c-date-picker__calendar--InsetInlineEnd",
"value": "0",
"values": [
"--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineEnd",
"0"
]
},
"c_date_picker__calendar_InsetInlineStart": {
"name": "--pf-v6-c-date-picker__calendar--InsetInlineStart",
"value": "auto",
"values": [
"--pf-v6-c-date-picker__calendar--m-align-right--InsetInlineStart",
"auto"
]
}
},
".pf-v6-c-date-picker.pf-m-top .pf-v6-c-date-picker__calendar": {
"c_date_picker__calendar_InsetBlockStart": {
"name": "--pf-v6-c-date-picker__calendar--InsetBlockStart",
"value": "0",
"values": [
"--pf-v6-c-date-picker--m-top__calendar--InsetBlockStart",
"0"
]
}
},
".pf-v6-c-date-picker__calendar.pf-m-static": {
"c_date_picker_m_top__calendar_TranslateY": {
"name": "--pf-v6-c-date-picker--m-top__calendar--TranslateY",
"value": "0"
}
}
};
export default c_date_picker;