@patternfly/react-tokens/dist/esm/c_button.js

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

export const c_button = {
  ".pf-v6-c-button": {
    "c_button_Display": {
      "name": "--pf-v6-c-button--Display",
      "value": "inline-flex"
    },
    "c_button_AlignItems": {
      "name": "--pf-v6-c-button--AlignItems",
      "value": "baseline"
    },
    "c_button_JustifyContent": {
      "name": "--pf-v6-c-button--JustifyContent",
      "value": "center"
    },
    "c_button_Gap": {
      "name": "--pf-v6-c-button--Gap",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--gap--text-to-element--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_MinWidth": {
      "name": "--pf-v6-c-button--MinWidth",
      "value": "calc(1em * 1.5 + 0.25rem + 0.25rem)",
      "values": [
        "calc(1em * --pf-v6-c-button--LineHeight + --pf-v6-c-button--PaddingBlockStart + --pf-v6-c-button--PaddingBlockEnd)",
        "calc(1em * --pf-t--global--font--line-height--body + --pf-v6-c-back-to-top--c-button--PaddingBlockStart + --pf-v6-c-back-to-top--c-button--PaddingBlockEnd)",
        "calc(1em * --pf-t--global--font--line-height--200 + --pf-t--global--spacer--xs + --pf-t--global--spacer--xs)",
        "calc(1em * 1.5 + --pf-t--global--spacer--100 + --pf-t--global--spacer--100)",
        "calc(1em * 1.5 + 0.25rem + 0.25rem)"
      ]
    },
    "c_button_PaddingBlockStart": {
      "name": "--pf-v6-c-button--PaddingBlockStart",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--control--vertical--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_PaddingInlineEnd": {
      "name": "--pf-v6-c-button--PaddingInlineEnd",
      "value": "1.5rem",
      "values": [
        "--pf-t--global--spacer--action--horizontal--default",
        "--pf-t--global--spacer--lg",
        "--pf-t--global--spacer--400",
        "1.5rem"
      ]
    },
    "c_button_PaddingBlockEnd": {
      "name": "--pf-v6-c-button--PaddingBlockEnd",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--control--vertical--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_PaddingInlineStart": {
      "name": "--pf-v6-c-button--PaddingInlineStart",
      "value": "1.5rem",
      "values": [
        "--pf-t--global--spacer--action--horizontal--default",
        "--pf-t--global--spacer--lg",
        "--pf-t--global--spacer--400",
        "1.5rem"
      ]
    },
    "c_button_Color": {
      "name": "--pf-v6-c-button--Color",
      "value": "#151515",
      "values": [
        "--pf-t--global--text--color--regular",
        "--pf-t--global--text--color--100",
        "--pf-t--color--gray--95",
        "#151515"
      ]
    },
    "c_button_LineHeight": {
      "name": "--pf-v6-c-button--LineHeight",
      "value": "1.5",
      "values": [
        "--pf-t--global--font--line-height--body",
        "--pf-t--global--font--line-height--200",
        "1.5"
      ]
    },
    "c_button_FontWeight": {
      "name": "--pf-v6-c-button--FontWeight",
      "value": "400",
      "values": [
        "--pf-t--global--font--weight--body--default",
        "--pf-t--global--font--weight--100",
        "400"
      ]
    },
    "c_button_FontSize": {
      "name": "--pf-v6-c-button--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_button_BackgroundColor": {
      "name": "--pf-v6-c-button--BackgroundColor",
      "value": "transparent"
    },
    "c_button_BorderColor": {
      "name": "--pf-v6-c-button--BorderColor",
      "value": "transparent"
    },
    "c_button_BorderWidth": {
      "name": "--pf-v6-c-button--BorderWidth",
      "value": "1px",
      "values": [
        "--pf-t--global--border--width--action--default",
        "--pf-t--global--border--width--100",
        "1px"
      ]
    },
    "c_button_BorderRadius": {
      "name": "--pf-v6-c-button--BorderRadius",
      "value": "999px",
      "values": [
        "--pf-t--global--border--radius--pill",
        "--pf-t--global--border--radius--500",
        "999px"
      ]
    },
    "c_button_TextDecorationLine": {
      "name": "--pf-v6-c-button--TextDecorationLine",
      "value": "none"
    },
    "c_button_TextDecorationStyle": {
      "name": "--pf-v6-c-button--TextDecorationStyle",
      "value": "none"
    },
    "c_button_TransitionDuration": {
      "name": "--pf-v6-c-button--TransitionDuration",
      "value": "200ms",
      "values": [
        "--pf-t--global--motion--duration--fade--default",
        "--pf-t--global--motion--duration--md",
        "--pf-t--global--duration--200",
        "200ms"
      ]
    },
    "c_button_TransitionTimingFunction": {
      "name": "--pf-v6-c-button--TransitionTimingFunction",
      "value": "cubic-bezier(.4, 0, .2, 1)",
      "values": [
        "--pf-t--global--motion--timing-function--default",
        "--pf-t--global--timing-function--200",
        "cubic-bezier(.4, 0, .2, 1)"
      ]
    },
    "c_button_TransitionProperty": {
      "name": "--pf-v6-c-button--TransitionProperty",
      "value": "color, background-color, border-width, border-color, padding"
    },
    "c_button_hover_BackgroundColor": {
      "name": "--pf-v6-c-button--hover--BackgroundColor",
      "value": "transparent"
    },
    "c_button_hover_BorderColor": {
      "name": "--pf-v6-c-button--hover--BorderColor",
      "value": "transparent"
    },
    "c_button_hover_BorderWidth": {
      "name": "--pf-v6-c-button--hover--BorderWidth",
      "value": "2px",
      "values": [
        "--pf-t--global--border--width--action--hover",
        "--pf-t--global--border--width--200",
        "2px"
      ]
    },
    "c_button_hover_TextDecorationLine": {
      "name": "--pf-v6-c-button--hover--TextDecorationLine",
      "value": "none"
    },
    "c_button_hover_TextDecorationStyle": {
      "name": "--pf-v6-c-button--hover--TextDecorationStyle",
      "value": "none"
    },
    "c_button_m_clicked_BackgroundColor": {
      "name": "--pf-v6-c-button--m-clicked--BackgroundColor",
      "value": "transparent"
    },
    "c_button_m_clicked_BorderColor": {
      "name": "--pf-v6-c-button--m-clicked--BorderColor",
      "value": "transparent"
    },
    "c_button_m_clicked_BorderWidth": {
      "name": "--pf-v6-c-button--m-clicked--BorderWidth",
      "value": "2px",
      "values": [
        "--pf-t--global--border--width--action--clicked",
        "--pf-t--global--border--width--200",
        "2px"
      ]
    },
    "c_button_m_primary_Color": {
      "name": "--pf-v6-c-button--m-primary--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_button_m_primary_BackgroundColor": {
      "name": "--pf-v6-c-button--m-primary--BackgroundColor",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--color--brand--default",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_primary__icon_Color": {
      "name": "--pf-v6-c-button--m-primary__icon--Color",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--icon--color--on-brand--default",
        "--pf-t--global--icon--color--inverse",
        "--pf-t--global--icon--color--300",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_primary_hover_Color": {
      "name": "--pf-v6-c-button--m-primary--hover--Color",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--text--color--on-brand--hover",
        "--pf-t--global--text--color--inverse",
        "--pf-t--global--text--color--300",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_primary_hover_BackgroundColor": {
      "name": "--pf-v6-c-button--m-primary--hover--BackgroundColor",
      "value": "#004d99",
      "values": [
        "--pf-t--global--color--brand--hover",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_primary_hover__icon_Color": {
      "name": "--pf-v6-c-button--m-primary--hover__icon--Color",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--icon--color--on-brand--hover",
        "--pf-t--global--icon--color--inverse",
        "--pf-t--global--icon--color--300",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_primary_m_clicked_Color": {
      "name": "--pf-v6-c-button--m-primary--m-clicked--Color",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--text--color--on-brand--clicked",
        "--pf-t--global--text--color--inverse",
        "--pf-t--global--text--color--300",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_primary_m_clicked_BackgroundColor": {
      "name": "--pf-v6-c-button--m-primary--m-clicked--BackgroundColor",
      "value": "#004d99",
      "values": [
        "--pf-t--global--color--brand--clicked",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_primary_m_clicked__icon_Color": {
      "name": "--pf-v6-c-button--m-primary--m-clicked__icon--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_button_m_secondary_Color": {
      "name": "--pf-v6-c-button--m-secondary--Color",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--text--color--brand--default",
        "--pf-t--global--color--brand--default",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_secondary_BorderColor": {
      "name": "--pf-v6-c-button--m-secondary--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_button_m_secondary_TransitionDuration": {
      "name": "--pf-v6-c-button--m-secondary--TransitionDuration",
      "value": "100ms",
      "values": [
        "--pf-t--global--motion--duration--fade--short",
        "--pf-t--global--motion--duration--sm",
        "--pf-t--global--duration--100",
        "100ms"
      ]
    },
    "c_button_m_secondary__icon_Color": {
      "name": "--pf-v6-c-button--m-secondary__icon--Color",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--icon--color--brand--default",
        "--pf-t--global--color--brand--default",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_secondary_hover_Color": {
      "name": "--pf-v6-c-button--m-secondary--hover--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--text--color--brand--hover",
        "--pf-t--global--color--brand--hover",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_secondary_hover_BorderColor": {
      "name": "--pf-v6-c-button--m-secondary--hover--BorderColor",
      "value": "#004d99",
      "values": [
        "--pf-t--global--border--color--brand--hover",
        "--pf-t--global--color--brand--hover",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_secondary_hover__icon_Color": {
      "name": "--pf-v6-c-button--m-secondary--hover__icon--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--icon--color--brand--hover",
        "--pf-t--global--color--brand--hover",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_secondary_m_clicked_Color": {
      "name": "--pf-v6-c-button--m-secondary--m-clicked--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--text--color--brand--clicked",
        "--pf-t--global--color--brand--clicked",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_secondary_m_clicked_BorderColor": {
      "name": "--pf-v6-c-button--m-secondary--m-clicked--BorderColor",
      "value": "#004d99",
      "values": [
        "--pf-t--global--border--color--brand--clicked",
        "--pf-t--global--color--brand--clicked",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_secondary_m_clicked__icon_Color": {
      "name": "--pf-v6-c-button--m-secondary--m-clicked__icon--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--icon--color--brand--clicked",
        "--pf-t--global--color--brand--clicked",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_secondary_m_danger_Color": {
      "name": "--pf-v6-c-button--m-secondary--m-danger--Color",
      "value": "#b1380b",
      "values": [
        "--pf-t--global--text--color--status--danger--default",
        "--pf-t--global--color--status--danger--default",
        "--pf-t--global--color--status--danger--100",
        "--pf-t--color--red-orange--60",
        "#b1380b"
      ]
    },
    "c_button_m_secondary_m_danger_BorderColor": {
      "name": "--pf-v6-c-button--m-secondary--m-danger--BorderColor",
      "value": "#b1380b",
      "values": [
        "--pf-t--global--border--color--status--danger--default",
        "--pf-t--global--color--status--danger--default",
        "--pf-t--global--color--status--danger--100",
        "--pf-t--color--red-orange--60",
        "#b1380b"
      ]
    },
    "c_button_m_secondary_m_danger__icon_Color": {
      "name": "--pf-v6-c-button--m-secondary--m-danger__icon--Color",
      "value": "#b1380b",
      "values": [
        "--pf-t--global--icon--color--status--danger--default",
        "--pf-t--global--color--status--danger--default",
        "--pf-t--global--color--status--danger--100",
        "--pf-t--color--red-orange--60",
        "#b1380b"
      ]
    },
    "c_button_m_secondary_m_danger_hover_Color": {
      "name": "--pf-v6-c-button--m-secondary--m-danger--hover--Color",
      "value": "#731f00",
      "values": [
        "--pf-t--global--text--color--status--danger--hover",
        "--pf-t--global--color--status--danger--hover",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_secondary_m_danger_hover_BorderColor": {
      "name": "--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor",
      "value": "#731f00",
      "values": [
        "--pf-t--global--border--color--status--danger--hover",
        "--pf-t--global--color--status--danger--hover",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_secondary_m_danger_hover__icon_Color": {
      "name": "--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color",
      "value": "#731f00",
      "values": [
        "--pf-t--global--icon--color--status--danger--hover",
        "--pf-t--global--color--status--danger--hover",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_secondary_m_danger_m_clicked_Color": {
      "name": "--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color",
      "value": "#731f00",
      "values": [
        "--pf-t--global--text--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_secondary_m_danger_m_clicked_BorderColor": {
      "name": "--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor",
      "value": "#731f00",
      "values": [
        "--pf-t--global--border--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_secondary_m_danger_m_clicked__icon_Color": {
      "name": "--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color",
      "value": "#731f00",
      "values": [
        "--pf-t--global--icon--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_tertiary_Color": {
      "name": "--pf-v6-c-button--m-tertiary--Color",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--text--color--brand--default",
        "--pf-t--global--color--brand--default",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_tertiary_BorderColor": {
      "name": "--pf-v6-c-button--m-tertiary--BorderColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-t--global--border--color--default",
        "--pf-t--global--border--color--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_button_m_tertiary_TransitionDuration": {
      "name": "--pf-v6-c-button--m-tertiary--TransitionDuration",
      "value": "100ms",
      "values": [
        "--pf-t--global--motion--duration--fade--short",
        "--pf-t--global--motion--duration--sm",
        "--pf-t--global--duration--100",
        "100ms"
      ]
    },
    "c_button_m_tertiary__icon_Color": {
      "name": "--pf-v6-c-button--m-tertiary__icon--Color",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--icon--color--brand--default",
        "--pf-t--global--color--brand--default",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_tertiary_hover_Color": {
      "name": "--pf-v6-c-button--m-tertiary--hover--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--text--color--brand--hover",
        "--pf-t--global--color--brand--hover",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_tertiary_hover_BorderColor": {
      "name": "--pf-v6-c-button--m-tertiary--hover--BorderColor",
      "value": "#4394e5",
      "values": [
        "--pf-t--global--border--color--hover",
        "--pf-t--global--color--brand--100",
        "--pf-t--color--blue--40",
        "#4394e5"
      ]
    },
    "c_button_m_tertiary_hover__icon_Color": {
      "name": "--pf-v6-c-button--m-tertiary--hover__icon--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--icon--color--brand--hover",
        "--pf-t--global--color--brand--hover",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_tertiary_m_clicked_Color": {
      "name": "--pf-v6-c-button--m-tertiary--m-clicked--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--text--color--brand--clicked",
        "--pf-t--global--color--brand--clicked",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_tertiary_m_clicked_BorderColor": {
      "name": "--pf-v6-c-button--m-tertiary--m-clicked--BorderColor",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--border--color--clicked",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_tertiary_m_clicked__icon_Color": {
      "name": "--pf-v6-c-button--m-tertiary--m-clicked__icon--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--icon--color--brand--clicked",
        "--pf-t--global--color--brand--clicked",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_link_BorderRadius": {
      "name": "--pf-v6-c-button--m-link--BorderRadius",
      "value": "6px",
      "values": [
        "--pf-t--global--border--radius--small",
        "--pf-t--global--border--radius--200",
        "6px"
      ]
    },
    "c_button_m_link_PaddingInlineEnd": {
      "name": "--pf-v6-c-button--m-link--PaddingInlineEnd",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--action--horizontal--plain--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_m_link_PaddingInlineStart": {
      "name": "--pf-v6-c-button--m-link--PaddingInlineStart",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--action--horizontal--plain--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_m_link_Color": {
      "name": "--pf-v6-c-button--m-link--Color",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--text--color--brand--default",
        "--pf-t--global--color--brand--default",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_link_BackgroundColor": {
      "name": "--pf-v6-c-button--m-link--BackgroundColor",
      "value": "rgba(255, 255, 255, 0.0000)",
      "values": [
        "--pf-t--global--background--color--action--plain--default",
        "rgba(255, 255, 255, 0.0000)"
      ]
    },
    "c_button_m_link__icon_Color": {
      "name": "--pf-v6-c-button--m-link__icon--Color",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--icon--color--brand--default",
        "--pf-t--global--color--brand--default",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_link_hover_Color": {
      "name": "--pf-v6-c-button--m-link--hover--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--text--color--brand--hover",
        "--pf-t--global--color--brand--hover",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_link_hover_BackgroundColor": {
      "name": "--pf-v6-c-button--m-link--hover--BackgroundColor",
      "value": "rgba(199, 199, 199, 0.2500)",
      "values": [
        "--pf-t--global--background--color--action--plain--hover",
        "--pf-t--global--background--color--600",
        "rgba(199, 199, 199, 0.2500)"
      ]
    },
    "c_button_m_link_hover__icon_Color": {
      "name": "--pf-v6-c-button--m-link--hover__icon--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--text--color--brand--hover",
        "--pf-t--global--color--brand--hover",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_link_m_clicked_Color": {
      "name": "--pf-v6-c-button--m-link--m-clicked--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--text--color--brand--clicked",
        "--pf-t--global--color--brand--clicked",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_link_m_clicked_BackgroundColor": {
      "name": "--pf-v6-c-button--m-link--m-clicked--BackgroundColor",
      "value": "rgba(199, 199, 199, 0.2500)",
      "values": [
        "--pf-t--global--background--color--action--plain--clicked",
        "--pf-t--global--background--color--600",
        "rgba(199, 199, 199, 0.2500)"
      ]
    },
    "c_button_m_link_m_clicked__icon_Color": {
      "name": "--pf-v6-c-button--m-link--m-clicked__icon--Color",
      "value": "#004d99",
      "values": [
        "--pf-t--global--text--color--brand--clicked",
        "--pf-t--global--color--brand--clicked",
        "--pf-t--global--color--brand--300",
        "--pf-t--color--blue--60",
        "#004d99"
      ]
    },
    "c_button_m_link_m_danger_Color": {
      "name": "--pf-v6-c-button--m-link--m-danger--Color",
      "value": "#b1380b",
      "values": [
        "--pf-t--global--text--color--status--danger--default",
        "--pf-t--global--color--status--danger--default",
        "--pf-t--global--color--status--danger--100",
        "--pf-t--color--red-orange--60",
        "#b1380b"
      ]
    },
    "c_button_m_link_m_danger_BackgroundColor": {
      "name": "--pf-v6-c-button--m-link--m-danger--BackgroundColor",
      "value": "rgba(255, 255, 255, 0.0000)",
      "values": [
        "--pf-t--global--background--color--action--plain--default",
        "rgba(255, 255, 255, 0.0000)"
      ]
    },
    "c_button_m_link_m_danger__icon_Color": {
      "name": "--pf-v6-c-button--m-link--m-danger__icon--Color",
      "value": "#b1380b",
      "values": [
        "--pf-t--global--text--color--status--danger--default",
        "--pf-t--global--color--status--danger--default",
        "--pf-t--global--color--status--danger--100",
        "--pf-t--color--red-orange--60",
        "#b1380b"
      ]
    },
    "c_button_m_link_m_danger_hover_Color": {
      "name": "--pf-v6-c-button--m-link--m-danger--hover--Color",
      "value": "#731f00",
      "values": [
        "--pf-t--global--text--color--status--danger--hover",
        "--pf-t--global--color--status--danger--hover",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_link_m_danger_hover_BackgroundColor": {
      "name": "--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor",
      "value": "rgba(199, 199, 199, 0.2500)",
      "values": [
        "--pf-t--global--background--color--action--plain--hover",
        "--pf-t--global--background--color--600",
        "rgba(199, 199, 199, 0.2500)"
      ]
    },
    "c_button_m_link_m_danger_hover__icon_Color": {
      "name": "--pf-v6-c-button--m-link--m-danger--hover__icon--Color",
      "value": "#731f00",
      "values": [
        "--pf-t--global--text--color--status--danger--hover",
        "--pf-t--global--color--status--danger--hover",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_link_m_danger_m_clicked_Color": {
      "name": "--pf-v6-c-button--m-link--m-danger--m-clicked--Color",
      "value": "#731f00",
      "values": [
        "--pf-t--global--text--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_link_m_danger_m_clicked_BackgroundColor": {
      "name": "--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor",
      "value": "rgba(199, 199, 199, 0.2500)",
      "values": [
        "--pf-t--global--background--color--action--plain--clicked",
        "--pf-t--global--background--color--600",
        "rgba(199, 199, 199, 0.2500)"
      ]
    },
    "c_button_m_link_m_danger_m_clicked__icon_Color": {
      "name": "--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color",
      "value": "#731f00",
      "values": [
        "--pf-t--global--text--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--clicked",
        "--pf-t--global--color--status--danger--200",
        "--pf-t--color--red-orange--70",
        "#731f00"
      ]
    },
    "c_button_m_link_m_inline_Display": {
      "name": "--pf-v6-c-button--m-link--m-inline--Display",
      "value": "inline-flex"
    },
    "c_button_m_link_m_inline_JustifyContent": {
      "name": "--pf-v6-c-button--m-link--m-inline--JustifyContent",
      "value": "flex-start"
    },
    "c_button_m_link_m_inline_FontSize": {
      "name": "--pf-v6-c-button--m-link--m-inline--FontSize",
      "value": "initial"
    },
    "c_button_m_link_m_inline_LineHeight": {
      "name": "--pf-v6-c-button--m-link--m-inline--LineHeight",
      "value": "initial"
    },
    "c_button_m_link_m_inline_FontWeight": {
      "name": "--pf-v6-c-button--m-link--m-inline--FontWeight",
      "value": "initial"
    },
    "c_button_m_link_m_inline_PaddingBlockStart": {
      "name": "--pf-v6-c-button--m-link--m-inline--PaddingBlockStart",
      "value": "0"
    },
    "c_button_m_link_m_inline_PaddingInlineEnd": {
      "name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd",
      "value": "0"
    },
    "c_button_m_link_m_inline_PaddingBlockEnd": {
      "name": "--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd",
      "value": "0"
    },
    "c_button_m_link_m_inline_PaddingInlineStart": {
      "name": "--pf-v6-c-button--m-link--m-inline--PaddingInlineStart",
      "value": "0"
    },
    "c_button_m_link_m_inline_TextDecorationLine": {
      "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationLine",
      "value": "underline",
      "values": [
        "--pf-t--global--text-decoration--link--line--default",
        "--pf-t--global--text-decoration--line--200",
        "underline"
      ]
    },
    "c_button_m_link_m_inline_TextDecorationStyle": {
      "name": "--pf-v6-c-button--m-link--m-inline--TextDecorationStyle",
      "value": "solid",
      "values": [
        "--pf-t--global--text-decoration--link--style--default",
        "--pf-t--global--text-decoration--style--100",
        "solid"
      ]
    },
    "c_button_m_link_m_inline_hover_TextDecorationLine": {
      "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine",
      "value": "underline",
      "values": [
        "--pf-t--global--text-decoration--link--line--hover",
        "--pf-t--global--text-decoration--line--200",
        "underline"
      ]
    },
    "c_button_m_link_m_inline_hover_TextDecorationStyle": {
      "name": "--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle",
      "value": "solid",
      "values": [
        "--pf-t--global--text-decoration--link--style--hover",
        "--pf-t--global--text-decoration--style--100",
        "solid"
      ]
    },
    "c_button_m_link_m_inline__progress_InsetInlineStart": {
      "name": "--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart",
      "value": "0.25rem",
      "values": [
        "--pf-t--global--spacer--xs",
        "--pf-t--global--spacer--100",
        "0.25rem"
      ]
    },
    "c_button_m_link_m_inline_m_in_progress_PaddingInlineStart": {
      "name": "--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart",
      "value": "calc(0.25rem + 1rem + 0.5rem)",
      "values": [
        "calc(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart + 1rem + --pf-t--global--spacer--sm)",
        "calc(--pf-t--global--spacer--xs + 1rem + --pf-t--global--spacer--200)",
        "calc(--pf-t--global--spacer--100 + 1rem + 0.5rem)",
        "calc(0.25rem + 1rem + 0.5rem)"
      ]
    },
    "c_button_m_link_m_inline_disabled_Color": {
      "name": "--pf-v6-c-button--m-link--m-inline--disabled--Color",
      "value": "#a3a3a3",
      "values": [
        "--pf-t--global--text--color--disabled",
        "--pf-t--global--color--disabled--200",
        "--pf-t--color--gray--40",
        "#a3a3a3"
      ]
    },
    "c_button_m_link_m_inline_disabled__icon_Color": {
      "name": "--pf-v6-c-button--m-link--m-inline--disabled__icon--Color",
      "value": "#a3a3a3",
      "values": [
        "--pf-t--global--icon--color--disabled",
        "--pf-t--global--color--disabled--200",
        "--pf-t--color--gray--40",
        "#a3a3a3"
      ]
    },
    "c_button_span_m_link_m_inline_Display": {
      "name": "--pf-v6-c-button--span--m-link--m-inline--Display",
      "value": "inline"
    },
    "c_button_span_m_link_m_inline__icon_m_start_MarginInlineEnd": {
      "name": "--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--gap--text-to-element--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_span_m_link_m_inline__icon_m_end_MarginInlineStart": {
      "name": "--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--gap--text-to-element--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_m_plain_BorderRadius": {
      "name": "--pf-v6-c-button--m-plain--BorderRadius",
      "value": "6px",
      "values": [
        "--pf-t--global--border--radius--small",
        "--pf-t--global--border--radius--200",
        "6px"
      ]
    },
    "c_button_m_plain_PaddingInlineEnd": {
      "name": "--pf-v6-c-button--m-plain--PaddingInlineEnd",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--action--horizontal--plain--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_m_plain_PaddingInlineStart": {
      "name": "--pf-v6-c-button--m-plain--PaddingInlineStart",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--action--horizontal--plain--default",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_button_m_plain_Color": {
      "name": "--pf-v6-c-button--m-plain--Color",
      "value": "#1f1f1f",
      "values": [
        "--pf-t--global--icon--color--regular",
        "--pf-t--global--icon--color--100",
        "--pf-t--color--gray--90",
        "#1f1f1f"
      ]
    },
    "c_button_m_plain__icon_Color": {
      "name": "--pf-v6-c-button--m-plain__icon--Color",
      "value": "#151515",
      "values": [
        "--pf-t--global--text--color--regular",
        "--pf-t--global--text--color--100",
        "--pf-t--color--gray--95",
        "#151515"
      ]
    },
    "c_button_m_plain_BackgroundColor": {
      "name": "--pf-v6-c-button--m-plain--BackgroundColor",
      "value": "rgba(255, 255, 255, 0.0000)",
      "values": [
        "--pf-t--global--background--color--action--plain--default",
        "rgba(255, 255, 255, 0.0000)"
      ]
    },
    "c_button_m_plain_hover_Color": {
      "name": "--pf-v6-c-button--m-plain--hover--Color",
      "value": "#1f1f1f",
      "values": [
        "--pf-t--global--icon--color--regular",
        "--pf-t--global--icon--color--100",
        "--pf-t--color--gray--90",
        "#1f1f1f"
      ]
    },
    "c_button_m_plain_hover_BackgroundColor": {
      "name": "--pf-v6-c-button--m-plain--hover--BackgroundColor",
      "value": "rgba(199, 199, 199, 0.2500)",
      "values": [
        "--pf-t--global--background--color--action--plain--hover",
        "--pf-t--global--background--color--600",
        "rgba(199, 199, 199, 0.2500)"
      ]
    },
    "c_button_m_plain_m_clicked_Color": {
      "name": "--pf-v6-c-button--m-plain--m-clicked--Color",
      "value": "#1f1f1f",
      "values": [
        "--pf-t--global--icon--color--regular",
        "--pf-t--global--icon--color--100",
        "--pf-t--color--gray--90",
        "#1f1f1f"
      ]
    },
    "c_button_m_plain_m_clicked_BackgroundColor": {
      "name": "--pf-v6-c-button--m-plain--m-clicked--BackgroundColor",
      "value": "rgba(199, 199, 199, 0.2500)",
      "values": [
        "--pf-t--global--background--color--action--plain--clicked",
        "--pf-t--global--background--color--600",
        "rgba(199, 199, 199, 0.2500)"
      ]
    },
    "c_button_m_plain_disabled_Color": {
      "name": "--pf-v6-c-button--m-plain--disabled--Color",
      "value": "#a3a3a3",
      "values": [
        "--pf-t--global--text--color--disabled",
        "--pf-t--global--color--disabled--200",
        "--pf-t--color--gray--40",
        "#a3a3a3"
      ]
    },
    "c_button_m_plain_disabled__icon_Color": {
      "name": "--pf-v6-c-button--m-plain--disabled__icon--Color",
      "value": "#a3a3a3",
      "values": [
        "--pf-t--global--icon--color--disabled",
        "--pf-t--global--color--disabled--200",
        "--pf-t--color--gray--40",
        "#a3a3a3"
      ]
    },
    "c_button_m_plain_disabled_BackgroundColor": {
      "name": "--pf-v6-c-button--m-plain--disabled--BackgroundColor",
      "value": "transparent"
    },
    "c_button_m_plain_m_small_PaddingInlineEnd": {
      "name": "--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd",
      "value": "0.25rem",
      "values": [
        "--pf-t--global--spacer--action--horizontal--plain--compact",
        "--pf-t--global--spacer--xs",
        "--pf-t--global--spacer--100",
        "0.25rem"
      ]
    },
    "c_button_m_plain_m_small_PaddingInlineStart": {
      "name": "--pf-v6-c-button--m-plain--m-small--PaddingInlineStart",
      "value": "0.25rem",
      "values": [
        "--pf-t--global--spacer--action--horizontal--plain--compact",
        "--pf-t--global--spacer--xs",
        "--pf-t--global--spacer--100",
        "0.25rem"
      ]
    },
    "c_button_m_plain_m_no_padding_MinWidth": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--MinWidth",
      "value": "auto"
    },
    "c_button_m_plain_m_no_padding_PaddingBlockStart": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart",
      "value": "0"
    },
    "c_button_m_plain_m_no_padding_PaddingInlineEnd": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd",
      "value": "0"
    },
    "c_button_m_plain_m_no_padding_PaddingBlockEnd": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd",
      "value": "0"
    },
    "c_button_m_plain_m_no_padding_PaddingInlineStart": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart",
      "value": "0"
    },
    "c_button_m_plain_m_no_padding__icon_Color": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding__icon--Color",
      "value": "#707070",
      "values": [
        "--pf-t--global--icon--color--subtle",
        "--pf-t--global--icon--color--200",
        "--pf-t--color--gray--50",
        "#707070"
      ]
    },
    "c_button_m_plain_m_no_padding_BackgroundColor": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor",
      "value": "transparent"
    },
    "c_button_m_plain_m_no_padding_hover__icon_Color": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color",
      "value": "#1f1f1f",
      "values": [
        "--pf-t--global--icon--color--regular",
        "--pf-t--global--icon--color--100",
        "--pf-t--color--gray--90",
        "#1f1f1f"
      ]
    },
    "c_button_m_plain_m_no_padding_hover_BackgroundColor": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor",
      "value": "transparent"
    },
    "c_button_m_plain_m_no_padding_m_clicked_BackgroundColor": {
      "name": "--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor",
      "value": "transparent"
    },
    "c_button__progress_Color": {
      "name": "--pf-v6-c-button__progress--Color",
      "value": "#1f1f1f",
      "values": [
        "--pf-v6-c-button__icon--Color",
        "--pf-t--global--icon--color--regular",
        "--pf-t--global--icon--color--100",
        "--pf-t--color--gray--90",
        "#1f1f1f"
      ]
    },
    "c_button_m_control_BorderRadius": {
      "name": "--pf-v6-c-button--m-control--BorderRadius",
      "value": "6px",
      "values": [
        "--pf-t--global--border--radius--small",
        "--pf-t--global--border--radius--200",
        "6px"
      ]
    },
    "c_button_m_control_PaddingInlineStart": {
      "name": "--pf-v6-c-button--m-control--PaddingInlineStart",
      "value": "1rem",
      "values": [
        "--pf-t--global--spacer--control--horizontal--default",
        "--pf-t--global--spacer--md",
        "--pf-t--global--spacer--300",
        "1rem"
      ]
    },
    "c_button_m_control_PaddingInlineEnd": {
      "name": "--pf-v6-c-button--m-control--PaddingInlineEnd",
      "value": "1rem",
      "values": [
        "--pf-t--global--spacer--control--horizontal--default",
        "--pf-t--global--spacer--md",
        "--pf-t--global--spacer--300",
        "1rem"
      ]
    },
    "c_button_m_control_Color": {
      "name": "--pf-v6-c-button--m-control--Color",
      "value": "#151515",
      "values": [
        "--pf-t--global--text--color--regular",
        "--pf-t--global--text--color--100",
        "--pf-t--color--gray--95",
        "#151515"
      ]
    },
    "c_button_m_control_BackgroundColor": {
      "name": "--pf-v6-c-button--m-control--BackgroundColor",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--background--color--control--default",
        "--pf-t--global--background--color--primary--default",
        "--pf-t--global--background--color--100",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_control_BorderColor": {
      "name": "--pf-v6-c-button--m-control--BorderColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-t--global--border--color--default",
        "--pf-t--global--border--color--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_button_m_control_BorderWidth": {
      "name": "--pf-v6-c-button--m-control--BorderWidth",
      "value": "1px",
      "values": [
        "--pf-t--global--border--width--control--default",
        "--pf-t--global--border--width--100",
        "1px"
      ]
    },
    "c_button_m_control__icon_Color": {
      "name": "--pf-v6-c-button--m-control__icon--Color",
      "value": "#1f1f1f",
      "values": [
        "--pf-t--global--icon--color--regular",
        "--pf-t--global--icon--color--100",
        "--pf-t--color--gray--90",
        "#1f1f1f"
      ]
    },
    "c_button_m_control_hover_Color": {
      "name": "--pf-v6-c-button--m-control--hover--Color",
      "value": "#151515",
      "values": [
        "--pf-t--global--text--color--regular",
        "--pf-t--global--text--color--100",
        "--pf-t--color--gray--95",
        "#151515"
      ]
    },
    "c_button_m_control_hover_BackgroundColor": {
      "name": "--pf-v6-c-button--m-control--hover--BackgroundColor",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--background--color--control--default",
        "--pf-t--global--background--color--primary--default",
        "--pf-t--global--background--color--100",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_control_hover_BorderColor": {
      "name": "--pf-v6-c-button--m-control--hover--BorderColor",
      "value": "#4394e5",
      "values": [
        "--pf-t--global--border--color--hover",
        "--pf-t--global--color--brand--100",
        "--pf-t--color--blue--40",
        "#4394e5"
      ]
    },
    "c_button_m_control_hover_BorderWidth": {
      "name": "--pf-v6-c-button--m-control--hover--BorderWidth",
      "value": "1px",
      "values": [
        "--pf-t--global--border--width--control--hover",
        "--pf-t--global--border--width--100",
        "1px"
      ]
    },
    "c_button_m_control_hover__icon_Color": {
      "name": "--pf-v6-c-button--m-control--hover__icon--Color",
      "value": "#1f1f1f",
      "values": [
        "--pf-t--global--icon--color--regular",
        "--pf-t--global--icon--color--100",
        "--pf-t--color--gray--90",
        "#1f1f1f"
      ]
    },
    "c_button_m_control_m_clicked_Color": {
      "name": "--pf-v6-c-button--m-control--m-clicked--Color",
      "value": "#151515",
      "values": [
        "--pf-t--global--text--color--regular",
        "--pf-t--global--text--color--100",
        "--pf-t--color--gray--95",
        "#151515"
      ]
    },
    "c_button_m_control_m_clicked_BackgroundColor": {
      "name": "--pf-v6-c-button--m-control--m-clicked--BackgroundColor",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--background--color--control--default",
        "--pf-t--global--background--color--primary--default",
        "--pf-t--global--background--color--100",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_control_m_clicked_BorderColor": {
      "name": "--pf-v6-c-button--m-control--m-clicked--BorderColor",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--border--color--clicked",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_control_m_clicked_BorderWidth": {
      "name": "--pf-v6-c-button--m-control--m-clicked--BorderWidth",
      "value": "2px",
      "values": [
        "--pf-t--global--border--width--control--clicked",
        "--pf-t--global--border--width--200",
        "2px"
      ]
    },
    "c_button_m_control_m_clicked__icon_Color": {
      "name": "--pf-v6-c-button--m-control--m-clicked__icon--Color",
      "value": "#1f1f1f",
      "values": [
        "--pf-t--global--icon--color--regular",
        "--pf-t--global--icon--color--100",
        "--pf-t--color--gray--90",
        "#1f1f1f"
      ]
    },
    "c_button_m_stateful_BorderRadius": {
      "name": "--pf-v6-c-button--m-stateful--BorderRadius",
      "value": "6px",
      "values": [
        "--pf-t--global--border--radius--small",
        "--pf-t--global--border--radius--200",
        "6px"
      ]
    },
    "c_button_m_stateful_PaddingInlineStart": {
      "name": "--pf-v6-c-button--m-stateful--PaddingInlineStart",
      "value": "1rem",
      "values": [
        "--pf-t--global--spacer--control--horizontal--default",
        "--pf-t--global--spacer--md",
        "--pf-t--global--spacer--300",
        "1rem"
      ]
    },
    "c_button_m_stateful_PaddingInlineEnd": {
      "name": "--pf-v6-c-button--m-stateful--PaddingInlineEnd",
      "value": "1rem",
      "values": [
        "--pf-t--global--spacer--control--horizontal--default",
        "--pf-t--global--spacer--md",
        "--pf-t--global--spacer--300",
        "1rem"
      ]
    },
    "c_button_m_read_BackgroundColor": {
      "name": "--pf-v6-c-button--m-read--BackgroundColor",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--background--color--control--default",
        "--pf-t--global--background--color--primary--default",
        "--pf-t--global--background--color--100",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_read_BorderColor": {
      "name": "--pf-v6-c-button--m-read--BorderColor",
      "value": "#c7c7c7",
      "values": [
        "--pf-t--global--border--color--default",
        "--pf-t--global--border--color--100",
        "--pf-t--color--gray--30",
        "#c7c7c7"
      ]
    },
    "c_button_m_read_hover_BackgroundColor": {
      "name": "--pf-v6-c-button--m-read--hover--BackgroundColor",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--background--color--control--default",
        "--pf-t--global--background--color--primary--default",
        "--pf-t--global--background--color--100",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_read_hover_BorderColor": {
      "name": "--pf-v6-c-button--m-read--hover--BorderColor",
      "value": "#4394e5",
      "values": [
        "--pf-t--global--border--color--hover",
        "--pf-t--global--color--brand--100",
        "--pf-t--color--blue--40",
        "#4394e5"
      ]
    },
    "c_button_m_read_m_clicked_BackgroundColor": {
      "name": "--pf-v6-c-button--m-read--m-clicked--BackgroundColor",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--background--color--control--default",
        "--pf-t--global--background--color--primary--default",
        "--pf-t--global--background--color--100",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_read_m_clicked_BorderColor": {
      "name": "--pf-v6-c-button--m-read--m-clicked--BorderColor",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--border--color--clicked",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_unread_Color": {
      "name": "--pf-v6-c-button--m-unread--Color",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--text--color--status--unread--on-default--default",
        "--pf-t--global--text--color--inverse",
        "--pf-t--global--text--color--300",
        "--pf-t--color--white",
        "#ffffff"
      ]
    },
    "c_button_m_unread_BackgroundColor": {
      "name": "--pf-v6-c-button--m-unread--BackgroundColor",
      "value": "#0066cc",
      "values": [
        "--pf-t--global--color--status--unread--default",
        "--pf-t--global--color--brand--default",
        "--pf-t--global--color--brand--200",
        "--pf-t--color--blue--50",
        "#0066cc"
      ]
    },
    "c_button_m_unread__icon_Color": {
      "name": "--pf-v6-c-button--m-unread__icon--Color",
      "value": "#ffffff",
      "values": [
        "--pf-t--global--icon--color--status--unread--on-default--default",
        "--pf-t--global--i