@patternfly/react-tokens 6.0.0-alpha.5 → 6.0.0-alpha.7

package/dist/esm/c_slider.js

@@ -1,5 +1,5 @@
 export const c_slider = {
-  ".pf-v5-c-slider": {
+  ":root": {
     "c_slider_value": {
       "name": "--pf-v5-c-slider--value",
       "value": "0"
@@ -10,22 +10,20 @@ export const c_slider = {
     },
     "c_slider__rail_PaddingTop": {
       "name": "--pf-v5-c-slider__rail--PaddingTop",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_slider__rail_PaddingBottom": {
       "name": "--pf-v5-c-slider__rail--PaddingBottom",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_slider__rail_track_Height": {
@@ -34,31 +32,31 @@ export const c_slider = {
     },
     "c_slider__rail_track_before_base_BackgroundColor": {
       "name": "--pf-v5-c-slider__rail-track--before--base--BackgroundColor",
-      "value": "#d2d2d2",
+      "value": "#c7c7c7",
       "values": [
-        "--pf-v5-global--BorderColor--100",
-        "$pf-v5-global--BorderColor--100",
-        "$pf-v5-color-black-300",
-        "#d2d2d2"
+        "--pf-t--global--border--color--default",
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     },
     "c_slider__rail_track_before_fill_BackgroundColor": {
       "name": "--pf-v5-c-slider__rail-track--before--fill--BackgroundColor",
-      "value": "#2b9af3",
+      "value": "#4394e5",
       "values": [
-        "--pf-v5-global--active-color--300",
-        "$pf-v5-global--active-color--300",
-        "$pf-v5-color-blue-300",
-        "#2b9af3"
+        "--pf-t--global--border--color--hover",
+        "--pf-t--global--color--brand--100",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_slider__rail_track_before_BorderRadius": {
       "name": "--pf-v5-c-slider__rail-track--before--BorderRadius",
-      "value": "30em",
+      "value": "4px",
       "values": [
-        "--pf-v5-global--BorderRadius--lg",
-        "$pf-v5-global--BorderRadius--lg",
-        "30em"
+        "--pf-t--global--border--radius--tiny",
+        "--pf-t--global--border--radius--100",
+        "4px"
       ]
     },
     "c_slider__rail_track_before_fill_BackgroundColor_gradient_stop": {
@@ -69,39 +67,32 @@ export const c_slider = {
         "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",
+      "value": "14px",
       "values": [
-        "--pf-v5-global--FontSize--sm",
-        "$pf-v5-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
+        "--pf-t--global--font--size--sm",
+        "--pf-t--global--font--size--200",
+        "14px"
       ]
     },
     "c_slider__steps_Height": {
       "name": "--pf-v5-c-slider__steps--Height",
-      "value": "0.875rem",
+      "value": "14px",
       "values": [
         "--pf-v5-c-slider__steps--FontSize",
-        "--pf-v5-global--FontSize--sm",
-        "$pf-v5-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
+        "--pf-t--global--font--size--sm",
+        "--pf-t--global--font--size--200",
+        "14px"
       ]
     },
     "c_slider__step_tick_Top": {
       "name": "--pf-v5-c-slider__step-tick--Top",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_slider__step_tick_Width": {
@@ -114,12 +105,12 @@ export const c_slider = {
     },
     "c_slider__step_tick_BackgroundColor": {
       "name": "--pf-v5-c-slider__step-tick--BackgroundColor",
-      "value": "#8a8d90",
+      "value": "#707070",
       "values": [
-        "--pf-v5-global--BorderColor--200",
-        "$pf-v5-global--BorderColor--200",
-        "$pf-v5-color-black-500",
-        "#8a8d90"
+        "--pf-t--global--icon--color--subtle",
+        "--pf-t--global--icon--color--200",
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_slider__step_tick_TranslateX": {
@@ -128,21 +119,22 @@ export const c_slider = {
     },
     "c_slider__step_tick_BorderRadius": {
       "name": "--pf-v5-c-slider__step-tick--BorderRadius",
-      "value": "30em",
+      "value": "24px",
       "values": [
-        "--pf-v5-global--BorderRadius--lg",
-        "$pf-v5-global--BorderRadius--lg",
-        "30em"
+        "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
+        "24px"
       ]
     },
     "c_slider__step_m_active__slider_tick_BackgroundColor": {
       "name": "--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor",
-      "value": "#06c",
+      "value": "#004d99",
       "values": [
-        "--pf-v5-global--primary-color--100",
-        "$pf-v5-global--primary-color--100",
-        "$pf-v5-color-blue-400",
-        "#06c"
+        "--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_slider__step_first_child__step_tick_TranslateX": {
@@ -159,12 +151,11 @@ export const c_slider = {
     },
     "c_slider__step_label_Top": {
       "name": "--pf-v5-c-slider__step-label--Top",
-      "value": "calc(2rem + 0.25rem)",
+      "value": "calc(32px + 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)"
+        "calc(--pf-t--global--spacer--xl + --pf-v5-c-slider__rail-track--Height)",
+        "calc(--pf-t--global--spacer--500 + 0.25rem)",
+        "calc(32px + 0.25rem)"
       ]
     },
     "c_slider__step_first_child__step_label_TranslateX": {
@@ -177,12 +168,11 @@ export const c_slider = {
     },
     "c_slider__thumb_Top": {
       "name": "--pf-v5-c-slider__thumb--Top",
-      "value": "calc(0.25rem / 2 + 1rem)",
+      "value": "calc(0.25rem / 2 + 16px)",
       "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)"
+        "calc(--pf-v5-c-slider__rail-track--Height / 2 + --pf-t--global--spacer--md)",
+        "calc(0.25rem / 2 + --pf-t--global--spacer--300)",
+        "calc(0.25rem / 2 + 16px)"
       ]
     },
     "c_slider__thumb_Width": {
@@ -205,9 +195,9 @@ export const c_slider = {
       "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",
+        "--pf-t--global--color--brand--default",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
         "#06c"
       ]
     },
@@ -221,20 +211,20 @@ export const c_slider = {
     },
     "c_slider__thumb_BorderRadius": {
       "name": "--pf-v5-c-slider__thumb--BorderRadius",
-      "value": "30em",
+      "value": "24px",
       "values": [
-        "--pf-v5-global--BorderRadius--lg",
-        "$pf-v5-global--BorderRadius--lg",
-        "30em"
+        "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
+        "24px"
       ]
     },
     "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 --pf-t--global--background--color--primary--default,\n    0 0 0 3px --pf-t--global--color--brand--default",
+        "0 0 0 2px --pf-t--global--background--color--100,\n    0 0 0 3px --pf-t--global--color--brand--200",
+        "0 0 0 2px --pf-t--color--white,\n    0 0 0 3px --pf-t--color--blue--50",
         "0 0 0 2px #fff,\n    0 0 0 3px #06c"
       ]
     },
@@ -243,9 +233,9 @@ export const c_slider = {
       "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 --pf-t--global--background--color--primary--default,\n    0 0 0 3px --pf-t--global--color--brand--default",
+        "0 0 0 2px --pf-t--global--background--color--100,\n    0 0 0 3px --pf-t--global--color--brand--200",
+        "0 0 0 2px --pf-t--color--white,\n    0 0 0 3px --pf-t--color--blue--50",
         "0 0 0 2px #fff,\n    0 0 0 3px #06c"
       ]
     },
@@ -254,48 +244,42 @@ export const c_slider = {
       "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 --pf-t--global--background--color--primary--default,\n    0 0 0 3px --pf-t--global--color--brand--default",
+        "0 0 0 2px --pf-t--global--background--color--100,\n    0 0 0 3px --pf-t--global--color--brand--200",
+        "0 0 0 2px --pf-t--color--white,\n    0 0 0 3px --pf-t--color--blue--50",
         "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",
+      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c,\n    0 0 2px 5px #92c5f9",
       "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"
+        "--pf-v5-c-slider__thumb--BoxShadow--base,\n    0 0 2px 5px --pf-t--global--color--nonstatus--blue--clicked",
+        "0 0 0 2px --pf-t--global--background--color--primary--default,\n    0 0 0 3px --pf-t--global--color--brand--default,\n    0 0 2px 5px --pf-t--global--color--nonstatus--blue--200",
+        "0 0 0 2px --pf-t--global--background--color--100,\n    0 0 0 3px --pf-t--global--color--brand--200,\n    0 0 2px 5px --pf-t--color--blue--30",
+        "0 0 0 2px --pf-t--color--white,\n    0 0 0 3px --pf-t--color--blue--50,\n    0 0 2px 5px #92c5f9",
+        "0 0 0 2px #fff,\n    0 0 0 3px #06c,\n    0 0 2px 5px #92c5f9"
       ]
     },
     "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"
-      ]
+      "value": "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",
+        "--pf-v5-c-slider__thumb--before--Width",
         "44px"
       ]
     },
     "c_slider__thumb_before_BorderRadius": {
       "name": "--pf-v5-c-slider__thumb--before--BorderRadius",
-      "value": "30em",
+      "value": "24px",
       "values": [
-        "--pf-v5-global--BorderRadius--lg",
-        "$pf-v5-global--BorderRadius--lg",
-        "30em"
+        "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
+        "24px"
       ]
     },
     "c_slider__thumb_before_TranslateX": {
@@ -308,17 +292,23 @@ export const c_slider = {
     },
     "c_slider__value_MarginLeft": {
       "name": "--pf-v5-c-slider__value--MarginLeft",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
     "c_slider__value_c_form_control_width_base": {
       "name": "--pf-v5-c-slider__value--c-form-control--width-base",
-      "value": "3.5ch"
+      "value": "calc(16px + 16px + 1.25rem)",
+      "values": [
+        "calc(--pf-v5-c-form-control--PaddingLeft + --pf-v5-c-form-control--PaddingRight + 1.25rem)",
+        "calc(--pf-v5-c-form-control--inset--base + --pf-v5-c-form-control--inset--base + 1.25rem)",
+        "calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + 1.25rem)",
+        "calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + 1.25rem)",
+        "calc(16px + 16px + 1.25rem)"
+      ]
     },
     "c_slider__value_c_form_control_width_chars": {
       "name": "--pf-v5-c-slider__value--c-form-control--width-chars",
@@ -326,10 +316,14 @@ export const c_slider = {
     },
     "c_slider__value_c_form_control_Width": {
       "name": "--pf-v5-c-slider__value--c-form-control--Width",
-      "value": "calc(3.5ch + (3 * 1ch))",
+      "value": "calc(calc(16px + 16px + 1.25rem) + 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))"
+        "calc(--pf-v5-c-slider__value--c-form-control--width-base + --pf-v5-c-slider__value--c-form-control--width-chars * 1ch)",
+        "calc(calc(--pf-v5-c-form-control--PaddingLeft + --pf-v5-c-form-control--PaddingRight + 1.25rem) + 3 * 1ch)",
+        "calc(calc(--pf-v5-c-form-control--inset--base + --pf-v5-c-form-control--inset--base + 1.25rem) + 3 * 1ch)",
+        "calc(calc(--pf-t--global--spacer--md + --pf-t--global--spacer--md + 1.25rem) + 3 * 1ch)",
+        "calc(calc(--pf-t--global--spacer--300 + --pf-t--global--spacer--300 + 1.25rem) + 3 * 1ch)",
+        "calc(calc(16px + 16px + 1.25rem) + 3 * 1ch)"
       ]
     },
     "c_slider__value_m_floating_TranslateX": {
@@ -352,59 +346,65 @@ export const c_slider = {
       "name": "--pf-v5-c-slider__value--m-floating--ZIndex",
       "value": "200",
       "values": [
-        "--pf-v5-global--ZIndex--sm",
-        "$pf-v5-global--ZIndex--sm",
+        "--pf-t--global--Zindex--sm",
         "200"
       ]
     },
     "c_slider__actions_MarginRight": {
       "name": "--pf-v5-c-slider__actions--MarginRight",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_slider__main_actions_MarginLeft": {
       "name": "--pf-v5-c-slider__main--actions--MarginLeft",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_slider_m_disabled__rail_track_before_fill_BackgroundColor": {
       "name": "--pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor",
-      "value": "#8a8d90",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-v5-global--palette--black-500",
-        "$pf-v5-color-black-500",
-        "#8a8d90"
+        "--pf-t--global--background--color--disabled--default",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
     "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",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-v5-global--palette--black-700",
-        "$pf-v5-color-black-700",
-        "#4f5255"
+        "--pf-t--global--icon--color--disabled",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
     "c_slider_m_disabled__thumb_BackgroundColor": {
       "name": "--pf-v5-c-slider--m-disabled__thumb--BackgroundColor",
-      "value": "#4f5255",
+      "value": "#a3a3a3",
       "values": [
-        "--pf-v5-global--palette--black-700",
-        "$pf-v5-color-black-700",
-        "#4f5255"
+        "--pf-t--global--background--color--disabled--default",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     }
   },
+  ".pf-v5-c-slider": {
+    "c_slider__rail_track_before_fill_direction": {
+      "name": "--pf-v5-c-slider__rail-track--before--fill--direction",
+      "value": "right"
+    }
+  },
   ":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",
@@ -414,32 +414,35 @@ export const c_slider = {
   ".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",
+      "value": "#a3a3a3",
       "values": [
         "--pf-v5-c-slider--m-disabled__rail-track--before--fill--BackgroundColor",
-        "--pf-v5-global--palette--black-500",
-        "$pf-v5-color-black-500",
-        "#8a8d90"
+        "--pf-t--global--background--color--disabled--default",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
     "c_slider__step_m_active__slider_tick_BackgroundColor": {
       "name": "--pf-v5-c-slider__step--m-active__slider-tick--BackgroundColor",
-      "value": "#4f5255",
+      "value": "#a3a3a3",
       "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"
+        "--pf-t--global--icon--color--disabled",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
     "c_slider__thumb_BackgroundColor": {
       "name": "--pf-v5-c-slider__thumb--BackgroundColor",
-      "value": "#4f5255",
+      "value": "#a3a3a3",
       "values": [
         "--pf-v5-c-slider--m-disabled__thumb--BackgroundColor",
-        "--pf-v5-global--palette--black-700",
-        "$pf-v5-color-black-700",
-        "#4f5255"
+        "--pf-t--global--background--color--disabled--default",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     }
   },
@@ -452,13 +455,10 @@ export const c_slider = {
   ".pf-v5-c-slider__step.pf-m-active": {
     "c_slider__step_tick_BackgroundColor": {
       "name": "--pf-v5-c-slider__step-tick--BackgroundColor",
-      "value": "#06c",
+      "value": "",
       "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"
+        ""
       ]
     }
   },
@@ -505,9 +505,9 @@ export const c_slider = {
       "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 --pf-t--global--background--color--primary--default,\n    0 0 0 3px --pf-t--global--color--brand--default",
+        "0 0 0 2px --pf-t--global--background--color--100,\n    0 0 0 3px --pf-t--global--color--brand--200",
+        "0 0 0 2px --pf-t--color--white,\n    0 0 0 3px --pf-t--color--blue--50",
         "0 0 0 2px #fff,\n    0 0 0 3px #06c"
       ]
     }
@@ -519,9 +519,9 @@ export const c_slider = {
       "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 --pf-t--global--background--color--primary--default,\n    0 0 0 3px --pf-t--global--color--brand--default",
+        "0 0 0 2px --pf-t--global--background--color--100,\n    0 0 0 3px --pf-t--global--color--brand--200",
+        "0 0 0 2px --pf-t--color--white,\n    0 0 0 3px --pf-t--color--blue--50",
         "0 0 0 2px #fff,\n    0 0 0 3px #06c"
       ]
     }
@@ -529,14 +529,14 @@ export const c_slider = {
   ".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",
+      "value": "0 0 0 2px #fff,\n    0 0 0 3px #06c,\n    0 0 2px 5px #92c5f9",
       "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__thumb--BoxShadow--base,\n    0 0 2px 5px --pf-t--global--color--nonstatus--blue--clicked",
+        "0 0 0 2px --pf-t--global--background--color--primary--default,\n    0 0 0 3px --pf-t--global--color--brand--default,\n    0 0 2px 5px --pf-t--global--color--nonstatus--blue--200",
+        "0 0 0 2px --pf-t--global--background--color--100,\n    0 0 0 3px --pf-t--global--color--brand--200,\n    0 0 2px 5px --pf-t--color--blue--30",
+        "0 0 0 2px --pf-t--color--white,\n    0 0 0 3px --pf-t--color--blue--50,\n    0 0 2px 5px #92c5f9",
+        "0 0 0 2px #fff,\n    0 0 0 3px #06c,\n    0 0 2px 5px #92c5f9"
       ]
     }
   },

package/dist/esm/c_slider__main_actions_MarginLeft.d.ts

@@ -1,6 +1,6 @@
 export const c_slider__main_actions_MarginLeft: {
   "name": "--pf-v5-c-slider__main--actions--MarginLeft",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-slider__main--actions--MarginLeft)"
 };
 export default c_slider__main_actions_MarginLeft;

package/dist/esm/c_slider__main_actions_MarginLeft.js

@@ -1,6 +1,6 @@
 export const c_slider__main_actions_MarginLeft = {
   "name": "--pf-v5-c-slider__main--actions--MarginLeft",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-slider__main--actions--MarginLeft)"
 };
 export default c_slider__main_actions_MarginLeft;

package/dist/esm/c_slider__rail_PaddingBottom.d.ts

@@ -1,6 +1,6 @@
 export const c_slider__rail_PaddingBottom: {
   "name": "--pf-v5-c-slider__rail--PaddingBottom",
-  "value": "1rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-slider__rail--PaddingBottom)"
 };
 export default c_slider__rail_PaddingBottom;

package/dist/esm/c_slider__rail_PaddingBottom.js

@@ -1,6 +1,6 @@
 export const c_slider__rail_PaddingBottom = {
   "name": "--pf-v5-c-slider__rail--PaddingBottom",
-  "value": "1rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-slider__rail--PaddingBottom)"
 };
 export default c_slider__rail_PaddingBottom;

package/dist/esm/c_slider__rail_PaddingTop.d.ts

@@ -1,6 +1,6 @@
 export const c_slider__rail_PaddingTop: {
   "name": "--pf-v5-c-slider__rail--PaddingTop",
-  "value": "1rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-slider__rail--PaddingTop)"
 };
 export default c_slider__rail_PaddingTop;

package/dist/esm/c_slider__rail_PaddingTop.js

@@ -1,6 +1,6 @@
 export const c_slider__rail_PaddingTop = {
   "name": "--pf-v5-c-slider__rail--PaddingTop",
-  "value": "1rem",
+  "value": "16px",
   "var": "var(--pf-v5-c-slider__rail--PaddingTop)"
 };
 export default c_slider__rail_PaddingTop;