npm - @patternfly/react-tokens - Versions diffs - 6.5.0-prerelease.1 → 6.5.0-prerelease.10 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (890) hide show

package/dist/esm/c_page.d.ts CHANGED Viewed

@@ -29,6 +29,15 @@ export const c_page: {
         "300"
       ]
     },
+    "c_page__dock_ZIndex": {
+      "name": "--pf-v6-c-page__dock--ZIndex",
+      "value": "300",
+      "values": [
+        "--pf-t--global--z-index--md",
+        "--pf-t--global--z-index--300",
+        "300"
+      ]
+    },
     "c_page__sidebar_ZIndex": {
       "name": "--pf-v6-c-page__sidebar--ZIndex",
       "value": "200",
@@ -871,6 +880,64 @@ export const c_page: {
         "--pf-t--global--border--color--high-contrast",
         "rgba(255, 255, 255, 0.0000)"
       ]
+    },
+    "c_page_m_dock__main_container_MaxHeight": {
+      "name": "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+      "value": "calc(100% - 1.5rem * 2)",
+      "values": [
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 1.5rem * 2)"
+      ]
+    },
+    "c_page_m_dock__main_container_MarginBlockStart": {
+      "name": "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_page_m_dock_ColumnGap": {
+      "name": "--pf-v6-c-page--m-dock--ColumnGap",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    }
+  },
+  ".pf-v6-c-page.pf-m-dock": {
+    "c_page_masthead_main_container_GridArea": {
+      "name": "--pf-v6-c-page--masthead--main-container--GridArea",
+      "value": "main"
+    },
+    "c_page__main_container_MaxHeight": {
+      "name": "--pf-v6-c-page__main-container--MaxHeight",
+      "value": "calc(100% - 1.5rem * 2)",
+      "values": [
+        "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 1.5rem * 2)"
+      ]
+    },
+    "c_page__main_container_MarginBlockStart": {
+      "name": "--pf-v6-c-page__main-container--MarginBlockStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_page__main_container_MarginInlineStart": {
+      "name": "--pf-v6-c-page__main-container--MarginInlineStart",
+      "value": "0"
     }
   },
   ".pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)": {

package/dist/esm/c_page.js CHANGED Viewed

@@ -29,6 +29,15 @@ export const c_page = {
         "300"
       ]
     },
+    "c_page__dock_ZIndex": {
+      "name": "--pf-v6-c-page__dock--ZIndex",
+      "value": "300",
+      "values": [
+        "--pf-t--global--z-index--md",
+        "--pf-t--global--z-index--300",
+        "300"
+      ]
+    },
     "c_page__sidebar_ZIndex": {
       "name": "--pf-v6-c-page__sidebar--ZIndex",
       "value": "200",
@@ -871,6 +880,64 @@ export const c_page = {
         "--pf-t--global--border--color--high-contrast",
         "rgba(255, 255, 255, 0.0000)"
       ]
+    },
+    "c_page_m_dock__main_container_MaxHeight": {
+      "name": "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+      "value": "calc(100% - 1.5rem * 2)",
+      "values": [
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 1.5rem * 2)"
+      ]
+    },
+    "c_page_m_dock__main_container_MarginBlockStart": {
+      "name": "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_page_m_dock_ColumnGap": {
+      "name": "--pf-v6-c-page--m-dock--ColumnGap",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    }
+  },
+  ".pf-v6-c-page.pf-m-dock": {
+    "c_page_masthead_main_container_GridArea": {
+      "name": "--pf-v6-c-page--masthead--main-container--GridArea",
+      "value": "main"
+    },
+    "c_page__main_container_MaxHeight": {
+      "name": "--pf-v6-c-page__main-container--MaxHeight",
+      "value": "calc(100% - 1.5rem * 2)",
+      "values": [
+        "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 1.5rem * 2)"
+      ]
+    },
+    "c_page__main_container_MarginBlockStart": {
+      "name": "--pf-v6-c-page__main-container--MarginBlockStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_page__main_container_MarginInlineStart": {
+      "name": "--pf-v6-c-page__main-container--MarginInlineStart",
+      "value": "0"
     }
   },
   ".pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)": {

package/dist/esm/c_page__dock_ZIndex.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page__dock_ZIndex: {
+  "name": "--pf-v6-c-page__dock--ZIndex",
+  "value": "300",
+  "var": "var(--pf-v6-c-page__dock--ZIndex)"
+};
+export default c_page__dock_ZIndex;

package/dist/esm/c_page__dock_ZIndex.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page__dock_ZIndex = {
+  "name": "--pf-v6-c-page__dock--ZIndex",
+  "value": "300",
+  "var": "var(--pf-v6-c-page__dock--ZIndex)"
+};
+export default c_page__dock_ZIndex;

package/dist/esm/c_page__main_container_MarginBlockStart.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page__main_container_MarginBlockStart: {
+  "name": "--pf-v6-c-page__main-container--MarginBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page__main-container--MarginBlockStart)"
+};
+export default c_page__main_container_MarginBlockStart;

package/dist/esm/c_page__main_container_MarginBlockStart.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page__main_container_MarginBlockStart = {
+  "name": "--pf-v6-c-page__main-container--MarginBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page__main-container--MarginBlockStart)"
+};
+export default c_page__main_container_MarginBlockStart;

package/dist/esm/c_page__main_container_MarginInlineStart.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_container_MarginInlineStart: {
   "name": "--pf-v6-c-page__main-container--MarginInlineStart",
-  "value": "1.5rem",
+  "value": "0",
   "var": "var(--pf-v6-c-page__main-container--MarginInlineStart)"
 };
 export default c_page__main_container_MarginInlineStart;

package/dist/esm/c_page__main_container_MarginInlineStart.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_container_MarginInlineStart = {
   "name": "--pf-v6-c-page__main-container--MarginInlineStart",
-  "value": "1.5rem",
+  "value": "0",
   "var": "var(--pf-v6-c-page__main-container--MarginInlineStart)"
 };
 export default c_page__main_container_MarginInlineStart;

package/dist/esm/c_page__main_container_MaxHeight.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_container_MaxHeight: {
   "name": "--pf-v6-c-page__main-container--MaxHeight",
-  "value": "calc(100% - 1.5rem)",
+  "value": "calc(100% - 1.5rem * 2)",
   "var": "var(--pf-v6-c-page__main-container--MaxHeight)"
 };
 export default c_page__main_container_MaxHeight;

package/dist/esm/c_page__main_container_MaxHeight.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_container_MaxHeight = {
   "name": "--pf-v6-c-page__main-container--MaxHeight",
-  "value": "calc(100% - 1.5rem)",
+  "value": "calc(100% - 1.5rem * 2)",
   "var": "var(--pf-v6-c-page__main-container--MaxHeight)"
 };
 export default c_page__main_container_MaxHeight;

package/dist/esm/c_page_m_dock_ColumnGap.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page_m_dock_ColumnGap: {
+  "name": "--pf-v6-c-page--m-dock--ColumnGap",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page--m-dock--ColumnGap)"
+};
+export default c_page_m_dock_ColumnGap;

package/dist/esm/c_page_m_dock_ColumnGap.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page_m_dock_ColumnGap = {
+  "name": "--pf-v6-c-page--m-dock--ColumnGap",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page--m-dock--ColumnGap)"
+};
+export default c_page_m_dock_ColumnGap;

