@patternfly/react-tokens 6.5.0-prerelease.1 → 6.5.0-prerelease.10

package/dist/js/c_compass.d.ts

@@ -26,22 +26,14 @@ export const c_compass: {
         "1.5rem"
       ]
     },
-    "c_compass_RowGap": {
-      "name": "--pf-v6-c-compass--RowGap",
-      "value": "2rem",
-      "values": [
-        "--pf-t--global--spacer--xl",
-        "--pf-t--global--spacer--500",
-        "2rem"
-      ]
-    },
-    "c_compass_ColumnGap": {
-      "name": "--pf-v6-c-compass--ColumnGap",
-      "value": "2rem",
+    "c_compass_Gap": {
+      "name": "--pf-v6-c-compass--Gap",
+      "value": "1.5rem",
       "values": [
-        "--pf-t--global--spacer--xl",
-        "--pf-t--global--spacer--500",
-        "2rem"
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
       ]
     },
     "c_compass__nav_RowGap": {
@@ -54,8 +46,16 @@ export const c_compass: {
         "0.5rem"
       ]
     },
-    "c_compass__sidebar_Padding": {
-      "name": "--pf-v6-c-compass__sidebar--Padding",
+    "c_compass__nav_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__nav--PaddingBlockStart",
+      "value": "0"
+    },
+    "c_compass__nav_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__nav--PaddingBlockEnd",
+      "value": "0"
+    },
+    "c_compass__nav_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__nav--PaddingInlineStart",
       "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--sm",
@@ -63,70 +63,105 @@ export const c_compass: {
         "0.5rem"
       ]
     },
-    "c_compass__main_RowGap": {
-      "name": "--pf-v6-c-compass__main--RowGap",
-      "value": "1rem",
+    "c_compass__nav_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__nav--PaddingInlineEnd",
+      "value": "0.5rem",
       "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
       ]
     },
-    "c_compass__panel_BackgroundColor_rgb_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--rgb--light",
-      "value": "255,255,255"
+    "c_compass__nav_main_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__nav-main--PaddingInlineStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
     },
-    "c_compass__panel_BackgroundColor_opacity_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--light",
-      "value": ".8"
+    "c_compass__nav_main_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__nav-main--PaddingInlineEnd",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
     },
-    "c_compass__panel_BackgroundColor_light": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--light",
-      "value": "rgba(255,255,255, .8)",
+    "c_compass__sidebar_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__sidebar--PaddingBlockStart",
+      "value": "0.5rem",
       "values": [
-        "rgba(--pf-v6-c-compass__panel--BackgroundColor--rgb--light, --pf-v6-c-compass__panel--BackgroundColor--opacity--light)",
-        "rgba(255,255,255, .8)"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
       ]
     },
-    "c_compass__panel_BackgroundColor_rgb_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--rgb--dark",
-      "value": "0,0,0"
+    "c_compass__sidebar_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__sidebar--PaddingBlockEnd",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
     },
-    "c_compass__panel_BackgroundColor_opacity_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--opacity--dark",
-      "value": ".8"
+    "c_compass__sidebar_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__sidebar--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
     },
-    "c_compass__panel_BackgroundColor_dark": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor--dark",
-      "value": "rgba(0,0,0, .8)",
+    "c_compass__sidebar_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__sidebar--PaddingInlineEnd",
+      "value": "0.5rem",
       "values": [
-        "rgba(--pf-v6-c-compass__panel--BackgroundColor--rgb--dark, --pf-v6-c-compass__panel--BackgroundColor--opacity--dark)",
-        "rgba(0,0,0, .8)"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
       ]
     },
-    "c_compass__panel_BackdropFilter": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter",
-      "value": "blur(75px)",
+    "c_compass__main_RowGap": {
+      "name": "--pf-v6-c-compass__main--RowGap",
+      "value": "1rem",
       "values": [
-        "--pf-v6-c-compass__panel--BackdropFilter--light",
-        "blur(75px)"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "1rem"
       ]
     },
-    "c_compass__panel_BackdropFilter_light": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter--light",
-      "value": "blur(75px)"
+    "c_compass__main_header_content_RowGap": {
+      "name": "--pf-v6-c-compass__main-header-content--RowGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
     },
-    "c_compass__panel_BackdropFilter_dark": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter--dark",
-      "value": "blur(75px)"
+    "c_compass__main_header_content_ColumnGap": {
+      "name": "--pf-v6-c-compass__main-header-content--ColumnGap",
+      "value": "1rem",
+      "values": [
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "1rem"
+      ]
     },
