@patternfly/react-tokens 6.0.0-alpha.15 → 6.0.0-alpha.17

package/dist/esm/c_masthead.js

@@ -1,5 +1,5 @@
 export const c_masthead = {
-  ":root": {
+  ":where(:root)": {
     "c_masthead_RowGap": {
       "name": "--pf-v6-c-masthead--RowGap",
       "value": "8px",
@@ -55,6 +55,16 @@ export const c_masthead = {
         "#c7c7c7"
       ]
     },
+    "c_masthead_BackgroundColor": {
+      "name": "--pf-v6-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__brand_MarginInlineEnd": {
       "name": "--pf-v6-c-masthead__brand--MarginInlineEnd",
       "value": "16px",
@@ -167,44 +177,20 @@ export const c_masthead = {
         "1px solid #c7c7c7"
       ]
     },
-    "c_masthead_pf_v6_c_toolbar_Width": {
-      "name": "--pf-v6-c-masthead--pf-v6-c-toolbar--Width",
+    "c_masthead_c_toolbar_Width": {
+      "name": "--pf-v6-c-masthead--c-toolbar--Width",
       "value": "100%"
     },
-    "c_masthead_pf_v6_c_toolbar_PaddingBlock": {
-      "name": "--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingBlock",
+    "c_masthead_c_toolbar_PaddingBlock": {
+      "name": "--pf-v6-c-masthead--c-toolbar--PaddingBlock",
       "value": "0"
     },
-    "c_masthead_pf_v6_c_toolbar_PaddingInline": {
-      "name": "--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingInline",
+    "c_masthead_c_toolbar_PaddingInline": {
+      "name": "--pf-v6-c-masthead--c-toolbar--PaddingInline",
       "value": "0"
     }
   },
   ".pf-v6-c-masthead": {
-    "c_toolbar_Width": {
-      "name": "--pf-v6-c-toolbar--Width",
-      "value": "100%",
-      "values": [
-        "--pf-v6-c-masthead--pf-v6-c-toolbar--Width",
-        "100%"
-      ]
-    },
-    "c_toolbar__content_PaddingBlock": {
-      "name": "--pf-v6-c-toolbar__content--PaddingBlock",
-      "value": "0",
-      "values": [
-        "--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingBlock",
-        "0"
-      ]
-    },
-    "c_toolbar__content_PaddingInline": {
-      "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "0",
-      "values": [
-        "--pf-v6-c-masthead--pf-v6-c-toolbar--PaddingInline",
-        "0"
-      ]
-    },
     "c_masthead_GridTemplateColumns": {
       "name": "--pf-v6-c-masthead--GridTemplateColumns",
       "value": "max-content 1fr",
@@ -268,6 +254,36 @@ export const c_masthead = {
       ]
     }
   },
+  ".pf-v6-c-masthead .pf-v6-c-toolbar": {
+    "c_toolbar_Width": {
+      "name": "--pf-v6-c-toolbar--Width",
+      "value": "100%",
+      "values": [
+        "--pf-v6-c-masthead--c-toolbar--Width",
+        "100%"
+      ]
+    },
+    "c_toolbar__content_PaddingBlock": {
+      "name": "--pf-v6-c-toolbar__content--PaddingBlock",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-masthead--c-toolbar--PaddingBlock",
+        "0"
+      ]
+    },
+    "c_toolbar__content_PaddingInline": {
+      "name": "--pf-v6-c-toolbar__content--PaddingInline",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-masthead--c-toolbar--PaddingInline",
+        "0"
+      ]
+    },
+    "c_toolbar__content_MinWidth": {
+      "name": "--pf-v6-c-toolbar__content--MinWidth",
+      "value": "0"
+    }
+  },
   ".pf-v6-c-masthead.pf-m-display-stack": {
     "c_masthead_GridTemplateColumns": {
       "name": "--pf-v6-c-masthead--GridTemplateColumns",

package/dist/esm/c_masthead_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_BackgroundColor: {
+  "name": "--pf-v6-c-masthead--BackgroundColor",
+  "value": "#f2f2f2",
+  "var": "var(--pf-v6-c-masthead--BackgroundColor)"
+};
+export default c_masthead_BackgroundColor;

package/dist/esm/c_masthead_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_masthead_BackgroundColor = {
+  "name": "--pf-v6-c-masthead--BackgroundColor",
+  "value": "#f2f2f2",
+  "var": "var(--pf-v6-c-masthead--BackgroundColor)"
+};
+export default c_masthead_BackgroundColor;

package/dist/esm/c_masthead_c_toolbar_PaddingBlock.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_c_toolbar_PaddingBlock: {
+  "name": "--pf-v6-c-masthead--c-toolbar--PaddingBlock",
+  "value": "0",
+  "var": "var(--pf-v6-c-masthead--c-toolbar--PaddingBlock)"
+};
+export default c_masthead_c_toolbar_PaddingBlock;

package/dist/esm/c_masthead_c_toolbar_PaddingBlock.js

@@ -0,0 +1,6 @@
+export const c_masthead_c_toolbar_PaddingBlock = {
+  "name": "--pf-v6-c-masthead--c-toolbar--PaddingBlock",
+  "value": "0",
+  "var": "var(--pf-v6-c-masthead--c-toolbar--PaddingBlock)"
+};
+export default c_masthead_c_toolbar_PaddingBlock;

package/dist/esm/c_masthead_c_toolbar_PaddingInline.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_c_toolbar_PaddingInline: {
+  "name": "--pf-v6-c-masthead--c-toolbar--PaddingInline",
+  "value": "0",
+  "var": "var(--pf-v6-c-masthead--c-toolbar--PaddingInline)"
+};
+export default c_masthead_c_toolbar_PaddingInline;

package/dist/esm/c_masthead_c_toolbar_PaddingInline.js

@@ -0,0 +1,6 @@
+export const c_masthead_c_toolbar_PaddingInline = {
+  "name": "--pf-v6-c-masthead--c-toolbar--PaddingInline",
+  "value": "0",
+  "var": "var(--pf-v6-c-masthead--c-toolbar--PaddingInline)"
+};
+export default c_masthead_c_toolbar_PaddingInline;

package/dist/esm/c_masthead_c_toolbar_Width.d.ts

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

package/dist/esm/c_masthead_c_toolbar_Width.js

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

package/dist/esm/c_menu.d.ts

@@ -1,5 +1,5 @@
 export const c_menu: {
-  ".pf-v6-c-menu__content": {
+  ".pf-v6-c-menu__item": {
     "_pf_v5_hidden_visible_hidden_Display": {
       "name": "--pf-v5-hidden-visible--hidden--Display",
       "value": "none"
@@ -17,7 +17,7 @@ export const c_menu: {
       "value": "flex"
     }
   },
-  ".pf-m-hidden.pf-v6-c-menu__content": {
+  ".pf-m-hidden.pf-v6-c-menu__item": {
     "_pf_v5_hidden_visible_Display": {
       "name": "--pf-v5-hidden-visible--Display",
       "value": "undefined",
@@ -779,7 +779,7 @@ export const c_menu: {
       ]
     }
   },
-  ".pf-v6-c-menu": {
+  ".pf-v6-c-menu__list": {
     "_pf_v5_hidden_visible_visible_Display": {
       "name": "--pf-v5-hidden-visible--visible--Display",
       "value": "grid"
@@ -964,7 +964,7 @@ export const c_menu: {
       ]
     }
   },
-  ".pf-v6-c-menu__list-item:has(> :hover)": {
+  ".pf-v6-c-menu__list-item.pf-m-focus": {
     "c_menu__list_item_BackgroundColor": {
       "name": "--pf-v6-c-menu__list-item--BackgroundColor",
       "value": "",

package/dist/esm/c_menu.js

@@ -1,5 +1,5 @@
 export const c_menu = {
-  ".pf-v6-c-menu__content": {
+  ".pf-v6-c-menu__item": {
     "_pf_v5_hidden_visible_hidden_Display": {
       "name": "--pf-v5-hidden-visible--hidden--Display",
       "value": "none"
@@ -17,7 +17,7 @@ export const c_menu = {
       "value": "flex"
     }
   },
-  ".pf-m-hidden.pf-v6-c-menu__content": {
+  ".pf-m-hidden.pf-v6-c-menu__item": {
     "_pf_v5_hidden_visible_Display": {
       "name": "--pf-v5-hidden-visible--Display",
       "value": "undefined",
@@ -779,7 +779,7 @@ export const c_menu = {
       ]
     }
   },
-  ".pf-v6-c-menu": {
+  ".pf-v6-c-menu__list": {
     "_pf_v5_hidden_visible_visible_Display": {
       "name": "--pf-v5-hidden-visible--visible--Display",
       "value": "grid"
@@ -964,7 +964,7 @@ export const c_menu = {
       ]
     }
   },
-  ".pf-v6-c-menu__list-item:has(> :hover)": {
+  ".pf-v6-c-menu__list-item.pf-m-focus": {
     "c_menu__list_item_BackgroundColor": {
       "name": "--pf-v6-c-menu__list-item--BackgroundColor",
       "value": "",

package/dist/esm/c_menu_toggle.d.ts

@@ -282,6 +282,28 @@ export const c_menu_toggle: {
         "#a3a3a3"
       ]
     },
+    "c_menu_toggle__icon_MinHeight": {
+      "name": "--pf-v6-c-menu-toggle__icon--MinHeight",
+      "value": "calc(14px * 1.5)",
+      "values": [
+        "calc(--pf-v6-c-menu__item--FontSize * --pf-v6-c-menu__item--LineHeight)",
+        "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)",
+        "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)",
+        "calc(--pf-t--global--font--size--200 * 1.5)",
+        "calc(14px * 1.5)"
+      ]
+    },
+    "c_menu_toggle__toggle_icon_MinHeight": {
+      "name": "--pf-v6-c-menu-toggle__toggle-icon--MinHeight",
+      "value": "calc(14px * 1.5)",
+      "values": [
+        "calc(--pf-v6-c-menu__item--FontSize * --pf-v6-c-menu__item--LineHeight)",
+        "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)",
+        "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)",
+        "calc(--pf-t--global--font--size--200 * 1.5)",
+        "calc(14px * 1.5)"
+      ]
+    },
     "c_menu_toggle_m_button_PaddingLeft": {
       "name": "--pf-v6-c-menu-toggle--m-button--PaddingLeft",
       "value": "16px",
@@ -964,6 +986,24 @@ export const c_menu_toggle: {
     "c_menu_toggle_m_typeahead__button_AlignSelf": {
       "name": "--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf",
       "value": "stretch"
+    },
+    "c_menu_toggle_m_small_PaddingTop": {
+      "name": "--pf-v6-c-menu-toggle--m-small--PaddingTop",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_menu_toggle_m_small_PaddingBottom": {
+      "name": "--pf-v6-c-menu-toggle--m-small--PaddingBottom",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
     }
   },
   ".pf-v6-c-menu-toggle.pf-m-primary": {
@@ -1515,6 +1555,28 @@ export const c_menu_toggle: {
       ]
     }
   },
+  ".pf-v6-c-menu-toggle.pf-m-small": {
+    "c_menu_toggle_PaddingTop": {
+      "name": "--pf-v6-c-menu-toggle--PaddingTop",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-menu-toggle--m-small--PaddingTop",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_menu_toggle_PaddingBottom": {
+      "name": "--pf-v6-c-menu-toggle--PaddingBottom",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-menu-toggle--m-small--PaddingBottom",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    }
+  },
   ".pf-v6-c-menu-toggle.pf-m-split-button": {
     "c_menu_toggle_ColumnGap": {
       "name": "--pf-v6-c-menu-toggle--ColumnGap",

package/dist/esm/c_menu_toggle.js

@@ -282,6 +282,28 @@ export const c_menu_toggle = {
         "#a3a3a3"
       ]
     },
+    "c_menu_toggle__icon_MinHeight": {
+      "name": "--pf-v6-c-menu-toggle__icon--MinHeight",
+      "value": "calc(14px * 1.5)",
+      "values": [
+        "calc(--pf-v6-c-menu__item--FontSize * --pf-v6-c-menu__item--LineHeight)",
+        "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)",
+        "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)",
+        "calc(--pf-t--global--font--size--200 * 1.5)",
+        "calc(14px * 1.5)"
+      ]
+    },
+    "c_menu_toggle__toggle_icon_MinHeight": {
+      "name": "--pf-v6-c-menu-toggle__toggle-icon--MinHeight",
+      "value": "calc(14px * 1.5)",
+      "values": [
+        "calc(--pf-v6-c-menu__item--FontSize * --pf-v6-c-menu__item--LineHeight)",
+        "calc(--pf-t--global--font--size--body--default * --pf-t--global--font--line-height--body)",
+        "calc(--pf-t--global--font--size--sm * --pf-t--global--font--line-height--200)",
+        "calc(--pf-t--global--font--size--200 * 1.5)",
+        "calc(14px * 1.5)"
+      ]
+    },
     "c_menu_toggle_m_button_PaddingLeft": {
       "name": "--pf-v6-c-menu-toggle--m-button--PaddingLeft",
       "value": "16px",
@@ -964,6 +986,24 @@ export const c_menu_toggle = {
     "c_menu_toggle_m_typeahead__button_AlignSelf": {
       "name": "--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf",
       "value": "stretch"
+    },
+    "c_menu_toggle_m_small_PaddingTop": {
+      "name": "--pf-v6-c-menu-toggle--m-small--PaddingTop",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_menu_toggle_m_small_PaddingBottom": {
+      "name": "--pf-v6-c-menu-toggle--m-small--PaddingBottom",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
     }
   },
   ".pf-v6-c-menu-toggle.pf-m-primary": {
@@ -1515,6 +1555,28 @@ export const c_menu_toggle = {
       ]
     }
   },
+  ".pf-v6-c-menu-toggle.pf-m-small": {
+    "c_menu_toggle_PaddingTop": {
+      "name": "--pf-v6-c-menu-toggle--PaddingTop",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-menu-toggle--m-small--PaddingTop",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_menu_toggle_PaddingBottom": {
+      "name": "--pf-v6-c-menu-toggle--PaddingBottom",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-menu-toggle--m-small--PaddingBottom",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    }
+  },
   ".pf-v6-c-menu-toggle.pf-m-split-button": {
     "c_menu_toggle_ColumnGap": {
       "name": "--pf-v6-c-menu-toggle--ColumnGap",

package/dist/esm/c_menu_toggle_PaddingBottom.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_PaddingBottom: {
   "name": "--pf-v6-c-menu-toggle--PaddingBottom",
-  "value": "8px",
+  "value": "4px",
   "var": "var(--pf-v6-c-menu-toggle--PaddingBottom)"
 };
 export default c_menu_toggle_PaddingBottom;

package/dist/esm/c_menu_toggle_PaddingBottom.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_PaddingBottom = {
   "name": "--pf-v6-c-menu-toggle--PaddingBottom",
-  "value": "8px",
+  "value": "4px",
   "var": "var(--pf-v6-c-menu-toggle--PaddingBottom)"
 };
 export default c_menu_toggle_PaddingBottom;

package/dist/esm/c_menu_toggle_PaddingTop.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_PaddingTop: {
   "name": "--pf-v6-c-menu-toggle--PaddingTop",
-  "value": "8px",
+  "value": "4px",
   "var": "var(--pf-v6-c-menu-toggle--PaddingTop)"
 };
 export default c_menu_toggle_PaddingTop;

package/dist/esm/c_menu_toggle_PaddingTop.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_PaddingTop = {
   "name": "--pf-v6-c-menu-toggle--PaddingTop",
-  "value": "8px",
+  "value": "4px",
   "var": "var(--pf-v6-c-menu-toggle--PaddingTop)"
 };
 export default c_menu_toggle_PaddingTop;

package/dist/esm/c_menu_toggle__icon_MinHeight.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle__icon_MinHeight: {
+  "name": "--pf-v6-c-menu-toggle__icon--MinHeight",
+  "value": "calc(14px * 1.5)",
+  "var": "var(--pf-v6-c-menu-toggle__icon--MinHeight)"
+};
+export default c_menu_toggle__icon_MinHeight;

package/dist/esm/c_menu_toggle__icon_MinHeight.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle__icon_MinHeight = {
+  "name": "--pf-v6-c-menu-toggle__icon--MinHeight",
+  "value": "calc(14px * 1.5)",
+  "var": "var(--pf-v6-c-menu-toggle__icon--MinHeight)"
+};
+export default c_menu_toggle__icon_MinHeight;

package/dist/esm/c_menu_toggle__toggle_icon_MinHeight.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle__toggle_icon_MinHeight: {
+  "name": "--pf-v6-c-menu-toggle__toggle-icon--MinHeight",
+  "value": "calc(14px * 1.5)",
+  "var": "var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight)"
+};
+export default c_menu_toggle__toggle_icon_MinHeight;

package/dist/esm/c_menu_toggle__toggle_icon_MinHeight.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle__toggle_icon_MinHeight = {
+  "name": "--pf-v6-c-menu-toggle__toggle-icon--MinHeight",
+  "value": "calc(14px * 1.5)",
+  "var": "var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight)"
+};
+export default c_menu_toggle__toggle_icon_MinHeight;

package/dist/esm/c_menu_toggle_m_small_PaddingBottom.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_small_PaddingBottom: {
+  "name": "--pf-v6-c-menu-toggle--m-small--PaddingBottom",
+  "value": "4px",
+  "var": "var(--pf-v6-c-menu-toggle--m-small--PaddingBottom)"
+};
+export default c_menu_toggle_m_small_PaddingBottom;

package/dist/esm/c_menu_toggle_m_small_PaddingBottom.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_small_PaddingBottom = {
+  "name": "--pf-v6-c-menu-toggle--m-small--PaddingBottom",
+  "value": "4px",
+  "var": "var(--pf-v6-c-menu-toggle--m-small--PaddingBottom)"
+};
+export default c_menu_toggle_m_small_PaddingBottom;

package/dist/esm/c_menu_toggle_m_small_PaddingTop.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_small_PaddingTop: {
+  "name": "--pf-v6-c-menu-toggle--m-small--PaddingTop",
+  "value": "4px",
+  "var": "var(--pf-v6-c-menu-toggle--m-small--PaddingTop)"
+};
+export default c_menu_toggle_m_small_PaddingTop;

package/dist/esm/c_menu_toggle_m_small_PaddingTop.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_small_PaddingTop = {
+  "name": "--pf-v6-c-menu-toggle--m-small--PaddingTop",
+  "value": "4px",
+  "var": "var(--pf-v6-c-menu-toggle--m-small--PaddingTop)"
+};
+export default c_menu_toggle_m_small_PaddingTop;

package/dist/esm/c_modal_box.d.ts

@@ -343,18 +343,22 @@ export const c_modal_box: {
     },
     "c_modal_box__close_Top": {
       "name": "--pf-v6-c-modal-box__close--Top",
-      "value": "undefined",
+      "value": "24px",
       "values": [
-        "--pf-v5-c-modal-box__header--PaddingTop",
-        "undefined"
+        "--pf-v6-c-modal-box__header--PaddingTop",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
       ]
     },
     "c_modal_box__close_Right": {
       "name": "--pf-v6-c-modal-box__close--Right",
-      "value": "undefined",
+      "value": "24px",
       "values": [
-        "--pf-v5-c-modal-box__header--PaddingRight",
-        "undefined"
+        "--pf-v6-c-modal-box__header--PaddingRight",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
       ]
     },
     "c_modal_box__close_sibling_MarginRight": {
@@ -452,7 +456,7 @@ export const c_modal_box: {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-danger": {
+  ".pf-v6-c-modal-box__title.pf-m-danger": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",
@@ -463,7 +467,7 @@ export const c_modal_box: {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-warning": {
+  ".pf-v6-c-modal-box__title.pf-m-warning": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",
@@ -474,7 +478,7 @@ export const c_modal_box: {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-success": {
+  ".pf-v6-c-modal-box__title.pf-m-success": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",
@@ -485,7 +489,7 @@ export const c_modal_box: {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-custom": {
+  ".pf-v6-c-modal-box__title.pf-m-custom": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",
@@ -496,7 +500,7 @@ export const c_modal_box: {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-info": {
+  ".pf-v6-c-modal-box__title.pf-m-info": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",

package/dist/esm/c_modal_box.js

@@ -343,18 +343,22 @@ export const c_modal_box = {
     },
     "c_modal_box__close_Top": {
       "name": "--pf-v6-c-modal-box__close--Top",
-      "value": "undefined",
+      "value": "24px",
       "values": [
-        "--pf-v5-c-modal-box__header--PaddingTop",
-        "undefined"
+        "--pf-v6-c-modal-box__header--PaddingTop",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
       ]
     },
     "c_modal_box__close_Right": {
       "name": "--pf-v6-c-modal-box__close--Right",
-      "value": "undefined",
+      "value": "24px",
       "values": [
-        "--pf-v5-c-modal-box__header--PaddingRight",
-        "undefined"
+        "--pf-v6-c-modal-box__header--PaddingRight",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
       ]
     },
     "c_modal_box__close_sibling_MarginRight": {
@@ -452,7 +456,7 @@ export const c_modal_box = {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-danger": {
+  ".pf-v6-c-modal-box__title.pf-m-danger": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",
@@ -463,7 +467,7 @@ export const c_modal_box = {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-warning": {
+  ".pf-v6-c-modal-box__title.pf-m-warning": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",
@@ -474,7 +478,7 @@ export const c_modal_box = {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-success": {
+  ".pf-v6-c-modal-box__title.pf-m-success": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",
@@ -485,7 +489,7 @@ export const c_modal_box = {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-custom": {
+  ".pf-v6-c-modal-box__title.pf-m-custom": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",
@@ -496,7 +500,7 @@ export const c_modal_box = {
       ]
     }
   },
-  ".pf-v6-c-modal-box.pf-m-info": {
+  ".pf-v6-c-modal-box__title.pf-m-info": {
     "c_modal_box__title_icon_Color": {
       "name": "--pf-v6-c-modal-box__title-icon--Color",
       "value": "",

package/dist/esm/c_modal_box__close_Right.d.ts

@@ -1,6 +1,6 @@
 export const c_modal_box__close_Right: {
   "name": "--pf-v6-c-modal-box__close--Right",
-  "value": "undefined",
+  "value": "24px",
   "var": "var(--pf-v6-c-modal-box__close--Right)"
 };
 export default c_modal_box__close_Right;