@patternfly/react-tokens/dist/esm/c_description_list.d.ts

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

export const c_description_list: {
  ".pf-v6-c-description-list": {
    "c_description_list_RowGap": {
      "name": "--pf-v6-c-description-list--RowGap",
      "value": "1.5rem",
      "values": [
        "--pf-t--global--spacer--gap--group-to-group--vertical--default",
        "--pf-t--global--spacer--lg",
        "--pf-t--global--spacer--400",
        "1.5rem"
      ]
    },
    "c_description_list_ColumnGap": {
      "name": "--pf-v6-c-description-list--ColumnGap",
      "value": "3rem",
      "values": [
        "--pf-t--global--spacer--gap--group-to-group--horizontal--default",
        "--pf-t--global--spacer--2xl",
        "--pf-t--global--spacer--600",
        "3rem"
      ]
    },
    "c_description_list_GridTemplateColumns_count": {
      "name": "--pf-v6-c-description-list--GridTemplateColumns--count",
      "value": "1"
    },
    "c_description_list_GridTemplateColumns_width": {
      "name": "--pf-v6-c-description-list--GridTemplateColumns--width",
      "value": "1fr"
    },
    "c_description_list_GridTemplateColumns_min": {
      "name": "--pf-v6-c-description-list--GridTemplateColumns--min",
      "value": "0"
    },
    "c_description_list__group_RowGap": {
      "name": "--pf-v6-c-description-list__group--RowGap",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--gap--group--vertical",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_description_list__group_ColumnGap": {
      "name": "--pf-v6-c-description-list__group--ColumnGap",
      "value": "1rem",
      "values": [
        "--pf-t--global--spacer--gap--group--horizontal",
        "--pf-t--global--spacer--md",
        "--pf-t--global--spacer--300",
        "1rem"
      ]
    },
    "c_description_list__group_GridTemplateColumns": {
      "name": "--pf-v6-c-description-list__group--GridTemplateColumns",
      "value": "auto"
    },
    "c_description_list__group_GridTemplateRows": {
      "name": "--pf-v6-c-description-list__group--GridTemplateRows",
      "value": "auto 1fr"
    },
    "c_description_list__group_GridColumn": {
      "name": "--pf-v6-c-description-list__group--GridColumn",
      "value": "auto"
    },
    "c_description_list_m_compact_RowGap": {
      "name": "--pf-v6-c-description-list--m-compact--RowGap",
      "value": "1rem",
      "values": [
        "--pf-t--global--spacer--gap--group-to-group--vertical--compact",
        "--pf-t--global--spacer--md",
        "--pf-t--global--spacer--300",
        "1rem"
      ]
    },
    "c_description_list_m_compact_ColumnGap": {
      "name": "--pf-v6-c-description-list--m-compact--ColumnGap",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--gap--group-to-group--horizontal--compact",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_description_list__term_Display": {
      "name": "--pf-v6-c-description-list__term--Display",
      "value": "inline"
    },
    "c_description_list__term_sm_Display": {
      "name": "--pf-v6-c-description-list__term--sm--Display",
      "value": "flex"
    },
    "c_description_list__term_FontWeight": {
      "name": "--pf-v6-c-description-list__term--FontWeight",
      "value": "500",
      "values": [
        "--pf-t--global--font--weight--body--bold",
        "--pf-t--global--font--weight--200",
        "500"
      ]
    },
    "c_description_list__term_FontSize": {
      "name": "--pf-v6-c-description-list__term--FontSize",
      "value": "0.75rem",
      "values": [
        "--pf-t--global--font--size--body--sm",
        "--pf-t--global--font--size--xs",
        "--pf-t--global--font--size--100",
        "0.75rem"
      ]
    },
    "c_description_list__term_LineHeight": {
      "name": "--pf-v6-c-description-list__term--LineHeight",
      "value": "1.5",
      "values": [
        "--pf-t--global--font--line-height--body",
        "--pf-t--global--font--line-height--200",
        "1.5"
      ]
    },
    "c_description_list__term_icon_MinWidth": {
      "name": "--pf-v6-c-description-list__term-icon--MinWidth",
      "value": "0.75rem",
      "values": [
        "--pf-t--global--font--size--body--sm",
        "--pf-t--global--font--size--xs",
        "--pf-t--global--font--size--100",
        "0.75rem"
      ]
    },
    "c_description_list__term_icon_MarginInlineEnd": {
      "name": "--pf-v6-c-description-list__term-icon--MarginInlineEnd",
      "value": "0.5rem",
      "values": [
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    },
    "c_description_list__term_icon_Color": {
      "name": "--pf-v6-c-description-list__term-icon--Color",
      "value": "#707070",
      "values": [
        "--pf-t--global--icon--color--subtle",
        "--pf-t--global--icon--color--200",
        "--pf-t--color--gray--50",
        "#707070"
      ]
    },
    "c_description_list_m_vertical__group_GridTemplateColumns": {
      "name": "--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns",
      "value": "repeat(1)",
      "values": [
        "repeat(--pf-v6-c-description-list--GridTemplateColumns--count)",
        "repeat(1)"
      ]
    },
    "c_description_list_m_vertical__group_GridTemplateRows": {
      "name": "--pf-v6-c-description-list--m-vertical__group--GridTemplateRows",
      "value": "auto 1fr"
    },
    "c_description_list_m_horizontal__term_width": {
      "name": "--pf-v6-c-description-list--m-horizontal__term--width",
      "value": "12ch"
    },
    "c_description_list_m_horizontal__description_width": {
      "name": "--pf-v6-c-description-list--m-horizontal__description--width",
      "value": "minmax(10ch, auto)"
    },
    "c_description_list_m_horizontal__group_GridTemplateColumns": {
      "name": "--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns",
      "value": "12ch minmax(10ch, auto)",
      "values": [
        "--pf-v6-c-description-list__term--width --pf-v6-c-description-list--m-horizontal__description--width",
        "--pf-v6-c-description-list--m-horizontal__term--width minmax(10ch, auto)",
        "12ch minmax(10ch, auto)"
      ]
    },
    "c_description_list_m_horizontal__group_GridTemplateRows": {
      "name": "--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows",
      "value": "auto"
    },
    "c_description_list_m_1_col_GridTemplateColumns_count": {
      "name": "--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count",
      "value": "1"
    },
    "c_description_list_m_2_col_GridTemplateColumns_count": {
      "name": "--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count",
      "value": "2"
    },
    "c_description_list_m_3_col_GridTemplateColumns_count": {
      "name": "--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count",
      "value": "3"
    },
    "c_description_list_m_auto_fit_GridTemplateColumns_min": {
      "name": "--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min",
      "value": "15.625rem"
    },
    "c_description_list_m_auto_fit_GridTemplateColumns_minmax_min": {
      "name": "--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min",
      "value": "15.625rem",
      "values": [
        "--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min",
        "15.625rem"
      ]
    },
    "c_description_list__text_m_help_text_TextDecorationLine": {
      "name": "--pf-v6-c-description-list__text--m-help-text--TextDecorationLine",
      "value": "underline",
      "values": [
        "--pf-t--global--text-decoration--help-text--line--default",
        "--pf-t--global--text-decoration--line--200",
        "underline"
      ]
    },
    "c_description_list__text_m_help_text_TextDecorationStyle": {
      "name": "--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle",
      "value": "dashed",
      "values": [
        "--pf-t--global--text-decoration--help-text--style--default",
        "--pf-t--global--text-decoration--style--200",
        "dashed"
      ]
    },
    "c_description_list__text_m_help_text_TextUnderlineOffset": {
      "name": "--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset",
      "value": "0.25rem"
    },
    "c_description_list__text_m_help_text_hover_TextDecorationLine": {
      "name": "--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine",
      "value": "underline",
      "values": [
        "--pf-t--global--text-decoration--help-text--line--hover",
        "--pf-t--global--text-decoration--line--200",
        "underline"
      ]
    },
    "c_description_list__text_m_help_text_hover_TextDecorationStyle": {
      "name": "--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle",
      "value": "dashed",
      "values": [
        "--pf-t--global--text-decoration--help-text--style--hover",
        "--pf-t--global--text-decoration--style--200",
        "dashed"
      ]
    },
    "c_description_list_m_display_lg__description_FontSize": {
      "name": "--pf-v6-c-description-list--m-display-lg__description--FontSize",
      "value": "1rem",
      "values": [
        "--pf-t--global--font--size--body--lg",
        "--pf-t--global--font--size--md",
        "--pf-t--global--font--size--300",
        "1rem"
      ]
    },
    "c_description_list_m_display_2xl__description_FontSize": {
      "name": "--pf-v6-c-description-list--m-display-2xl__description--FontSize",
      "value": "1.5rem",
      "values": [
        "--pf-t--global--font--size--heading--lg",
        "--pf-t--global--font--size--2xl",
        "--pf-t--global--font--size--600",
        "1.5rem"
      ]
    },
    "c_description_list_m_horizontal__term_width_on_sm": {
      "name": "--pf-v6-c-description-list--m-horizontal__term--width-on-sm",
      "value": "inherit"
    },
    "c_description_list_m_horizontal__term_width_on_md": {
      "name": "--pf-v6-c-description-list--m-horizontal__term--width-on-md",
      "value": "inherit"
    },
    "c_description_list_m_horizontal__term_width_on_lg": {
      "name": "--pf-v6-c-description-list--m-horizontal__term--width-on-lg",
      "value": "inherit"
    },
    "c_description_list_m_horizontal__term_width_on_xl": {
      "name": "--pf-v6-c-description-list--m-horizontal__term--width-on-xl",
      "value": "inherit"
    },
    "c_description_list_m_horizontal__term_width_on_2xl": {
      "name": "--pf-v6-c-description-list--m-horizontal__term--width-on-2xl",
      "value": "inherit"
    },
    "c_description_list__term_width": {
      "name": "--pf-v6-c-description-list__term--width",
      "value": "12ch",
      "values": [
        "--pf-v6-c-description-list--m-horizontal__term--width",
        "12ch"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-auto-column-widths": {
    "c_description_list_GridTemplateColumns_width": {
      "name": "--pf-v6-c-description-list--GridTemplateColumns--width",
      "value": "minmax(8ch, max-content)"
    }
  },
  ".pf-v6-c-description-list.pf-m-auto-fit": {
    "c_description_list_GridTemplateColumns_minmax_min": {
      "name": "--pf-v6-c-description-list--GridTemplateColumns--minmax--min",
      "value": "0",
      "values": [
        "--pf-v6-c-description-list--GridTemplateColumns--min",
        "0"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-compact": {
    "c_description_list_RowGap": {
      "name": "--pf-v6-c-description-list--RowGap",
      "value": "1rem",
      "values": [
        "--pf-v6-c-description-list--m-compact--RowGap",
        "--pf-t--global--spacer--gap--group-to-group--vertical--compact",
        "--pf-t--global--spacer--md",
        "--pf-t--global--spacer--300",
        "1rem"
      ]
    },
    "c_description_list_ColumnGap": {
      "name": "--pf-v6-c-description-list--ColumnGap",
      "value": "0.5rem",
      "values": [
        "--pf-v6-c-description-list--m-compact--ColumnGap",
        "--pf-t--global--spacer--gap--group-to-group--horizontal--compact",
        "--pf-t--global--spacer--sm",
        "--pf-t--global--spacer--200",
        "0.5rem"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-fluid": {
    "c_description_list_m_horizontal__term_width": {
      "name": "--pf-v6-c-description-list--m-horizontal__term--width",
      "value": "fit-content(20ch)"
    }
  },
  ".pf-v6-c-description-list.pf-m-display-lg": {
    "c_description_list__description_FontSize": {
      "name": "--pf-v6-c-description-list__description--FontSize",
      "value": "1rem",
      "values": [
        "--pf-v6-c-description-list--m-display-lg__description--FontSize",
        "--pf-t--global--font--size--body--lg",
        "--pf-t--global--font--size--md",
        "--pf-t--global--font--size--300",
        "1rem"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-display-2xl": {
    "c_description_list__description_FontSize": {
      "name": "--pf-v6-c-description-list__description--FontSize",
      "value": "1.5rem",
      "values": [
        "--pf-v6-c-description-list--m-display-2xl__description--FontSize",
        "--pf-t--global--font--size--heading--lg",
        "--pf-t--global--font--size--2xl",
        "--pf-t--global--font--size--600",
        "1.5rem"
      ]
    }
  },
  ".pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus)": {
    "c_description_list__text_m_help_text_TextDecorationLine": {
      "name": "--pf-v6-c-description-list__text--m-help-text--TextDecorationLine",
      "value": "underline",
      "values": [
        "--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine",
        "--pf-t--global--text-decoration--help-text--line--hover",
        "--pf-t--global--text-decoration--line--200",
        "underline"
      ]
    },
    "c_description_list__text_m_help_text_TextDecorationStyle": {
      "name": "--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle",
      "value": "dashed",
      "values": [
        "--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle",
        "--pf-t--global--text-decoration--help-text--style--hover",
        "--pf-t--global--text-decoration--style--200",
        "dashed"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-1-col": {
    "c_description_list_GridTemplateColumns_count": {
      "name": "--pf-v6-c-description-list--GridTemplateColumns--count",
      "value": "1",
      "values": [
        "--pf-v6-c-description-list--m-1-col--GridTemplateColumns--count",
        "1"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-2-col": {
    "c_description_list_GridTemplateColumns_count": {
      "name": "--pf-v6-c-description-list--GridTemplateColumns--count",
      "value": "2",
      "values": [
        "--pf-v6-c-description-list--m-2-col--GridTemplateColumns--count",
        "2"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-3-col": {
    "c_description_list_GridTemplateColumns_count": {
      "name": "--pf-v6-c-description-list--GridTemplateColumns--count",
      "value": "3",
      "values": [
        "--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count",
        "3"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-horizontal": {
    "c_description_list__group_GridTemplateColumns": {
      "name": "--pf-v6-c-description-list__group--GridTemplateColumns",
      "value": "12ch minmax(10ch, auto)",
      "values": [
        "--pf-v6-c-description-list--m-horizontal__group--GridTemplateColumns",
        "--pf-v6-c-description-list__term--width --pf-v6-c-description-list--m-horizontal__description--width",
        "--pf-v6-c-description-list--m-horizontal__term--width minmax(10ch, auto)",
        "12ch minmax(10ch, auto)"
      ]
    },
    "c_description_list__group_GridTemplateRows": {
      "name": "--pf-v6-c-description-list__group--GridTemplateRows",
      "value": "auto",
      "values": [
        "--pf-v6-c-description-list--m-horizontal__group--GridTemplateRows",
        "auto"
      ]
    }
  },
  ".pf-v6-c-description-list.pf-m-vertical": {
    "c_description_list__group_GridTemplateColumns": {
      "name": "--pf-v6-c-description-list__group--GridTemplateColumns",
      "value": "repeat(1)",
      "values": [
        "--pf-v6-c-description-list--m-vertical__group--GridTemplateColumns",
        "repeat(--pf-v6-c-description-list--GridTemplateColumns--count)",
        "repeat(1)"
      ]
    },
    "c_description_list__group_GridTemplateRows": {
      "name": "--pf-v6-c-description-list__group--GridTemplateRows",
      "value": "auto 1fr",
      "values": [
        "--pf-v6-c-description-list--m-vertical__group--GridTemplateRows",
        "auto 1fr"
      ]
    }
  }
};
export default c_description_list;