• Home
• org.mvnpm.at.patternfly
• react-tokens
• 5.2.1
• source code
• c_slider.d.ts

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

package.dist.js.c_slider.d.ts Maven / Gradle / Ivy

export const c_slider: {
  ".pf-v5-c-slider": {
    "c_slider_value": {
      "name": "--pf-v5-c-slider--value",
      "value": "0"
    },
    "c_slider__step_Left": {
      "name": "--pf-v5-c-slider__step--Left",
      "value": "0"
    },
    "c_slider__rail_PaddingTop": {
      "name": "--pf-v5-c-slider__rail--PaddingTop",
      "value": "1rem",
      "values": [
        "--pf-v5-global--spacer--md",
        "$pf-v5-global--spacer--md",
        "pf-size-prem(16px)",
        "1rem"
      ]
    },
    "c_slider__rail_PaddingBottom": {
      "name": "--pf-v5-c-slider__rail--PaddingBottom",
      "value": "1rem",
      "values": [
        "--pf-v5-global--spacer--md",
        "$pf-v5-global--spacer--md",
        "pf-size-prem(16px)",
        "1rem"
      ]
    },
    "c_slider__rail_track_Height": {
      "name": "--pf-v5-c-slider__rail-track--Height",
      "value": "0.25rem"
    },
    "c_slider__rail_track_before_base_BackgroundColor": {
      "name": "--pf-v5-c-slider__rail-track--before--base--BackgroundColor",
      "value": "#d2d2d2",
      "values": [
        "--pf-v5-global--BorderColor--100",
        "$pf-v5-global--BorderColor--100",
        "$pf-v5-color-black-300",
        "#d2d2d2"
      ]
    },
    "c_slider__rail_track_before_fill_BackgroundColor": {
      "name": "--pf-v5-c-slider__rail-track--before--fill--BackgroundColor",
      "value": "#2b9af3",
      "values": [
        "--pf-v5-global--active-color--300",
        "$pf-v5-global--active-color--300",
        "$pf-v5-color-blue-300",
        "#2b9af3"
      ]
    },
    "c_slider__rail_track_before_BorderRadius": {
      "name": "--pf-v5-c-slider__rail-track--before--BorderRadius",
      "value": "30em",
      "values": [
        "--pf-v5-global--BorderRadius--lg",
        "$pf-v5-global--BorderRadius--lg",
        "30em"
      ]
    },
    "c_slider__rail_track_before_fill_BackgroundColor_gradient_stop": {
      "name": "--pf-v5-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop",
      "value": "0",
      "values": [
        "--pf-v5-c-slider--value",
        "0"
      ]
    },
    "c_slider__rail_track_before_fill_direction": {
      "name": "--pf-v5-c-slider__rail-track--before--fill--direction",
      "value": "right"
    },
    "c_slider__steps_FontSize": {
      "name": "--pf-v5-c-slider__steps--FontSize",
      "value": "0.875rem",
      "values": [
        "--pf-v5-global--FontSize--sm",
        "$pf-v5-global--FontSize--sm",
        "pf-font-prem(14px)",
        "0.875rem"
      ]
    },
    "c_slider__steps_Height": {
      "name": "--pf-v5-c-slider__steps--Height",
      "value": "0.875rem",
      "values": [
        "--pf-v5-c-slider__steps--FontSize",
        "--pf-v5-global--FontSize--sm",
        "$pf-v5-global--FontSize--sm",
        "pf-font-prem(14px)",
        "0.875rem"
      ]
    },
    "c_slider__step_tick_Top": {
      "name": "--pf-v5-c-slider__step-tick--Top",
      "value": "1rem",
      "values": [
        "--pf-v5-global--spacer--md",
        "$pf-v5-global--spacer--md",
        "pf-size-prem(16px)",
        "1rem"
      ]
    },
    "c_slider__step_tick_Width": {
      "name": "--pf-v5-c-slider__step-tick--Width",
      "value": "0.25rem"
    },
    "c_slider__step_tick_Height": {
      "name": "--pf-v5-c-slider__step-tick--Height",
      "value": "0.25rem"
    },
    "c_slider__step_tick_BackgroundColor": {
      "name": "--pf-v5-c-slider__step-tick--BackgroundColor",
      "value": "#8a8d90",
      "values": [
        "--pf-v5-global--BorderColor--200",
        "$pf-v5-global--BorderColor--200",
        "$pf-v5-color-black-500",
        "#8a8d90"
      ]
    },
    "c_slider__step_tick_TranslateX": {
      "name": "--pf-v5-c-slider__step-tick--TranslateX",
      "value": "-50%"
    },
    "c_slider__step_tick_BorderRadius": {
      "name": "--pf-v5-c-slider__step-tick--BorderRadius",
      "value": "30em",
      "values": [
        "--pf-v5-global--BorderRadius--lg",
        "$pf-v5-global--BorderRadius--lg",
        "30em"
      ]
    },
    "c_slider__step_m_active__slider_tick_BackgroundColor": {
      "name": "--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor",
      "value": "#06c",
      "values": [
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_slider__step_first_child__step_tick_TranslateX": {
      "name": "--pf-v5-c-slider__step--first-child__step-tick--TranslateX",
      "value": "0"
    },
    "c_slider__step_last_child__step_tick_TranslateX": {
      "name": "--pf-v5-c-slider__step--last-child__step-tick--TranslateX",
      "value": "-100%"
    },
    "c_slider__step_label_TranslateX": {
      "name": "--pf-v5-c-slider__step-label--TranslateX",
      "value": "-50%"
    },
    "c_slider__step_label_Top": {
      "name": "--pf-v5-c-slider__step-label--Top",
      "value": "calc(2rem + 0.25rem)",
      "values": [
        "calc(--pf-v5-global--spacer--xl + --pf-v5-c-slider__rail-track--Height)",
        "calc($pf-v5-global--spacer--xl + 0.25rem)",
        "calc(pf-size-prem(32px) + 0.25rem)",
        "calc(2rem + 0.25rem)"
      ]
    },
    "c_slider__step_first_child__step_label_TranslateX": {
      "name": "--pf-v5-c-slider__step--first-child__step-label--TranslateX",
      "value": "0"
    },
    "c_slider__step_last_child__step_label_TranslateX": {
      "name": "--pf-v5-c-slider__step--last-child__step-label--TranslateX",
      "value": "-100%"
    },
    "c_slider__thumb_Top": {
      "name": "--pf-v5-c-slider__thumb--Top",
      "value": "calc(0.25rem / 2 + 1rem)",
      "values": [
        "calc(--pf-v5-c-slider__rail-track--Height / 2 + --pf-v5-global--spacer--md)",
        "calc(0.25rem / 2 + $pf-v5-global--spacer--md)",
        "calc(0.25rem / 2 + pf-size-prem(16px))",
        "calc(0.25rem / 2 + 1rem)"
      ]
    },
    "c_slider__thumb_Width": {
      "name": "--pf-v5-c-slider__thumb--Width",
      "value": "1rem"
    },
    "c_slider__thumb_Height": {
      "name": "--pf-v5-c-slider__thumb--Height",
      "value": "1rem"
    },
    "c_slider__thumb_Left": {
      "name": "--pf-v5-c-slider__thumb--Left",
      "value": "0",
      "values": [
        "--pf-v5-c-slider--value",
        "0"
      ]
    },
    "c_slider__thumb_BackgroundColor": {
      "name": "--pf-v5-c-slider__thumb--BackgroundColor",
      "value": "#06c",
      "values": [
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    },
    "c_slider__thumb_TranslateX": {
      "name": "--pf-v5-c-slider__thumb--TranslateX",
      "value": "-50%"
    },
    "c_slider__thumb_TranslateY": {
      "name": "--pf-v5-c-slider__thumb--TranslateY",
      "value": "-50%"
    },
    "c_slider__thumb_BorderRadius": {
      "name": "--pf-v5-c-slider__thumb--BorderRadius",
      "value": "30em",
      "values": [
        "--pf-v5-global--BorderRadius--lg",
        "$pf-v5-global--BorderRadius--lg",
        "30em"
      ]
    },
    "c_slider__thumb_BoxShadow_base": {
      "name": "--pf-v5-c-slider__thumb--BoxShadow--base",
      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c",
      "values": [
        "0 0 0 2px --pf-v5-global--BackgroundColor--100,\n    0 0 0 3px --pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-global--BackgroundColor--100,\n    0 0 0 3px $pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-color-white,\n    0 0 0 3px $pf-v5-color-blue-400",
        "0 0 0 2px #fff,\n    0 0 0 3px #06c"
      ]
    },
    "c_slider__thumb_hover_BoxShadow": {
      "name": "--pf-v5-c-slider__thumb--hover--BoxShadow",
      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c",
      "values": [
        "--pf-v5-c-slider__thumb--BoxShadow--base",
        "0 0 0 2px --pf-v5-global--BackgroundColor--100,\n    0 0 0 3px --pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-global--BackgroundColor--100,\n    0 0 0 3px $pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-color-white,\n    0 0 0 3px $pf-v5-color-blue-400",
        "0 0 0 2px #fff,\n    0 0 0 3px #06c"
      ]
    },
    "c_slider__thumb_focus_BoxShadow": {
      "name": "--pf-v5-c-slider__thumb--focus--BoxShadow",
      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c",
      "values": [
        "--pf-v5-c-slider__thumb--BoxShadow--base",
        "0 0 0 2px --pf-v5-global--BackgroundColor--100,\n    0 0 0 3px --pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-global--BackgroundColor--100,\n    0 0 0 3px $pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-color-white,\n    0 0 0 3px $pf-v5-color-blue-400",
        "0 0 0 2px #fff,\n    0 0 0 3px #06c"
      ]
    },
    "c_slider__thumb_active_BoxShadow": {
      "name": "--pf-v5-c-slider__thumb--active--BoxShadow",
      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c,\n    0 0 2px 5px #bee1f4",
      "values": [
        "--pf-v5-c-slider__thumb--BoxShadow--base,\n    0 0 2px 5px --pf-v5-global--active-color--200",
        "0 0 0 2px --pf-v5-global--BackgroundColor--100,\n    0 0 0 3px --pf-v5-global--primary-color--100,\n    0 0 2px 5px $pf-v5-global--active-color--200",
        "0 0 0 2px $pf-v5-global--BackgroundColor--100,\n    0 0 0 3px $pf-v5-global--primary-color--100,\n    0 0 2px 5px $pf-v5-global--active-color--200",
        "0 0 0 2px $pf-v5-color-white,\n    0 0 0 3px $pf-v5-color-blue-400,\n    0 0 2px 5px $pf-v5-color-blue-100",
        "0 0 0 2px #fff,\n    0 0 0 3px #06c,\n    0 0 2px 5px #bee1f4"
      ]
    },
    "c_slider__thumb_before_Width": {
      "name": "--pf-v5-c-slider__thumb--before--Width",
      "value": "44px",
      "values": [
        "--pf-v5-global--target-size--MinWidth",
        "$pf-v5-global--target-size--MinWidth",
        "44px"
      ]
    },
    "c_slider__thumb_before_Height": {
      "name": "--pf-v5-c-slider__thumb--before--Height",
      "value": "44px",
      "values": [
        "--pf-v5-global--target-size--MinHeight",
        "$pf-v5-global--target-size--MinHeight",
        "44px"
      ]
    },
    "c_slider__thumb_before_BorderRadius": {
      "name": "--pf-v5-c-slider__thumb--before--BorderRadius",
      "value": "30em",
      "values": [
        "--pf-v5-global--BorderRadius--lg",
        "$pf-v5-global--BorderRadius--lg",
        "30em"
      ]
    },
    "c_slider__thumb_before_TranslateX": {
      "name": "--pf-v5-c-slider__thumb--before--TranslateX",
      "value": "-50%"
    },
    "c_slider__thumb_before_TranslateY": {
      "name": "--pf-v5-c-slider__thumb--before--TranslateY",
      "value": "-50%"
    },
    "c_slider__value_MarginLeft": {
      "name": "--pf-v5-c-slider__value--MarginLeft",
      "value": "1rem",
      "values": [
        "--pf-v5-global--spacer--md",
        "$pf-v5-global--spacer--md",
        "pf-size-prem(16px)",
        "1rem"
      ]
    },
    "c_slider__value_c_form_control_width_base": {
      "name": "--pf-v5-c-slider__value--c-form-control--width-base",
      "value": "3.5ch"
    },
    "c_slider__value_c_form_control_width_chars": {
      "name": "--pf-v5-c-slider__value--c-form-control--width-chars",
      "value": "3"
    },
    "c_slider__value_c_form_control_Width": {
      "name": "--pf-v5-c-slider__value--c-form-control--Width",
      "value": "calc(3.5ch + (3 * 1ch))",
      "values": [
        "calc(--pf-v5-c-slider__value--c-form-control--width-base + (--pf-v5-c-slider__value--c-form-control--width-chars * 1ch))",
        "calc(3.5ch + (3 * 1ch))"
      ]
    },
    "c_slider__value_m_floating_TranslateX": {
      "name": "--pf-v5-c-slider__value--m-floating--TranslateX",
      "value": "-50%"
    },
    "c_slider__value_m_floating_TranslateY": {
      "name": "--pf-v5-c-slider__value--m-floating--TranslateY",
      "value": "-100%"
    },
    "c_slider__value_m_floating_Left": {
      "name": "--pf-v5-c-slider__value--m-floating--Left",
      "value": "0",
      "values": [
        "--pf-v5-c-slider--value",
        "0"
      ]
    },
    "c_slider__value_m_floating_ZIndex": {
      "name": "--pf-v5-c-slider__value--m-floating--ZIndex",
      "value": "200",
      "values": [
        "--pf-v5-global--ZIndex--sm",
        "$pf-v5-global--ZIndex--sm",
        "200"
      ]
    },
    "c_slider__actions_MarginRight": {
      "name": "--pf-v5-c-slider__actions--MarginRight",
      "value": "0.5rem",
      "values": [
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_slider__main_actions_MarginLeft": {
      "name": "--pf-v5-c-slider__main--actions--MarginLeft",
      "value": "0.5rem",
      "values": [
        "--pf-v5-global--spacer--sm",
        "$pf-v5-global--spacer--sm",
        "pf-size-prem(8px)",
        "0.5rem"
      ]
    },
    "c_slider_m_disabled__rail_track_before_fill_BackgroundColor": {
      "name": "--pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor",
      "value": "#8a8d90",
      "values": [
        "--pf-v5-global--palette--black-500",
        "$pf-v5-color-black-500",
        "#8a8d90"
      ]
    },
    "c_slider_m_disabled__step_m_active__slider_tick_BackgroundColor": {
      "name": "--pf-v5-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor",
      "value": "#4f5255",
      "values": [
        "--pf-v5-global--palette--black-700",
        "$pf-v5-color-black-700",
        "#4f5255"
      ]
    },
    "c_slider_m_disabled__thumb_BackgroundColor": {
      "name": "--pf-v5-c-slider--m-disabled__thumb--BackgroundColor",
      "value": "#4f5255",
      "values": [
        "--pf-v5-global--palette--black-700",
        "$pf-v5-color-black-700",
        "#4f5255"
      ]
    }
  },
  ":where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider": {
    "c_slider__rail_track_before_fill_direction": {
      "name": "--pf-v5-c-slider__rail-track--before--fill--direction",
      "value": "left"
    }
  },
  ".pf-v5-c-slider.pf-m-disabled": {
    "c_slider__rail_track_before_fill_BackgroundColor": {
      "name": "--pf-v5-c-slider__rail-track--before--fill--BackgroundColor",
      "value": "#8a8d90",
      "values": [
        "--pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor",
        "--pf-v5-global--palette--black-500",
        "$pf-v5-color-black-500",
        "#8a8d90"
      ]
    },
    "c_slider__step_m_active__slider_tick_BackgroundColor": {
      "name": "--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor",
      "value": "#4f5255",
      "values": [
        "--pf-v5-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor",
        "--pf-v5-global--palette--black-700",
        "$pf-v5-color-black-700",
        "#4f5255"
      ]
    },
    "c_slider__thumb_BackgroundColor": {
      "name": "--pf-v5-c-slider__thumb--BackgroundColor",
      "value": "#4f5255",
      "values": [
        "--pf-v5-c-slider--m-disabled__thumb--BackgroundColor",
        "--pf-v5-global--palette--black-700",
        "$pf-v5-color-black-700",
        "#4f5255"
      ]
    }
  },
  ".pf-v5-c-slider.pf-m-disabled .pf-v5-c-slider__thumb": {
    "c_slider__thumb_BoxShadow": {
      "name": "--pf-v5-c-slider__thumb--BoxShadow",
      "value": "none"
    }
  },
  ".pf-v5-c-slider__step.pf-m-active": {
    "c_slider__step_tick_BackgroundColor": {
      "name": "--pf-v5-c-slider__step-tick--BackgroundColor",
      "value": "#06c",
      "values": [
        "--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor",
        "--pf-v5-global--primary-color--100",
        "$pf-v5-global--primary-color--100",
        "$pf-v5-color-blue-400",
        "#06c"
      ]
    }
  },
  ".pf-v5-c-slider__step:first-child": {
    "c_slider__step_tick_TranslateX": {
      "name": "--pf-v5-c-slider__step-tick--TranslateX",
      "value": "0",
      "values": [
        "--pf-v5-c-slider__step--first-child__step-tick--TranslateX",
        "0"
      ]
    },
    "c_slider__step_label_TranslateX": {
      "name": "--pf-v5-c-slider__step-label--TranslateX",
      "value": "0",
      "values": [
        "--pf-v5-c-slider__step--first-child__step-label--TranslateX",
        "0"
      ]
    }
  },
  ".pf-v5-c-slider__step:last-child": {
    "c_slider__step_tick_TranslateX": {
      "name": "--pf-v5-c-slider__step-tick--TranslateX",
      "value": "-100%",
      "values": [
        "--pf-v5-c-slider__step--last-child__step-tick--TranslateX",
        "-100%"
      ]
    },
    "c_slider__step_label_TranslateX": {
      "name": "--pf-v5-c-slider__step-label--TranslateX",
      "value": "-100%",
      "values": [
        "--pf-v5-c-slider__step--last-child__step-label--TranslateX",
        "-100%"
      ]
    }
  },
  ".pf-v5-c-slider__thumb:hover": {
    "c_slider__thumb_BoxShadow": {
      "name": "--pf-v5-c-slider__thumb--BoxShadow",
      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c",
      "values": [
        "--pf-v5-c-slider__thumb--hover--BoxShadow",
        "--pf-v5-c-slider__thumb--BoxShadow--base",
        "0 0 0 2px --pf-v5-global--BackgroundColor--100,\n    0 0 0 3px --pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-global--BackgroundColor--100,\n    0 0 0 3px $pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-color-white,\n    0 0 0 3px $pf-v5-color-blue-400",
        "0 0 0 2px #fff,\n    0 0 0 3px #06c"
      ]
    }
  },
  ".pf-v5-c-slider__thumb:focus": {
    "c_slider__thumb_BoxShadow": {
      "name": "--pf-v5-c-slider__thumb--BoxShadow",
      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c",
      "values": [
        "--pf-v5-c-slider__thumb--focus--BoxShadow",
        "--pf-v5-c-slider__thumb--BoxShadow--base",
        "0 0 0 2px --pf-v5-global--BackgroundColor--100,\n    0 0 0 3px --pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-global--BackgroundColor--100,\n    0 0 0 3px $pf-v5-global--primary-color--100",
        "0 0 0 2px $pf-v5-color-white,\n    0 0 0 3px $pf-v5-color-blue-400",
        "0 0 0 2px #fff,\n    0 0 0 3px #06c"
      ]
    }
  },
  ".pf-v5-c-slider__thumb:active": {
    "c_slider__thumb_BoxShadow": {
      "name": "--pf-v5-c-slider__thumb--BoxShadow",
      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c,\n    0 0 2px 5px #bee1f4",
      "values": [
        "--pf-v5-c-slider__thumb--active--BoxShadow",
        "--pf-v5-c-slider__thumb--BoxShadow--base,\n    0 0 2px 5px --pf-v5-global--active-color--200",
        "0 0 0 2px --pf-v5-global--BackgroundColor--100,\n    0 0 0 3px --pf-v5-global--primary-color--100,\n    0 0 2px 5px $pf-v5-global--active-color--200",
        "0 0 0 2px $pf-v5-global--BackgroundColor--100,\n    0 0 0 3px $pf-v5-global--primary-color--100,\n    0 0 2px 5px $pf-v5-global--active-color--200",
        "0 0 0 2px $pf-v5-color-white,\n    0 0 0 3px $pf-v5-color-blue-400,\n    0 0 2px 5px $pf-v5-color-blue-100",
        "0 0 0 2px #fff,\n    0 0 0 3px #06c,\n    0 0 2px 5px #bee1f4"
      ]
    }
  },
  ".pf-v5-c-slider__value.pf-m-floating": {
    "c_slider__value_MarginLeft": {
      "name": "--pf-v5-c-slider__value--MarginLeft",
      "value": "0"
    }
  },
  ".pf-v5-c-slider__main ~ .pf-v5-c-slider__actions": {
    "c_slider__actions_MarginRight": {
      "name": "--pf-v5-c-slider__actions--MarginRight",
      "value": "0"
    }
  }
};
export default c_slider;