package/dist/esm/c_page_m_dock__main_container_MarginBlockStart.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page_m_dock__main_container_MarginBlockStart: {
+  "name": "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart)"
+};
+export default c_page_m_dock__main_container_MarginBlockStart;

package/dist/esm/c_page_m_dock__main_container_MarginBlockStart.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page_m_dock__main_container_MarginBlockStart = {
+  "name": "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart)"
+};
+export default c_page_m_dock__main_container_MarginBlockStart;

package/dist/esm/c_page_m_dock__main_container_MaxHeight.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page_m_dock__main_container_MaxHeight: {
+  "name": "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+  "value": "calc(100% - 1.5rem * 2)",
+  "var": "var(--pf-v6-c-page--m-dock__main-container--MaxHeight)"
+};
+export default c_page_m_dock__main_container_MaxHeight;

package/dist/esm/c_page_m_dock__main_container_MaxHeight.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page_m_dock__main_container_MaxHeight = {
+  "name": "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+  "value": "calc(100% - 1.5rem * 2)",
+  "var": "var(--pf-v6-c-page--m-dock__main-container--MaxHeight)"
+};
+export default c_page_m_dock__main_container_MaxHeight;

package/dist/esm/c_page_masthead_main_container_GridArea.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page_masthead_main_container_GridArea: {
   "name": "--pf-v6-c-page--masthead--main-container--GridArea",
-  "value": "sidebar / sidebar / main / main",
+  "value": "main",
   "var": "var(--pf-v6-c-page--masthead--main-container--GridArea)"
 };
 export default c_page_masthead_main_container_GridArea;

package/dist/esm/c_page_masthead_main_container_GridArea.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page_masthead_main_container_GridArea = {
   "name": "--pf-v6-c-page--masthead--main-container--GridArea",
-  "value": "sidebar / sidebar / main / main",
+  "value": "main",
   "var": "var(--pf-v6-c-page--masthead--main-container--GridArea)"
 };
 export default c_page_masthead_main_container_GridArea;

