@patternfly/react-tokens
Version:
This library provides access to the design tokens of PatternFly 4 from JavaScript
460 lines • 16.8 kB
TypeScript
export const c_pagination: {
".pf-v6-c-pagination": {
"c_pagination_inset": {
"name": "--pf-v6-c-pagination--inset",
"value": "0"
},
"c_pagination_ColumnGap": {
"name": "--pf-v6-c-pagination--ColumnGap",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_pagination_m_page_insets_inset": {
"name": "--pf-v6-c-pagination--m-page-insets--inset",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_pagination__nav_Display": {
"name": "--pf-v6-c-pagination__nav--Display",
"value": "none"
},
"c_pagination_m_display_summary__nav_Display": {
"name": "--pf-v6-c-pagination--m-display-summary__nav--Display",
"value": "none"
},
"c_pagination_m_display_full__nav_Display": {
"name": "--pf-v6-c-pagination--m-display-full__nav--Display",
"value": "inline-flex"
},
"c_pagination__nav_ColumnGap": {
"name": "--pf-v6-c-pagination__nav--ColumnGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination__nav_page_select_FontSize": {
"name": "--pf-v6-c-pagination__nav-page-select--FontSize",
"value": "0.875rem",
"values": [
"--pf-t--global--font--size--body--default",
"--pf-t--global--font--size--sm",
"--pf-t--global--font--size--200",
"0.875rem"
]
},
"c_pagination__nav_page_select_ColumnGap": {
"name": "--pf-v6-c-pagination__nav-page-select--ColumnGap",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination__nav_page_select_c_form_control_width_base": {
"name": "--pf-v6-c-pagination__nav-page-select--c-form-control--width-base",
"value": "calc(1rem + 1rem + 1px * 2)",
"values": [
"calc(--pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--border--width--control--default * 2)",
"calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--border--width--100 * 2)",
"calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + 1px * 2)",
"calc(1rem + 1rem + 1px * 2)"
]
},
"c_pagination__nav_page_select_c_form_control_width_chars": {
"name": "--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars",
"value": "2"
},
"c_pagination__nav_page_select_c_form_control_Width": {
"name": "--pf-v6-c-pagination__nav-page-select--c-form-control--Width",
"value": "calc(calc(1rem + 1rem + 1px * 2) + (2 * 1ch))",
"values": [
"calc(--pf-v6-c-pagination__nav-page-select--c-form-control--width-base + (--pf-v6-c-pagination__nav-page-select--c-form-control--width-chars * 1ch))",
"calc(calc(--pf-t--global--spacer--control--horizontal--default + --pf-t--global--spacer--control--horizontal--default + --pf-t--global--border--width--control--default * 2) + (2 * 1ch))",
"calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + --pf-t--global--border--width--100 * 2) + (2 * 1ch))",
"calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + 1px * 2) + (2 * 1ch))",
"calc(calc(1rem + 1rem + 1px * 2) + (2 * 1ch))"
]
},
"c_pagination__total_items_Display": {
"name": "--pf-v6-c-pagination__total-items--Display",
"value": "block"
},
"c_pagination_m_display_summary__total_items_Display": {
"name": "--pf-v6-c-pagination--m-display-summary__total-items--Display",
"value": "block"
},
"c_pagination_m_display_full__total_items_Display": {
"name": "--pf-v6-c-pagination--m-display-full__total-items--Display",
"value": "none"
},
"c_pagination_m_sticky_BackgroundColor": {
"name": "--pf-v6-c-pagination--m-sticky--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_pagination_m_sticky_BoxShadow": {
"name": "--pf-v6-c-pagination--m-sticky--BoxShadow",
"value": "0px\n 4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--sm--bottom",
"--pf-t--global--box-shadow--X--sm--bottom\n --pf-t--global--box-shadow--Y--sm--bottom\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--directional\n --pf-t--global--box-shadow--color--sm--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--600\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200",
"0px\n 4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_pagination_m_sticky_PaddingBlockStart": {
"name": "--pf-v6-c-pagination--m-sticky--PaddingBlockStart",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_pagination_m_sticky_PaddingBlockEnd": {
"name": "--pf-v6-c-pagination--m-sticky--PaddingBlockEnd",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
},
"c_pagination_m_sticky_PaddingInlineStart": {
"name": "--pf-v6-c-pagination--m-sticky--PaddingInlineStart",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_pagination_m_sticky_PaddingInlineEnd": {
"name": "--pf-v6-c-pagination--m-sticky--PaddingInlineEnd",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
},
"c_pagination_m_sticky_ZIndex": {
"name": "--pf-v6-c-pagination--m-sticky--ZIndex",
"value": "100",
"values": [
"--pf-t--global--z-index--xs",
"--pf-t--global--z-index--100",
"100"
]
},
"c_pagination_m_sticky_InsetBlockStart": {
"name": "--pf-v6-c-pagination--m-sticky--InsetBlockStart",
"value": "0"
},
"c_pagination_m_bottom_BackgroundColor": {
"name": "--pf-v6-c-pagination--m-bottom--BackgroundColor",
"value": "#ffffff",
"values": [
"--pf-t--global--background--color--primary--default",
"--pf-t--global--background--color--100",
"--pf-t--color--white",
"#ffffff"
]
},
"c_pagination_m_bottom_BoxShadow": {
"name": "--pf-v6-c-pagination--m-bottom--BoxShadow",
"value": "0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--sm--top",
"--pf-t--global--box-shadow--X--sm--top\n --pf-t--global--box-shadow--Y--sm--top\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--directional\n --pf-t--global--box-shadow--color--sm--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--200\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200",
"0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_pagination_m_bottom_m_sticky_BoxShadow": {
"name": "--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow",
"value": "0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-t--global--box-shadow--sm--top",
"--pf-t--global--box-shadow--X--sm--top\n --pf-t--global--box-shadow--Y--sm--top\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--directional\n --pf-t--global--box-shadow--color--sm--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--200\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200",
"0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_pagination_m_bottom_InsetBlockEnd": {
"name": "--pf-v6-c-pagination--m-bottom--InsetBlockEnd",
"value": "0"
},
"c_pagination_m_bottom_m_sticky_PaddingBlockStart": {
"name": "--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination_m_bottom_m_sticky_PaddingBlockEnd": {
"name": "--pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination_m_bottom_m_sticky_PaddingInlineStart": {
"name": "--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination_m_bottom_m_sticky_PaddingInlineEnd": {
"name": "--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination_m_bottom_m_static_PaddingBlockStart": {
"name": "--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--gap--group--vertical",
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination_m_bottom_m_static_PaddingBlockEnd": {
"name": "--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd",
"value": "0"
},
"c_pagination_m_bottom_m_static_PaddingInlineStart": {
"name": "--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination_m_bottom_m_static_PaddingInlineEnd": {
"name": "--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
},
"c_pagination__page_menu_Display_base": {
"name": "--pf-v6-c-pagination__page-menu--Display--base",
"value": "block"
},
"c_pagination__page_menu_Display": {
"name": "--pf-v6-c-pagination__page-menu--Display",
"value": "none"
},
"c_pagination_m_display_summary__page_menu_Display": {
"name": "--pf-v6-c-pagination--m-display-summary__page-menu--Display",
"value": "none"
},
"c_pagination_m_display_full__page_menu_Display": {
"name": "--pf-v6-c-pagination--m-display-full__page-menu--Display",
"value": "block",
"values": [
"--pf-v6-c-pagination__page-menu--Display--base",
"block"
]
},
"c_pagination_m_bottom__page_menu_Display": {
"name": "--pf-v6-c-pagination--m-bottom__page-menu--Display",
"value": "block",
"values": [
"--pf-v6-c-pagination__page-menu--Display--base",
"block"
]
},
"c_pagination__page_menu_md_Display": {
"name": "--pf-v6-c-pagination__page-menu--md--Display",
"value": "block",
"values": [
"--pf-v6-c-pagination__page-menu--Display--base",
"block"
]
}
},
".pf-v6-c-pagination.pf-m-bottom": {
"c_pagination_m_sticky_BoxShadow": {
"name": "--pf-v6-c-pagination--m-sticky--BoxShadow",
"value": "0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)",
"values": [
"--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow",
"--pf-t--global--box-shadow--sm--top",
"--pf-t--global--box-shadow--X--sm--top\n --pf-t--global--box-shadow--Y--sm--top\n --pf-t--global--box-shadow--blur--sm\n --pf-t--global--box-shadow--spread--sm--directional\n --pf-t--global--box-shadow--color--sm--directional",
"--pf-t--global--box-shadow--X--400\n --pf-t--global--box-shadow--Y--200\n --pf-t--global--box-shadow--blur--100\n --pf-t--global--box-shadow--spread--200\n --pf-t--global--box-shadow--color--200",
"0px\n -4px\n 4px\n -4px\n rgba(41, 41, 41, 0.2000)"
]
},
"c_pagination_m_sticky_InsetBlockStart": {
"name": "--pf-v6-c-pagination--m-sticky--InsetBlockStart",
"value": "auto"
}
},
".pf-v6-c-pagination.pf-m-sticky": {
"c_pagination_m_bottom_InsetBlockEnd": {
"name": "--pf-v6-c-pagination--m-bottom--InsetBlockEnd",
"value": "0"
}
},
".pf-v6-c-pagination.pf-m-page-insets": {
"c_pagination_inset": {
"name": "--pf-v6-c-pagination--inset",
"value": "1.5rem",
"values": [
"--pf-v6-c-pagination--m-page-insets--inset",
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
}
},
".pf-v6-c-pagination.pf-m-display-summary": {
"c_pagination__nav_Display": {
"name": "--pf-v6-c-pagination__nav--Display",
"value": "none",
"values": [
"--pf-v6-c-pagination--m-display-summary__nav--Display",
"none"
]
},
"c_pagination__page_menu_Display": {
"name": "--pf-v6-c-pagination__page-menu--Display",
"value": "none",
"values": [
"--pf-v6-c-pagination--m-display-summary__page-menu--Display",
"none"
]
},
"c_pagination__total_items_Display": {
"name": "--pf-v6-c-pagination__total-items--Display",
"value": "block",
"values": [
"--pf-v6-c-pagination--m-display-summary__total-items--Display",
"block"
]
}
},
".pf-v6-c-pagination.pf-m-display-full": {
"c_pagination__nav_Display": {
"name": "--pf-v6-c-pagination__nav--Display",
"value": "inline-flex",
"values": [
"--pf-v6-c-pagination--m-display-full__nav--Display",
"inline-flex"
]
},
"c_pagination__page_menu_Display": {
"name": "--pf-v6-c-pagination__page-menu--Display",
"value": "block",
"values": [
"--pf-v6-c-pagination--m-display-full__page-menu--Display",
"--pf-v6-c-pagination__page-menu--Display--base",
"block"
]
},
"c_pagination__total_items_Display": {
"name": "--pf-v6-c-pagination__total-items--Display",
"value": "none",
"values": [
"--pf-v6-c-pagination--m-display-full__total-items--Display",
"none"
]
}
},
".pf-v6-c-pagination.pf-m-inset-none": {
"c_pagination_inset": {
"name": "--pf-v6-c-pagination--inset",
"value": "0"
}
},
".pf-v6-c-pagination.pf-m-inset-sm": {
"c_pagination_inset": {
"name": "--pf-v6-c-pagination--inset",
"value": "0.5rem",
"values": [
"--pf-t--global--spacer--sm",
"--pf-t--global--spacer--200",
"0.5rem"
]
}
},
".pf-v6-c-pagination.pf-m-inset-md": {
"c_pagination_inset": {
"name": "--pf-v6-c-pagination--inset",
"value": "1rem",
"values": [
"--pf-t--global--spacer--md",
"--pf-t--global--spacer--300",
"1rem"
]
}
},
".pf-v6-c-pagination.pf-m-inset-lg": {
"c_pagination_inset": {
"name": "--pf-v6-c-pagination--inset",
"value": "1.5rem",
"values": [
"--pf-t--global--spacer--lg",
"--pf-t--global--spacer--400",
"1.5rem"
]
}
},
".pf-v6-c-pagination.pf-m-inset-xl": {
"c_pagination_inset": {
"name": "--pf-v6-c-pagination--inset",
"value": "2rem",
"values": [
"--pf-t--global--spacer--xl",
"--pf-t--global--spacer--500",
"2rem"
]
}
},
".pf-v6-c-pagination.pf-m-inset-2xl": {
"c_pagination_inset": {
"name": "--pf-v6-c-pagination--inset",
"value": "3rem",
"values": [
"--pf-t--global--spacer--2xl",
"--pf-t--global--spacer--600",
"3rem"
]
}
}
};
export default c_pagination;