UNPKG

@patternfly/react-tokens

Version:

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

707 lines 25 kB
export const c_calendar_month = { ".pf-v6-c-calendar-month": { "c_calendar_month_BackgroundColor": { "name": "--pf-v6-c-calendar-month--BackgroundColor", "value": "#ffffff", "values": [ "--pf-t--global--background--color--primary--default", "--pf-t--global--background--color--100", "--pf-t--color--white", "#ffffff" ] }, "c_calendar_month_PaddingBlockStart": { "name": "--pf-v6-c-calendar-month--PaddingBlockStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_calendar_month_PaddingInlineEnd": { "name": "--pf-v6-c-calendar-month--PaddingInlineEnd", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_calendar_month_PaddingBlockEnd": { "name": "--pf-v6-c-calendar-month--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_calendar_month_PaddingInlineStart": { "name": "--pf-v6-c-calendar-month--PaddingInlineStart", "value": "1.5rem", "values": [ "--pf-t--global--spacer--lg", "--pf-t--global--spacer--400", "1.5rem" ] }, "c_calendar_month_FontSize": { "name": "--pf-v6-c-calendar-month--FontSize", "value": "0.875rem", "values": [ "--pf-t--global--font--size--sm", "--pf-t--global--font--size--200", "0.875rem" ] }, "c_calendar_month__header_MarginBlockEnd": { "name": "--pf-v6-c-calendar-month__header--MarginBlockEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_calendar_month__header_Gap": { "name": "--pf-v6-c-calendar-month__header--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_calendar_month__header_year_Width": { "name": "--pf-v6-c-calendar-month__header-year--Width", "value": "9ch" }, "c_calendar_month__header_nav_control_MarginInlineEnd": { "name": "--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd", "value": "0" }, "c_calendar_month__header_nav_control_MarginInlineStart": { "name": "--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart", "value": "0" }, "c_calendar_month__days_BorderBlockEndWidth": { "name": "--pf-v6-c-calendar-month__days--BorderBlockEndWidth", "value": "1px", "values": [ "--pf-t--global--border--width--divider--default", "--pf-t--global--border--width--100", "1px" ] }, "c_calendar_month__days_BorderBlockEndColor": { "name": "--pf-v6-c-calendar-month__days--BorderBlockEndColor", "value": "#c7c7c7", "values": [ "--pf-t--global--border--color--default", "--pf-t--global--border--color--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_calendar_month__day_PaddingBlockEnd": { "name": "--pf-v6-c-calendar-month__day--PaddingBlockEnd", "value": "1rem", "values": [ "--pf-t--global--spacer--md", "--pf-t--global--spacer--300", "1rem" ] }, "c_calendar_month__day_FontWeight": { "name": "--pf-v6-c-calendar-month__day--FontWeight", "value": "400", "values": [ "--pf-t--global--font--weight--body--default", "--pf-t--global--font--weight--100", "400" ] }, "c_calendar_month__day_Color": { "name": "--pf-v6-c-calendar-month__day--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_calendar_month__dates_cell_PaddingBlockStart": { "name": "--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart", "value": "0.125rem" }, "c_calendar_month__dates_cell_PaddingInlineEnd": { "name": "--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd", "value": "0.125rem" }, "c_calendar_month__dates_cell_PaddingBlockEnd": { "name": "--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd", "value": "0.125rem" }, "c_calendar_month__dates_cell_PaddingInlineStart": { "name": "--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart", "value": "0.125rem" }, "c_calendar_month__dates_row_first_child__dates_cell_PaddingBlockStart": { "name": "--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] }, "c_calendar_month__dates_cell_m_current__date_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_calendar_month__dates_cell_m_selected__date_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__dates_cell_m_selected__date_hover_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__dates_cell_m_selected__date_focus_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__dates_cell_m_selected__date_focus_after_BorderColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor", "value": "#0066cc", "values": [ "--pf-t--global--border--color--brand--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__dates_cell_m_selected__date_Color": { "name": "--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color", "value": "#ffffff", "values": [ "--pf-t--global--text--color--on-brand--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_calendar_month__dates_cell_before_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor", "value": "transparent" }, "c_calendar_month__dates_cell_before_InsetBlockStart": { "name": "--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart", "value": "0" }, "c_calendar_month__dates_cell_before_InsetInlineEnd": { "name": "--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd", "value": "0" }, "c_calendar_month__dates_cell_before_InsetBlockEnd": { "name": "--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd", "value": "0.125rem", "values": [ "--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd", "0.125rem" ] }, "c_calendar_month__dates_cell_before_InsetInlineStart": { "name": "--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart", "value": "0" }, "c_calendar_month__dates_cell_m_in_range_before_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_calendar_month__dates_cell_m_in_range_m_start_range_before_InsetInlineStart": { "name": "--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart", "value": "50%" }, "c_calendar_month__dates_cell_m_in_range_m_end_range_before_InsetInlineEnd": { "name": "--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd", "value": "50%" }, "c_calendar_month__dates_cell_m_in_range__date_hover_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_calendar_month__dates_cell_m_in_range__date_hover_BorderWidth": { "name": "--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--regular", "--pf-t--global--border--width--100", "1px" ] }, "c_calendar_month__dates_cell_m_in_range__date_hover_BorderColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor", "value": "#4394e5", "values": [ "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_calendar_month__dates_cell_m_in_range__date_focus_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_calendar_month__dates_cell_m_adjacent_month__date_Color": { "name": "--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--text--color--subtle", "--pf-t--global--text--color--200", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_calendar_month__date_Width": { "name": "--pf-v6-c-calendar-month__date--Width", "value": "4ch" }, "c_calendar_month__date_Height": { "name": "--pf-v6-c-calendar-month__date--Height", "value": "4ch" }, "c_calendar_month__date_BorderRadius": { "name": "--pf-v6-c-calendar-month__date--BorderRadius", "value": "24px", "values": [ "--pf-t--global--border--radius--large", "--pf-t--global--border--radius--400", "24px" ] }, "c_calendar_month__date_Color": { "name": "--pf-v6-c-calendar-month__date--Color", "value": "#151515", "values": [ "--pf-t--global--text--color--regular", "--pf-t--global--text--color--100", "--pf-t--color--gray--95", "#151515" ] }, "c_calendar_month__date_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--BackgroundColor", "value": "transparent" }, "c_calendar_month__date_disabled_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--disabled--BackgroundColor", "value": "#c7c7c7", "values": [ "--pf-t--global--background--color--disabled--default", "--pf-t--global--color--disabled--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_calendar_month__date_disabled_Color": { "name": "--pf-v6-c-calendar-month__date--disabled--Color", "value": "#4d4d4d", "values": [ "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_calendar_month__date_after_BorderWidth": { "name": "--pf-v6-c-calendar-month__date--after--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--regular", "--pf-t--global--border--width--100", "1px" ] }, "c_calendar_month__date_after_BorderColor": { "name": "--pf-v6-c-calendar-month__date--after--BorderColor", "value": "transparent" }, "c_calendar_month__date_after_OutlineOffset": { "name": "--pf-v6-c-calendar-month__date--after--OutlineOffset", "value": "0" }, "c_calendar_month__date_hover_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--hover--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_calendar_month__date_hover_BorderWidth": { "name": "--pf-v6-c-calendar-month__date--hover--BorderWidth", "value": "1px", "values": [ "--pf-t--global--border--width--regular", "--pf-t--global--border--width--100", "1px" ] }, "c_calendar_month__date_hover_BorderColor": { "name": "--pf-v6-c-calendar-month__date--hover--BorderColor", "value": "#4394e5", "values": [ "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_calendar_month__date_focus_Color": { "name": "--pf-v6-c-calendar-month__date--focus--Color", "value": "#ffffff", "values": [ "--pf-t--global--icon--color--on-brand--clicked", "--pf-t--global--icon--color--inverse", "--pf-t--global--icon--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_calendar_month__date_focus_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--focus--BackgroundColor", "value": "#0066cc", "values": [ "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__date_focus_after_BorderColor": { "name": "--pf-v6-c-calendar-month__date--focus--after--BorderColor", "value": "#4394e5", "values": [ "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_calendar_month__date_after_focus_OutlineOffset": { "name": "--pf-v6-c-calendar-month__date--after--focus--OutlineOffset", "value": "-2px" } }, ".pf-v6-c-calendar-month__dates-row:first-child": { "c_calendar_month__dates_cell_PaddingBlockStart": { "name": "--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart", "value": "0.5rem", "values": [ "--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart", "--pf-t--global--spacer--sm", "--pf-t--global--spacer--200", "0.5rem" ] } }, ".pf-v6-c-calendar-month__dates-cell": { "c_calendar_month__dates_cell_before_InsetBlockStart": { "name": "--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart", "value": "0.125rem", "values": [ "--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart", "0.125rem" ] } }, ".pf-v6-c-calendar-month__dates-cell.pf-m-current": { "c_calendar_month__date_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] } }, ".pf-v6-c-calendar-month__dates-cell.pf-m-in-range": { "c_calendar_month__dates_cell_before_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_calendar_month__date_hover_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--hover--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] }, "c_calendar_month__date_hover_BorderWidth": { "name": "--pf-v6-c-calendar-month__date--hover--BorderWidth", "value": "1px", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth", "--pf-t--global--border--width--regular", "--pf-t--global--border--width--100", "1px" ] }, "c_calendar_month__date_hover_BorderColor": { "name": "--pf-v6-c-calendar-month__date--hover--BorderColor", "value": "#4394e5", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] }, "c_calendar_month__date_focus_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--focus--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] } }, ".pf-v6-c-calendar-month__dates-cell.pf-m-start-range": { "c_calendar_month__dates_cell_before_InsetInlineStart": { "name": "--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart", "value": "50%", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart", "50%" ] } }, ".pf-v6-c-calendar-month__dates-cell.pf-m-end-range": { "c_calendar_month__dates_cell_before_InsetInlineEnd": { "name": "--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd", "value": "50%", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd", "50%" ] } }, ".pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month": { "c_calendar_month__date_Color": { "name": "--pf-v6-c-calendar-month__date--Color", "value": "#4d4d4d", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color", "--pf-t--global--text--color--subtle", "--pf-t--global--text--color--200", "--pf-t--color--gray--60", "#4d4d4d" ] } }, ".pf-v6-c-calendar-month__dates-cell.pf-m-selected": { "c_calendar_month__date_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--BackgroundColor", "value": "#0066cc", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__date_Color": { "name": "--pf-v6-c-calendar-month__date--Color", "value": "#ffffff", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color", "--pf-t--global--text--color--on-brand--default", "--pf-t--global--text--color--inverse", "--pf-t--global--text--color--300", "--pf-t--color--white", "#ffffff" ] }, "c_calendar_month__date_hover_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--hover--BackgroundColor", "value": "#0066cc", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__date_hover_BorderWidth": { "name": "--pf-v6-c-calendar-month__date--hover--BorderWidth", "value": "0" }, "c_calendar_month__date_focus_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--focus--BackgroundColor", "value": "#0066cc", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__date_focus_after_BorderColor": { "name": "--pf-v6-c-calendar-month__date--focus--after--BorderColor", "value": "#0066cc", "values": [ "--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor", "--pf-t--global--border--color--brand--default", "--pf-t--global--color--brand--default", "--pf-t--global--color--brand--200", "--pf-t--color--blue--50", "#0066cc" ] }, "c_calendar_month__date_after_OutlineOffset": { "name": "--pf-v6-c-calendar-month__date--after--OutlineOffset", "value": "-2px", "values": [ "--pf-v6-c-calendar-month__date--after--focus--OutlineOffset", "-2px" ] } }, ".pf-v6-c-calendar-month__dates-cell.pf-m-disabled": { "c_calendar_month__dates_cell_before_BackgroundColor": { "name": "--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor", "value": "transparent" }, "c_calendar_month__date_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--BackgroundColor", "value": "transparent" } }, ".pf-v6-c-calendar-month__date:hover": { "c_calendar_month__date_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--BackgroundColor", "value": "#f2f2f2", "values": [ "--pf-v6-c-calendar-month__date--hover--BackgroundColor", "--pf-t--global--background--color--secondary--default", "--pf-t--global--background--color--200", "--pf-t--color--gray--10", "#f2f2f2" ] } }, ".pf-v6-c-calendar-month__date:focus": { "c_calendar_month__date_after_BorderColor": { "name": "--pf-v6-c-calendar-month__date--after--BorderColor", "value": "#4394e5", "values": [ "--pf-v6-c-calendar-month__date--focus--after--BorderColor", "--pf-t--global--border--color--hover", "--pf-t--global--color--brand--100", "--pf-t--color--blue--40", "#4394e5" ] } }, ".pf-v6-c-calendar-month__date:disabled": { "c_calendar_month__date_BackgroundColor": { "name": "--pf-v6-c-calendar-month__date--BackgroundColor", "value": "#c7c7c7", "values": [ "--pf-v6-c-calendar-month__date--disabled--BackgroundColor", "--pf-t--global--background--color--disabled--default", "--pf-t--global--color--disabled--100", "--pf-t--color--gray--30", "#c7c7c7" ] }, "c_calendar_month__date_Color": { "name": "--pf-v6-c-calendar-month__date--Color", "value": "#4d4d4d", "values": [ "--pf-v6-c-calendar-month__date--disabled--Color", "--pf-t--global--text--color--on-disabled", "--pf-t--global--color--disabled--300", "--pf-t--color--gray--60", "#4d4d4d" ] }, "c_calendar_month__date_hover_focus_BorderColor": { "name": "--pf-v6-c-calendar-month__date--hover--focus--BorderColor", "value": "transparent" } } }; export default c_calendar_month;