package/dist/esm/c_skeleton.d.ts CHANGED Viewed

@@ -37,7 +37,7 @@ export const c_skeleton: {
     },
     "c_skeleton_before_Content": {
       "name": "--pf-v6-c-skeleton--before--Content",
-      "value": "\" \""
+      "value": "\"\\00a0\""
     },
     "c_skeleton_after_LinearGradientAngle": {
       "name": "--pf-v6-c-skeleton--after--LinearGradientAngle",

package/dist/esm/c_skeleton.js CHANGED Viewed

@@ -37,7 +37,7 @@ export const c_skeleton = {
     },
     "c_skeleton_before_Content": {
       "name": "--pf-v6-c-skeleton--before--Content",
-      "value": "\" \""
+      "value": "\"\\00a0\""
     },
     "c_skeleton_after_LinearGradientAngle": {
       "name": "--pf-v6-c-skeleton--after--LinearGradientAngle",

package/dist/esm/c_skeleton_before_Content.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_skeleton_before_Content: {
   "name": "--pf-v6-c-skeleton--before--Content",
-  "value": "\" \"",
+  "value": "\"\\00a0\"",
   "var": "var(--pf-v6-c-skeleton--before--Content)"
 };
 export default c_skeleton_before_Content;

package/dist/esm/c_skeleton_before_Content.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_skeleton_before_Content = {
   "name": "--pf-v6-c-skeleton--before--Content",
-  "value": "\" \"",
+  "value": "\"\\00a0\"",
   "var": "var(--pf-v6-c-skeleton--before--Content)"
 };
 export default c_skeleton_before_Content;

package/dist/esm/c_tabs.d.ts CHANGED Viewed

@@ -1912,10 +1912,6 @@ export const c_tabs: {
         "#a3a3a3"
       ]
     },
-    "c_tabs__link_hover_BorderColor": {
-      "name": "--pf-v6-c-tabs__link--hover--BorderColor",
-      "value": "transparent"
-    },
     "c_tabs__link_BorderRadius": {
       "name": "--pf-v6-c-tabs__link--BorderRadius",
       "value": "999px",

package/dist/esm/c_tabs.js CHANGED Viewed

@@ -1912,10 +1912,6 @@ export const c_tabs = {
         "#a3a3a3"
       ]
     },
-    "c_tabs__link_hover_BorderColor": {
-      "name": "--pf-v6-c-tabs__link--hover--BorderColor",
-      "value": "transparent"
-    },
     "c_tabs__link_BorderRadius": {
       "name": "--pf-v6-c-tabs__link--BorderRadius",
       "value": "999px",

package/dist/esm/c_tabs__link_hover_BorderColor.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_tabs__link_hover_BorderColor: {
   "name": "--pf-v6-c-tabs__link--hover--BorderColor",
-  "value": "transparent",
+  "value": "rgba(255, 255, 255, 0.0000)",
   "var": "var(--pf-v6-c-tabs__link--hover--BorderColor)"
 };
 export default c_tabs__link_hover_BorderColor;

package/dist/esm/c_tabs__link_hover_BorderColor.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_tabs__link_hover_BorderColor = {
   "name": "--pf-v6-c-tabs__link--hover--BorderColor",
-  "value": "transparent",
+  "value": "rgba(255, 255, 255, 0.0000)",
   "var": "var(--pf-v6-c-tabs__link--hover--BorderColor)"
 };
 export default c_tabs__link_hover_BorderColor;

package/dist/esm/c_toolbar.d.ts CHANGED Viewed

@@ -324,6 +324,10 @@ export const c_toolbar: {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
+    "c_toolbar_m_vertical_Width": {
+      "name": "--pf-v6-c-toolbar--m-vertical--Width",
+      "value": "fit-content"
+    },
     "c_toolbar__expand_all_icon_Rotate": {
       "name": "--pf-v6-c-toolbar__expand-all-icon--Rotate",
       "value": "0"
@@ -542,6 +546,28 @@ export const c_toolbar: {
       ]
     }
   },
+  ".pf-v6-c-toolbar.pf-m-vertical": {
+    "c_toolbar_child_m_align_end_MarginBlockStart": {
+      "name": "--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart",
+      "value": "auto"
+    },
+    "c_toolbar_child_m_align_end_MarginInlineStart": {
+      "name": "--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart",
+      "value": "0"
+    },
+    "c_toolbar_PaddingBlockEnd": {
+      "name": "--pf-v6-c-toolbar--PaddingBlockEnd",
+      "value": "0"
+    },
+    "c_toolbar_Width": {
+      "name": "--pf-v6-c-toolbar--Width",
+      "value": "fit-content",
+      "values": [
+        "--pf-v6-c-toolbar--m-vertical--Width",
+        "fit-content"
+      ]
+    }
+  },
   ".pf-v6-c-toolbar__item": {
     "c_toolbar__item_Width_base": {
       "name": "--pf-v6-c-toolbar__item--Width--base",

package/dist/esm/c_toolbar.js CHANGED Viewed

@@ -324,6 +324,10 @@ export const c_toolbar = {
         "rgba(255, 255, 255, 0.0000)"
       ]
     },
+    "c_toolbar_m_vertical_Width": {
+      "name": "--pf-v6-c-toolbar--m-vertical--Width",
+      "value": "fit-content"
+    },
     "c_toolbar__expand_all_icon_Rotate": {
       "name": "--pf-v6-c-toolbar__expand-all-icon--Rotate",
       "value": "0"
@@ -542,6 +546,28 @@ export const c_toolbar = {
       ]
     }
   },
+  ".pf-v6-c-toolbar.pf-m-vertical": {
+    "c_toolbar_child_m_align_end_MarginBlockStart": {
+      "name": "--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart",
+      "value": "auto"
+    },
+    "c_toolbar_child_m_align_end_MarginInlineStart": {
+      "name": "--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart",
+      "value": "0"
+    },
+    "c_toolbar_PaddingBlockEnd": {
+      "name": "--pf-v6-c-toolbar--PaddingBlockEnd",
+      "value": "0"
+    },
+    "c_toolbar_Width": {
+      "name": "--pf-v6-c-toolbar--Width",
+      "value": "fit-content",
+      "values": [
+        "--pf-v6-c-toolbar--m-vertical--Width",
+        "fit-content"
+      ]
+    }
+  },
   ".pf-v6-c-toolbar__item": {
     "c_toolbar__item_Width_base": {
       "name": "--pf-v6-c-toolbar__item--Width--base",

package/dist/esm/c_toolbar_Width.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_toolbar_Width: {
   "name": "--pf-v6-c-toolbar--Width",
-  "value": "100%",
+  "value": "fit-content",
   "var": "var(--pf-v6-c-toolbar--Width)"
 };
 export default c_toolbar_Width;

package/dist/esm/c_toolbar_Width.js CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_toolbar_Width = {
   "name": "--pf-v6-c-toolbar--Width",
-  "value": "100%",
+  "value": "fit-content",
   "var": "var(--pf-v6-c-toolbar--Width)"
 };
 export default c_toolbar_Width;

package/dist/esm/c_toolbar_child_m_align_end_MarginBlockStart.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_toolbar_child_m_align_end_MarginBlockStart: {
+  "name": "--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart",
+  "value": "auto",
+  "var": "var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart)"
+};
+export default c_toolbar_child_m_align_end_MarginBlockStart;

package/dist/esm/c_toolbar_child_m_align_end_MarginBlockStart.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_toolbar_child_m_align_end_MarginBlockStart = {
+  "name": "--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart",
+  "value": "auto",
+  "var": "var(--pf-v6-c-toolbar--child--m-align-end--MarginBlockStart)"
+};
+export default c_toolbar_child_m_align_end_MarginBlockStart;

package/dist/esm/c_toolbar_child_m_align_end_MarginInlineStart.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_toolbar_child_m_align_end_MarginInlineStart: {
+  "name": "--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart",
+  "value": "0",
+  "var": "var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart)"
+};
+export default c_toolbar_child_m_align_end_MarginInlineStart;

package/dist/esm/c_toolbar_child_m_align_end_MarginInlineStart.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_toolbar_child_m_align_end_MarginInlineStart = {
+  "name": "--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart",
+  "value": "0",
+  "var": "var(--pf-v6-c-toolbar--child--m-align-end--MarginInlineStart)"
+};
+export default c_toolbar_child_m_align_end_MarginInlineStart;

package/dist/esm/c_toolbar_m_vertical_Width.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_toolbar_m_vertical_Width: {
+  "name": "--pf-v6-c-toolbar--m-vertical--Width",
+  "value": "fit-content",
+  "var": "var(--pf-v6-c-toolbar--m-vertical--Width)"
+};
+export default c_toolbar_m_vertical_Width;

package/dist/esm/c_toolbar_m_vertical_Width.js ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_toolbar_m_vertical_Width = {
+  "name": "--pf-v6-c-toolbar--m-vertical--Width",
+  "value": "fit-content",
+  "var": "var(--pf-v6-c-toolbar--m-vertical--Width)"
+};
+export default c_toolbar_m_vertical_Width;