-    "c_compass__panel_BorderRadius": {
-      "name": "--pf-v6-c-compass__panel--BorderRadius",
-      "value": "24px",
+    "c_compass__main_footer_MarginBlockStart": {
+      "name": "--pf-v6-c-compass__main-footer--MarginBlockStart",
+      "value": "calc(1rem * -1 + 1.5rem)",
       "values": [
-        "--pf-t--global--border--radius--large",
-        "--pf-t--global--border--radius--400",
-        "24px"
+        "calc(--pf-v6-c-compass__main--RowGap * -1 + --pf-v6-c-compass--Gap)",
+        "calc(--pf-t--global--spacer--md * -1 + --pf-t--global--spacer--inset--page-chrome)",
+        "calc(--pf-t--global--spacer--300 * -1 + --pf-t--global--spacer--lg)",
+        "calc(1rem * -1 + --pf-t--global--spacer--400)",
+        "calc(1rem * -1 + 1.5rem)"
       ]
     },
     "c_compass__panel_m_pill_BorderRadius": {
@@ -138,8 +173,8 @@ export const c_compass: {
         "999px"
       ]
     },
-    "c_compass__panel_Padding": {
-      "name": "--pf-v6-c-compass__panel--Padding",
+    "c_compass__panel_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
       "value": "1.5rem",
       "values": [
         "--pf-t--global--spacer--inset--page-chrome",
@@ -148,13 +183,55 @@ export const c_compass: {
         "1.5rem"
       ]
     },
-    "c_compass__panel_BorderWidth": {
-      "name": "--pf-v6-c-compass__panel--BorderWidth",
-      "value": "1px",
+    "c_compass__panel_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
+      "value": "1.5rem",
       "values": [
-        "--pf-t--global--border--width--regular",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_compass__panel_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_compass__panel_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_compass__panel_BackgroundColor": {
+      "name": "--pf-v6-c-compass__panel--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-t--global--background--color--glass--default",
+        "--pf-t--global--background--color--glass--default--base",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_compass__panel_BackdropFilter": {
+      "name": "--pf-v6-c-compass__panel--BackdropFilter",
+      "value": "none",
+      "values": [
+        "--pf-t--global--background--color--glass--filter",
+        "--pf-t--global--background--color--glass--filter--base",
+        "none"
       ]
     },
     "c_compass__panel_BorderColor": {
@@ -168,6 +245,24 @@ export const c_compass: {
         "#ffffff"
       ]
     },
+    "c_compass__panel_BorderRadius": {
+      "name": "--pf-v6-c-compass__panel--BorderRadius",
+      "value": "24px",
+      "values": [
+        "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
+        "24px"
+      ]
+    },
+    "c_compass__panel_BorderWidth": {
+      "name": "--pf-v6-c-compass__panel--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
     "c_compass__panel_BoxShadow": {
       "name": "--pf-v6-c-compass__panel--BoxShadow",
       "value": "0px\n    4px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
@@ -190,85 +285,205 @@ export const c_compass: {
       "name": "--pf-v6-c-compass__message-bar--MaxWidth",
       "value": "600px"
     },
-    "c_compass__hero_gradient_angle": {
-      "name": "--pf-v6-c-compass__hero--gradient--angle",
-      "value": "109deg"
+    "c_compass_section_slide_length_header": {
+      "name": "--pf-v6-c-compass--section--slide--length--header",
+      "value": "100%"
     },
-    "c_compass__hero_gradient_stop_1_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-1--light",
-      "value": "transparent"
+    "c_compass_section_slide_length_sidebar": {
+      "name": "--pf-v6-c-compass--section--slide--length--sidebar",
+      "value": "100%"
     },
-    "c_compass__hero_gradient_stop_2_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-2--light",
-      "value": "transparent"
+    "c_compass_section_slide_length_main_footer": {
+      "name": "--pf-v6-c-compass--section--slide--length--main-footer",
+      "value": "100%"
     },
-    "c_compass__hero_gradient_stop_3_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-3--light",
-      "value": "transparent"
+    "c_compass_section_slide_length_footer": {
+      "name": "--pf-v6-c-compass--section--slide--length--footer",
+      "value": "100%"
+    },
+    "c_compass_section_duration": {
+      "name": "--pf-v6-c-compass--section--duration",
+      "value": "100ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
+      ]
     },
-    "c_compass__hero_gradient_stop_1_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-1--dark",
-      "value": "transparent"
+    "c_compass_section_TransitionTimingFunction": {
+      "name": "--pf-v6-c-compass--section--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_compass__hero_gradient_stop_2_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-2--dark",
-      "value": "transparent"
+    "c_compass_section_TransitionDuration": {
+      "name": "--pf-v6-c-compass--section--TransitionDuration",
+      "value": "100ms, 0s, 0s, 0s, 0s, 0s",
+      "values": [
+        "--pf-v6-c-compass--section--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--short, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--sm, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--100, 0s, 0s, 0s, 0s, 0s",
+        "100ms, 0s, 0s, 0s, 0s, 0s"
+      ]
     },
-    "c_compass__hero_gradient_stop_3_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-3--dark",
-      "value": "transparent"
+    "c_compass_section_TransitionProperty": {
+      "name": "--pf-v6-c-compass--section--TransitionProperty",
+      "value": "opacity, visibility, translate, height, width, margin"
     },
-    "c_compass__hero_BackgroundImage_light": {
-      "name": "--pf-v6-c-compass__hero--BackgroundImage--light",
-      "value": "none"
+    "c_compass_section_TransitionDelay": {
+      "name": "--pf-v6-c-compass--section--TransitionDelay",
+      "value": "0s, 100ms, 100ms, 100ms, 100ms, 100ms",
+      "values": [
+        "0s, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration",
+        "0s, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short",
+        "0s, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm",
+        "0s, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100",
+        "0s, 100ms, 100ms, 100ms, 100ms, 100ms"
+      ]
     },
-    "c_compass__hero_BackgroundImage_dark": {
-      "name": "--pf-v6-c-compass__hero--BackgroundImage--dark",
-      "value": "none"
+    "c_compass_section_m_expanded_duration": {
+      "name": "--pf-v6-c-compass--section--m-expanded--duration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
     },
-    "c_compass__hero_body_Width": {
-      "name": "--pf-v6-c-compass__hero-body--Width",
-      "value": "800px"
+    "c_compass_section_m_expanded_TransitionDuration": {
+      "name": "--pf-v6-c-compass--section--m-expanded--TransitionDuration",
+      "value": "200ms, 0s, 0s, 0s, 0s, 0s",
+      "values": [
+        "--pf-v6-c-compass--section--m-expanded--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s, 0s"
+      ]
     },
-    "c_compass__hero_body_MaxWidth": {
-      "name": "--pf-v6-c-compass__hero-body--MaxWidth",
-      "value": "80%"
+    "c_compass_section_m_expanded_TransitionDelay": {
+      "name": "--pf-v6-c-compass--section--m-expanded--TransitionDelay",
+      "value": "0s"
     }
   },
-  ".pf-v6-c-compass__sidebar": {
-    "c_compass__panel_Padding": {
-      "name": "--pf-v6-c-compass__panel--Padding",
+  ".pf-v6-c-compass__panel.pf-m-no-glass": {
+    "c_compass__panel_BackgroundColor": {
+      "name": "--pf-v6-c-compass__panel--BackgroundColor",
+      "value": "#ffffff",
+      "values": [
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    }
+  },
+  ".pf-v6-c-compass__header.pf-m-expanded": {
+    "c_compass_section_TransitionDelay": {
+      "name": "--pf-v6-c-compass--section--TransitionDelay",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-compass--section--m-expanded--TransitionDelay",
+        "0s"
+      ]
+    },
+    "c_compass_section_TransitionDuration": {
+      "name": "--pf-v6-c-compass--section--TransitionDuration",
+      "value": "200ms, 0s, 0s, 0s, 0s, 0s",
+      "values": [
+        "--pf-v6-c-compass--section--m-expanded--TransitionDuration",
+        "--pf-v6-c-compass--section--m-expanded--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s, 0s"
+      ]
+    }
+  },
+  ".pf-v6-c-compass__nav": {
+    "c_compass__panel_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-compass__nav--PaddingBlockStart",
+        "0"
+      ]
+    },
+    "c_compass__panel_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-compass__nav--PaddingBlockEnd",
+        "0"
+      ]
+    },
+    "c_compass__panel_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__nav--PaddingInlineStart",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__panel_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
       "value": "0.5rem",
       "values": [
-        "--pf-v6-c-compass__sidebar--Padding",
+        "--pf-v6-c-compass__nav--PaddingInlineEnd",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"
       ]
     }
   },
-  ":where(:root.pf-v6-theme-no-glass) .pf-v6-c-compass": {
-    "c_compass_glass_opacity": {
-      "name": "--pf-v6-c-compass--glass--opacity",
-      "value": "100%"
+  ".pf-v6-c-compass__sidebar": {
+    "c_compass__panel_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__sidebar--PaddingBlockStart",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
     },
-    "c_compass_glass_border": {
-      "name": "--pf-v6-c-compass--glass--border",
-      "value": "#c7c7c7",
+    "c_compass__panel_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
+      "value": "0.5rem",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-v6-c-compass__sidebar--PaddingBlockEnd",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
       ]
     },
-    "c_compass_glass_blend_mode": {
-      "name": "--pf-v6-c-compass--glass--blend-mode",
-      "value": "none"
+    "c_compass__panel_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__sidebar--PaddingInlineStart",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
     },
-    "c_compass_glass_blend_mode_dark": {
-      "name": "--pf-v6-c-compass--glass--blend-mode--dark",
-      "value": "none"
+    "c_compass__panel_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__sidebar--PaddingInlineEnd",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
     }
   }
 };