@patternfly/react-tokens 6.0.0-alpha.8 → 6.0.0-alpha.9

package/dist/js/c_action_list.d.ts

@@ -1,59 +1,39 @@
 export const c_action_list: {
-  ".pf-v5-c-action-list": {
-    "c_action_list_m_icon_spacer": {
-      "name": "--pf-v5-c-action-list--m-icon--spacer",
-      "value": "0"
-    },
-    "c_action_list_child_spacer_base": {
-      "name": "--pf-v5-c-action-list--child--spacer-base",
-      "value": "1rem",
+  ":where(:root)": {
+    "c_action_list_RowGap": {
+      "name": "--pf-v5-c-action-list--RowGap",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
-    "c_action_list_group_spacer_base": {
-      "name": "--pf-v5-c-action-list--group--spacer-base",
-      "value": "3rem",
+    "c_action_list_ColumnGap": {
+      "name": "--pf-v5-c-action-list--ColumnGap",
+      "value": "48px",
       "values": [
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "--pf-t--global--spacer--600",
+        "48px"
       ]
     },
-    "c_action_list_child_spacer": {
-      "name": "--pf-v5-c-action-list--child--spacer",
-      "value": "1rem",
+    "c_action_list__group_ColumnGap": {
+      "name": "--pf-v5-c-action-list__group--ColumnGap",
+      "value": "16px",
       "values": [
-        "--pf-v5-c-action-list--child--spacer-base",
-        "--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_action_list_group_spacer": {
-      "name": "--pf-v5-c-action-list--group--spacer",
-      "value": "3rem",
-      "values": [
-        "--pf-v5-c-action-list--group--spacer-base",
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
-      ]
-    }
-  },
-  ".pf-v5-c-action-list.pf-m-icons": {
-    "c_action_list_child_spacer": {
-      "name": "--pf-v5-c-action-list--child--spacer",
-      "value": "0",
+    "c_action_list_m_icons_ColumnGap": {
+      "name": "--pf-v5-c-action-list--m-icons--ColumnGap",
+      "value": "8px",
       "values": [
-        "--pf-v5-c-action-list--m-icon--spacer",
-        "0"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     }
   }

package/dist/js/c_action_list.js

@@ -1,61 +1,41 @@
 "use strict";
 exports.__esModule = true;
 exports.c_action_list = {
-  ".pf-v5-c-action-list": {
-    "c_action_list_m_icon_spacer": {
-      "name": "--pf-v5-c-action-list--m-icon--spacer",
-      "value": "0"
-    },
-    "c_action_list_child_spacer_base": {
-      "name": "--pf-v5-c-action-list--child--spacer-base",
-      "value": "1rem",
+  ":where(:root)": {
+    "c_action_list_RowGap": {
+      "name": "--pf-v5-c-action-list--RowGap",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
-    "c_action_list_group_spacer_base": {
-      "name": "--pf-v5-c-action-list--group--spacer-base",
-      "value": "3rem",
+    "c_action_list_ColumnGap": {
+      "name": "--pf-v5-c-action-list--ColumnGap",
+      "value": "48px",
       "values": [
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "--pf-t--global--spacer--600",
+        "48px"
       ]
     },
-    "c_action_list_child_spacer": {
-      "name": "--pf-v5-c-action-list--child--spacer",
-      "value": "1rem",
+    "c_action_list__group_ColumnGap": {
+      "name": "--pf-v5-c-action-list__group--ColumnGap",
+      "value": "16px",
       "values": [
-        "--pf-v5-c-action-list--child--spacer-base",
-        "--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_action_list_group_spacer": {
-      "name": "--pf-v5-c-action-list--group--spacer",
-      "value": "3rem",
-      "values": [
-        "--pf-v5-c-action-list--group--spacer-base",
-        "--pf-v5-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
-      ]
-    }
-  },
-  ".pf-v5-c-action-list.pf-m-icons": {
-    "c_action_list_child_spacer": {
-      "name": "--pf-v5-c-action-list--child--spacer",
-      "value": "0",
+    "c_action_list_m_icons_ColumnGap": {
+      "name": "--pf-v5-c-action-list--m-icons--ColumnGap",
+      "value": "8px",
       "values": [
-        "--pf-v5-c-action-list--m-icon--spacer",
-        "0"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     }
   }

package/dist/js/c_action_list_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_action_list_ColumnGap: {
+  "name": "--pf-v5-c-action-list--ColumnGap",
+  "value": "48px",
+  "var": "var(--pf-v5-c-action-list--ColumnGap)"
+};
+export default c_action_list_ColumnGap;

package/dist/js/c_action_list_ColumnGap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_action_list_ColumnGap = {
+  "name": "--pf-v5-c-action-list--ColumnGap",
+  "value": "48px",
+  "var": "var(--pf-v5-c-action-list--ColumnGap)"
+};
+exports["default"] = exports.c_action_list_ColumnGap;

package/dist/js/c_action_list_RowGap.d.ts

@@ -0,0 +1,6 @@
+export const c_action_list_RowGap: {
+  "name": "--pf-v5-c-action-list--RowGap",
+  "value": "8px",
+  "var": "var(--pf-v5-c-action-list--RowGap)"
+};
+export default c_action_list_RowGap;

package/dist/js/c_action_list_RowGap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_action_list_RowGap = {
+  "name": "--pf-v5-c-action-list--RowGap",
+  "value": "8px",
+  "var": "var(--pf-v5-c-action-list--RowGap)"
+};
+exports["default"] = exports.c_action_list_RowGap;

package/dist/js/c_action_list__group_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_action_list__group_ColumnGap: {
+  "name": "--pf-v5-c-action-list__group--ColumnGap",
+  "value": "16px",
+  "var": "var(--pf-v5-c-action-list__group--ColumnGap)"
+};
+export default c_action_list__group_ColumnGap;

package/dist/js/c_action_list__group_ColumnGap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_action_list__group_ColumnGap = {
+  "name": "--pf-v5-c-action-list__group--ColumnGap",
+  "value": "16px",
+  "var": "var(--pf-v5-c-action-list__group--ColumnGap)"
+};
+exports["default"] = exports.c_action_list__group_ColumnGap;

package/dist/js/c_action_list_m_icons_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_action_list_m_icons_ColumnGap: {
+  "name": "--pf-v5-c-action-list--m-icons--ColumnGap",
+  "value": "8px",
+  "var": "var(--pf-v5-c-action-list--m-icons--ColumnGap)"
+};
+export default c_action_list_m_icons_ColumnGap;

package/dist/js/c_action_list_m_icons_ColumnGap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_action_list_m_icons_ColumnGap = {
+  "name": "--pf-v5-c-action-list--m-icons--ColumnGap",
+  "value": "8px",
+  "var": "var(--pf-v5-c-action-list--m-icons--ColumnGap)"
+};
+exports["default"] = exports.c_action_list_m_icons_ColumnGap;

package/dist/js/c_back_to_top.d.ts

@@ -94,14 +94,6 @@ export const c_back_to_top: {
         "12px"
       ]
     },
-    "c_button_BorderRadius": {
-      "name": "--pf-v5-c-button--BorderRadius",
-      "value": "undefined",
-      "values": [
-        "--pf-v5-c-back-to-top--c-button--BorderRadius",
-        "undefined"
-      ]
-    },
     "c_button_PaddingTop": {
       "name": "--pf-v5-c-button--PaddingTop",
       "value": "4px",

package/dist/js/c_back_to_top.js

@@ -96,14 +96,6 @@ exports.c_back_to_top = {
         "12px"
       ]
     },
-    "c_button_BorderRadius": {
-      "name": "--pf-v5-c-button--BorderRadius",
-      "value": "undefined",
-      "values": [
-        "--pf-v5-c-back-to-top--c-button--BorderRadius",
-        "undefined"
-      ]
-    },
     "c_button_PaddingTop": {
       "name": "--pf-v5-c-button--PaddingTop",
       "value": "4px",

package/dist/js/c_button.d.ts

@@ -108,46 +108,6 @@ export const c_button: {
       "name": "--pf-v5-c-button--TextDecoration",
       "value": "none"
     },
-    "c_button_BorderStartStartRadius": {
-      "name": "--pf-v5-c-button--BorderStartStartRadius",
-      "value": "999px",
-      "values": [
-        "--pf-v5-c-button--BorderRadius",
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
-    "c_button_BorderStartEndRadius": {
-      "name": "--pf-v5-c-button--BorderStartEndRadius",
-      "value": "999px",
-      "values": [
-        "--pf-v5-c-button--BorderRadius",
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
-    "c_button_BorderEndStartRadius": {
-      "name": "--pf-v5-c-button--BorderEndStartRadius",
-      "value": "999px",
-      "values": [
-        "--pf-v5-c-button--BorderRadius",
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
-    "c_button_BorderEndEndRadius": {
-      "name": "--pf-v5-c-button--BorderEndEndRadius",
-      "value": "999px",
-      "values": [
-        "--pf-v5-c-button--BorderRadius",
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
     "c_button_MixBlendMode": {
       "name": "--pf-v5-c-button--MixBlendMode",
       "value": "normal"

package/dist/js/c_button.js

@@ -110,46 +110,6 @@ exports.c_button = {
       "name": "--pf-v5-c-button--TextDecoration",
       "value": "none"
     },
-    "c_button_BorderStartStartRadius": {
-      "name": "--pf-v5-c-button--BorderStartStartRadius",
-      "value": "999px",
-      "values": [
-        "--pf-v5-c-button--BorderRadius",
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
-    "c_button_BorderStartEndRadius": {
-      "name": "--pf-v5-c-button--BorderStartEndRadius",
-      "value": "999px",
-      "values": [
-        "--pf-v5-c-button--BorderRadius",
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
-    "c_button_BorderEndStartRadius": {
-      "name": "--pf-v5-c-button--BorderEndStartRadius",
-      "value": "999px",
-      "values": [
-        "--pf-v5-c-button--BorderRadius",
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
-    "c_button_BorderEndEndRadius": {
-      "name": "--pf-v5-c-button--BorderEndEndRadius",
-      "value": "999px",
-      "values": [
-        "--pf-v5-c-button--BorderRadius",
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
     "c_button_MixBlendMode": {
       "name": "--pf-v5-c-button--MixBlendMode",
       "value": "normal"

package/dist/js/c_button_BorderEndStartRadius.d.ts

@@ -1,6 +1,6 @@
 export const c_button_BorderEndStartRadius: {
   "name": "--pf-v5-c-button--BorderEndStartRadius",
-  "value": "999px",
+  "value": "0",
   "var": "var(--pf-v5-c-button--BorderEndStartRadius)"
 };
 export default c_button_BorderEndStartRadius;

package/dist/js/c_button_BorderEndStartRadius.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_button_BorderEndStartRadius = {
   "name": "--pf-v5-c-button--BorderEndStartRadius",
-  "value": "999px",
+  "value": "0",
   "var": "var(--pf-v5-c-button--BorderEndStartRadius)"
 };
 exports["default"] = exports.c_button_BorderEndStartRadius;

package/dist/js/c_button_BorderRadius.d.ts

@@ -1,6 +1,6 @@
 export const c_button_BorderRadius: {
   "name": "--pf-v5-c-button--BorderRadius",
-  "value": "undefined",
+  "value": "6px",
   "var": "var(--pf-v5-c-button--BorderRadius)"
 };
 export default c_button_BorderRadius;

package/dist/js/c_button_BorderRadius.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_button_BorderRadius = {
   "name": "--pf-v5-c-button--BorderRadius",
-  "value": "undefined",
+  "value": "6px",
   "var": "var(--pf-v5-c-button--BorderRadius)"
 };
 exports["default"] = exports.c_button_BorderRadius;

package/dist/js/c_button_BorderStartStartRadius.d.ts

@@ -1,6 +1,6 @@
 export const c_button_BorderStartStartRadius: {
   "name": "--pf-v5-c-button--BorderStartStartRadius",
-  "value": "999px",
+  "value": "0",
   "var": "var(--pf-v5-c-button--BorderStartStartRadius)"
 };
 export default c_button_BorderStartStartRadius;

package/dist/js/c_button_BorderStartStartRadius.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_button_BorderStartStartRadius = {
   "name": "--pf-v5-c-button--BorderStartStartRadius",
-  "value": "999px",
+  "value": "0",
   "var": "var(--pf-v5-c-button--BorderStartStartRadius)"
 };
 exports["default"] = exports.c_button_BorderStartStartRadius;

package/dist/js/c_masthead.d.ts

@@ -1,56 +1,5 @@
 export const c_masthead: {
   ":root": {
-    "c_masthead_inset": {
-      "name": "--pf-v5-c-masthead--inset",
-      "value": "24px",
-      "values": [
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
-      ]
-    },
-    "c_masthead_PaddingBlockStart": {
-      "name": "--pf-v5-c-masthead--PaddingBlockStart",
-      "value": "16px",
-      "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "16px"
-      ]
-    },
-    "c_masthead_PaddingBlockEnd": {
-      "name": "--pf-v5-c-masthead--PaddingBlockEnd",
-      "value": "16px",
-      "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "16px"
-      ]
-    },
-    "c_masthead_PaddingInlineStart": {
-      "name": "--pf-v5-c-masthead--PaddingInlineStart",
-      "value": "24px",
-      "values": [
-        "--pf-v5-c-masthead--inset",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
-      ]
-    },
-    "c_masthead_PaddingInlineEnd": {
-      "name": "--pf-v5-c-masthead--PaddingInlineEnd",
-      "value": "24px",
-      "values": [
-        "--pf-v5-c-masthead--inset",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
-      ]
-    },
-    "c_masthead_AlignItems": {
-      "name": "--pf-v5-c-masthead--AlignItems",
-      "value": "start"
-    },
     "c_masthead_RowGap": {
       "name": "--pf-v5-c-masthead--RowGap",
       "value": "8px",
@@ -69,16 +18,6 @@ export const c_masthead: {
         "16px"
       ]
     },
-    "c_masthead_BackgroundColor": {
-      "name": "--pf-v5-c-masthead--BackgroundColor",
-      "value": "#f2f2f2",
-      "values": [
-        "--pf-t--global--background--color--secondary--default",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
-      ]
-    },
     "c_masthead_BorderWidth": {
       "name": "--pf-v5-c-masthead--BorderWidth",
       "value": "1px",
@@ -88,6 +27,24 @@ export const c_masthead: {
         "1px"
       ]
     },
+    "c_masthead_PaddingBlock": {
+      "name": "--pf-v5-c-masthead--PaddingBlock",
+      "value": "16px",
+      "values": [
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
+      ]
+    },
+    "c_masthead_PaddingInline": {
+      "name": "--pf-v5-c-masthead--PaddingInline",
+      "value": "24px",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
+      ]
+    },
     "c_masthead_BorderColor": {
       "name": "--pf-v5-c-masthead--BorderColor",
       "value": "#c7c7c7",
@@ -207,103 +164,43 @@ export const c_masthead: {
         "1px solid --pf-t--color--gray--30",
         "1px solid #c7c7c7"
       ]
-    }
-  },
-  ".pf-v5-c-masthead": {
-    "c_toolbar_PaddingTop": {
-      "name": "--pf-v5-c-toolbar--PaddingTop",
-      "value": "0"
     },
-    "c_toolbar_PaddingBottom": {
-      "name": "--pf-v5-c-toolbar--PaddingBottom",
-      "value": "0"
+    "c_masthead_pf_v5_c_toolbar_Width": {
+      "name": "--pf-v5-c-masthead--pf-v5-c-toolbar--Width",
+      "value": "100%"
     },
-    "c_toolbar__content_PaddingRight": {
-      "name": "--pf-v5-c-toolbar__content--PaddingRight",
+    "c_masthead_pf_v5_c_toolbar_PaddingBlock": {
+      "name": "--pf-v5-c-masthead--pf-v5-c-toolbar--PaddingBlock",
       "value": "0"
     },
-    "c_toolbar__content_PaddingLeft": {
-      "name": "--pf-v5-c-toolbar__content--PaddingLeft",
+    "c_masthead_pf_v5_c_toolbar_PaddingInline": {
+      "name": "--pf-v5-c-masthead--pf-v5-c-toolbar--PaddingInline",
       "value": "0"
-    },
-    "c_toolbar__expandable_content_PaddingTop": {
-      "name": "--pf-v5-c-toolbar__expandable-content--PaddingTop",
-      "value": "16px",
-      "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "16px"
-      ]
-    },
-    "c_toolbar__expandable_content_PaddingRight": {
-      "name": "--pf-v5-c-toolbar__expandable-content--PaddingRight",
-      "value": "24px",
-      "values": [
-        "--pf-v5-c-masthead--inset",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
-      ]
-    },
-    "c_toolbar__expandable_content_PaddingBottom": {
-      "name": "--pf-v5-c-toolbar__expandable-content--PaddingBottom",
-      "value": "16px",
-      "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "16px"
-      ]
-    },
-    "c_toolbar__expandable_content_PaddingLeft": {
-      "name": "--pf-v5-c-toolbar__expandable-content--PaddingLeft",
-      "value": "24px",
-      "values": [
-        "--pf-v5-c-masthead--inset",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
-      ]
-    },
-    "c_toolbar__expandable_content_BackgroundColor": {
-      "name": "--pf-v5-c-toolbar__expandable-content--BackgroundColor",
-      "value": "#f2f2f2",
+    }
+  },
+  ".pf-v5-c-masthead": {
+    "c_toolbar_Width": {
+      "name": "--pf-v5-c-toolbar--Width",
+      "value": "100%",
       "values": [
-        "--pf-v5-c-masthead--BackgroundColor",
-        "--pf-t--global--background--color--secondary--default",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-v5-c-masthead--pf-v5-c-toolbar--Width",
+        "100%"
       ]
     },
-    "c_toolbar__expandable_content_lg_PaddingRight": {
-      "name": "--pf-v5-c-toolbar__expandable-content--lg--PaddingRight",
-      "value": "24px",
-      "values": [
-        "--pf-v5-c-masthead--PaddingInlineStart",
-        "--pf-v5-c-masthead--inset",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
-      ]
-    },
-    "c_toolbar__expandable_content_lg_PaddingBottom": {
-      "name": "--pf-v5-c-toolbar__expandable-content--lg--PaddingBottom",
-      "value": "16px",
+    "c_toolbar__content_PaddingBlock": {
+      "name": "--pf-v5-c-toolbar__content--PaddingBlock",
+      "value": "0",
       "values": [
-        "--pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300",
-        "16px"
+        "--pf-v5-c-masthead--pf-v5-c-toolbar--PaddingBlock",
+        "0"
       ]
     },
-    "c_toolbar__expandable_content_lg_PaddingLeft": {
-      "name": "--pf-v5-c-toolbar__expandable-content--lg--PaddingLeft",
-      "value": "24px",
+    "c_toolbar__content_PaddingInline": {
+      "name": "--pf-v5-c-toolbar__content--PaddingInline",
+      "value": "0",
       "values": [
-        "--pf-v5-c-masthead--PaddingInlineEnd",
-        "--pf-v5-c-masthead--inset",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "24px"
+        "--pf-v5-c-masthead--pf-v5-c-toolbar--PaddingInline",
+        "0"
       ]
     },
     "c_masthead_GridTemplateColumns": {