@patternfly/react-tokens 5.0.0-alpha.2 → 5.0.0-alpha.4

package/dist/esm/c_label.js

@@ -40,6 +40,10 @@ export const c_label = {
         "0.5rem"
       ]
     },
+    "c_label_MaxWidth": {
+      "name": "--pf-c-label--MaxWidth",
+      "value": "100%"
+    },
     "c_label_BorderRadius": {
       "name": "--pf-c-label--BorderRadius",
       "value": "30em",
@@ -1001,6 +1005,10 @@ export const c_label = {
         "#151515"
       ]
     },
+    "c_label__content_BackgroundColor": {
+      "name": "--pf-c-label__content--BackgroundColor",
+      "value": "transparent"
+    },
     "c_label__content_MaxWidth": {
       "name": "--pf-c-label__content--MaxWidth",
       "value": "100%"
@@ -1021,7 +1029,7 @@ export const c_label = {
     },
     "c_label__text_MaxWidth": {
       "name": "--pf-c-label__text--MaxWidth",
-      "value": "16ch"
+      "value": "100%"
     },
     "c_label__icon_Color": {
       "name": "--pf-c-label__icon--Color",
@@ -1043,8 +1051,8 @@ export const c_label = {
         "0.25rem"
       ]
     },
-    "c_label__c_button_FontSize": {
-      "name": "--pf-c-label__c-button--FontSize",
+    "c_label__actions_FontSize": {
+      "name": "--pf-c-label__actions--FontSize",
       "value": "0.75rem",
       "values": [
         "--pf-global--FontSize--xs",
@@ -1053,48 +1061,51 @@ export const c_label = {
         "0.75rem"
       ]
     },
-    "c_label__c_button_MarginTop": {
-      "name": "--pf-c-label__c-button--MarginTop",
-      "value": "calc(0.375rem * -1)",
+    "c_label__actions_MarginRight": {
+      "name": "--pf-c-label__actions--MarginRight",
+      "value": "calc(0.5rem * -1)",
       "values": [
-        "calc(--pf-global--spacer--form-element * -1)",
-        "calc($pf-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "calc(--pf-c-label__actions--c-button--PaddingRight * -1)",
+        "calc(--pf-global--spacer--sm * -1)",
+        "calc($pf-global--spacer--sm * -1)",
+        "calc(pf-size-prem(8px) * -1)",
+        "calc(0.5rem * -1)"
       ]
     },
-    "c_label__c_button_MarginRight": {
-      "name": "--pf-c-label__c-button--MarginRight",
-      "value": "calc(0.375rem * -1)",
+    "c_label__actions_c_button_FontSize": {
+      "name": "--pf-c-label__actions--c-button--FontSize",
+      "value": "0.75rem",
       "values": [
-        "calc(--pf-global--spacer--form-element * -1)",
-        "calc($pf-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
       ]
     },
-    "c_label__c_button_MarginBottom": {
-      "name": "--pf-c-label__c-button--MarginBottom",
-      "value": "calc(0.375rem * -1)",
+    "c_label__actions_c_button_MarginTop": {
+      "name": "--pf-c-label__actions--c-button--MarginTop",
+      "value": "calc(0.25rem * -1)",
       "values": [
-        "calc(--pf-global--spacer--form-element * -1)",
-        "calc($pf-global--spacer--form-element * -1)",
-        "calc(pf-size-prem(6px) * -1)",
-        "calc(0.375rem * -1)"
+        "calc(--pf-c-label__actions--c-button--PaddingTop * -1)",
+        "calc(--pf-global--spacer--xs * -1)",
+        "calc($pf-global--spacer--xs * -1)",
+        "calc(pf-size-prem(4px) * -1)",
+        "calc(0.25rem * -1)"
       ]
     },
-    "c_label__c_button_MarginLeft": {
-      "name": "--pf-c-label__c-button--MarginLeft",
-      "value": "0.25rem",
+    "c_label__actions_c_button_MarginBottom": {
+      "name": "--pf-c-label__actions--c-button--MarginBottom",
+      "value": "calc(0.25rem * -1)",
       "values": [
-        "--pf-global--spacer--xs",
-        "$pf-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "calc(--pf-c-label__actions--c-button--PaddingBottom * -1)",
+        "calc(--pf-global--spacer--xs * -1)",
+        "calc($pf-global--spacer--xs * -1)",
+        "calc(pf-size-prem(4px) * -1)",
+        "calc(0.25rem * -1)"
       ]
     },
-    "c_label__c_button_PaddingTop": {
-      "name": "--pf-c-label__c-button--PaddingTop",
+    "c_label__actions_c_button_PaddingTop": {
+      "name": "--pf-c-label__actions--c-button--PaddingTop",
       "value": "0.25rem",
       "values": [
         "--pf-global--spacer--xs",
@@ -1103,8 +1114,8 @@ export const c_label = {
         "0.25rem"
       ]
     },
-    "c_label__c_button_PaddingRight": {
-      "name": "--pf-c-label__c-button--PaddingRight",
+    "c_label__actions_c_button_PaddingRight": {
+      "name": "--pf-c-label__actions--c-button--PaddingRight",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -1113,8 +1124,8 @@ export const c_label = {
         "0.5rem"
       ]
     },
-    "c_label__c_button_PaddingBottom": {
-      "name": "--pf-c-label__c-button--PaddingBottom",
+    "c_label__actions_c_button_PaddingBottom": {
+      "name": "--pf-c-label__actions--c-button--PaddingBottom",
       "value": "0.25rem",
       "values": [
         "--pf-global--spacer--xs",
@@ -1123,8 +1134,8 @@ export const c_label = {
         "0.25rem"
       ]
     },
-    "c_label__c_button_PaddingLeft": {
-      "name": "--pf-c-label__c-button--PaddingLeft",
+    "c_label__actions_c_button_PaddingLeft": {
+      "name": "--pf-c-label__actions--c-button--PaddingLeft",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -2557,63 +2568,6 @@ export const c_label = {
       ]
     }
   },
-  ".pf-c-label .pf-c-button": {
-    "c_button_FontSize": {
-      "name": "--pf-c-button--FontSize",
-      "value": "0.75rem",
-      "values": [
-        "--pf-c-label__c-button--FontSize",
-        "--pf-global--FontSize--xs",
-        "$pf-global--FontSize--xs",
-        "pf-font-prem(12px)",
-        "0.75rem"
-      ]
-    },
-    "c_button_PaddingTop": {
-      "name": "--pf-c-button--PaddingTop",
-      "value": "0.25rem",
-      "values": [
-        "--pf-c-label__c-button--PaddingTop",
-        "--pf-global--spacer--xs",
-        "$pf-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
-      ]
-    },
-    "c_button_PaddingRight": {
-      "name": "--pf-c-button--PaddingRight",
-      "value": "0.5rem",
-      "values": [
-        "--pf-c-label__c-button--PaddingRight",
-        "--pf-global--spacer--sm",
-        "$pf-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    },
-    "c_button_PaddingBottom": {
-      "name": "--pf-c-button--PaddingBottom",
-      "value": "0.25rem",
-      "values": [
-        "--pf-c-label__c-button--PaddingBottom",
-        "--pf-global--spacer--xs",
-        "$pf-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
-      ]
-    },
-    "c_button_PaddingLeft": {
-      "name": "--pf-c-button--PaddingLeft",
-      "value": "0.5rem",
-      "values": [
-        "--pf-c-label__c-button--PaddingLeft",
-        "--pf-global--spacer--sm",
-        "$pf-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    }
-  },
   ".pf-c-label.pf-m-overflow": {
     "c_label__content_Color": {
       "name": "--pf-c-label__content--Color",
@@ -2747,6 +2701,63 @@ export const c_label = {
         "#8a8d90"
       ]
     }
+  },
+  ".pf-c-label__actions .pf-c-button": {
+    "c_button_FontSize": {
+      "name": "--pf-c-button--FontSize",
+      "value": "0.75rem",
+      "values": [
+        "--pf-c-label__actions--c-button--FontSize",
+        "--pf-global--FontSize--xs",
+        "$pf-global--FontSize--xs",
+        "pf-font-prem(12px)",
+        "0.75rem"
+      ]
+    },
+    "c_button_PaddingTop": {
+      "name": "--pf-c-button--PaddingTop",
+      "value": "0.25rem",
+      "values": [
+        "--pf-c-label__actions--c-button--PaddingTop",
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_button_PaddingRight": {
+      "name": "--pf-c-button--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-label__actions--c-button--PaddingRight",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_button_PaddingBottom": {
+      "name": "--pf-c-button--PaddingBottom",
+      "value": "0.25rem",
+      "values": [
+        "--pf-c-label__actions--c-button--PaddingBottom",
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_button_PaddingLeft": {
+      "name": "--pf-c-button--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-label__actions--c-button--PaddingLeft",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    }
   }
 };
 export default c_label;

package/dist/esm/c_label_MaxWidth.d.ts

@@ -0,0 +1,6 @@
+export const c_label_MaxWidth: {
+  "name": "--pf-c-label--MaxWidth",
+  "value": "100%",
+  "var": "var(--pf-c-label--MaxWidth)"
+};
+export default c_label_MaxWidth;

package/dist/esm/c_label_MaxWidth.js

@@ -0,0 +1,6 @@
+export const c_label_MaxWidth = {
+  "name": "--pf-c-label--MaxWidth",
+  "value": "100%",
+  "var": "var(--pf-c-label--MaxWidth)"
+};
+export default c_label_MaxWidth;

package/dist/esm/c_label__actions_FontSize.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_FontSize: {
+  "name": "--pf-c-label__actions--FontSize",
+  "value": "0.75rem",
+  "var": "var(--pf-c-label__actions--FontSize)"
+};
+export default c_label__actions_FontSize;

package/dist/esm/c_label__actions_FontSize.js

@@ -0,0 +1,6 @@
+export const c_label__actions_FontSize = {
+  "name": "--pf-c-label__actions--FontSize",
+  "value": "0.75rem",
+  "var": "var(--pf-c-label__actions--FontSize)"
+};
+export default c_label__actions_FontSize;

package/dist/esm/c_label__actions_MarginRight.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_MarginRight: {
+  "name": "--pf-c-label__actions--MarginRight",
+  "value": "calc(0.5rem * -1)",
+  "var": "var(--pf-c-label__actions--MarginRight)"
+};
+export default c_label__actions_MarginRight;

package/dist/esm/c_label__actions_MarginRight.js

@@ -0,0 +1,6 @@
+export const c_label__actions_MarginRight = {
+  "name": "--pf-c-label__actions--MarginRight",
+  "value": "calc(0.5rem * -1)",
+  "var": "var(--pf-c-label__actions--MarginRight)"
+};
+export default c_label__actions_MarginRight;

package/dist/esm/c_label__actions_c_button_FontSize.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_FontSize: {
+  "name": "--pf-c-label__actions--c-button--FontSize",
+  "value": "0.75rem",
+  "var": "var(--pf-c-label__actions--c-button--FontSize)"
+};
+export default c_label__actions_c_button_FontSize;

package/dist/esm/c_label__actions_c_button_FontSize.js

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_FontSize = {
+  "name": "--pf-c-label__actions--c-button--FontSize",
+  "value": "0.75rem",
+  "var": "var(--pf-c-label__actions--c-button--FontSize)"
+};
+export default c_label__actions_c_button_FontSize;

package/dist/esm/c_label__actions_c_button_MarginBottom.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_MarginBottom: {
+  "name": "--pf-c-label__actions--c-button--MarginBottom",
+  "value": "calc(0.25rem * -1)",
+  "var": "var(--pf-c-label__actions--c-button--MarginBottom)"
+};
+export default c_label__actions_c_button_MarginBottom;

package/dist/esm/c_label__actions_c_button_MarginBottom.js

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_MarginBottom = {
+  "name": "--pf-c-label__actions--c-button--MarginBottom",
+  "value": "calc(0.25rem * -1)",
+  "var": "var(--pf-c-label__actions--c-button--MarginBottom)"
+};
+export default c_label__actions_c_button_MarginBottom;

package/dist/esm/c_label__actions_c_button_MarginTop.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_MarginTop: {
+  "name": "--pf-c-label__actions--c-button--MarginTop",
+  "value": "calc(0.25rem * -1)",
+  "var": "var(--pf-c-label__actions--c-button--MarginTop)"
+};
+export default c_label__actions_c_button_MarginTop;

package/dist/esm/c_label__actions_c_button_MarginTop.js

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_MarginTop = {
+  "name": "--pf-c-label__actions--c-button--MarginTop",
+  "value": "calc(0.25rem * -1)",
+  "var": "var(--pf-c-label__actions--c-button--MarginTop)"
+};
+export default c_label__actions_c_button_MarginTop;

package/dist/esm/c_label__actions_c_button_PaddingBottom.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_PaddingBottom: {
+  "name": "--pf-c-label__actions--c-button--PaddingBottom",
+  "value": "0.25rem",
+  "var": "var(--pf-c-label__actions--c-button--PaddingBottom)"
+};
+export default c_label__actions_c_button_PaddingBottom;

package/dist/esm/c_label__actions_c_button_PaddingBottom.js

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_PaddingBottom = {
+  "name": "--pf-c-label__actions--c-button--PaddingBottom",
+  "value": "0.25rem",
+  "var": "var(--pf-c-label__actions--c-button--PaddingBottom)"
+};
+export default c_label__actions_c_button_PaddingBottom;

package/dist/esm/c_label__actions_c_button_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_PaddingLeft: {
+  "name": "--pf-c-label__actions--c-button--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-label__actions--c-button--PaddingLeft)"
+};
+export default c_label__actions_c_button_PaddingLeft;

package/dist/esm/c_label__actions_c_button_PaddingLeft.js

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_PaddingLeft = {
+  "name": "--pf-c-label__actions--c-button--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-label__actions--c-button--PaddingLeft)"
+};
+export default c_label__actions_c_button_PaddingLeft;

package/dist/esm/c_label__actions_c_button_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_PaddingRight: {
+  "name": "--pf-c-label__actions--c-button--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-c-label__actions--c-button--PaddingRight)"
+};
+export default c_label__actions_c_button_PaddingRight;

package/dist/esm/c_label__actions_c_button_PaddingRight.js

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_PaddingRight = {
+  "name": "--pf-c-label__actions--c-button--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-c-label__actions--c-button--PaddingRight)"
+};
+export default c_label__actions_c_button_PaddingRight;

package/dist/esm/c_label__actions_c_button_PaddingTop.d.ts

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_PaddingTop: {
+  "name": "--pf-c-label__actions--c-button--PaddingTop",
+  "value": "0.25rem",
+  "var": "var(--pf-c-label__actions--c-button--PaddingTop)"
+};
+export default c_label__actions_c_button_PaddingTop;

package/dist/esm/c_label__actions_c_button_PaddingTop.js

@@ -0,0 +1,6 @@
+export const c_label__actions_c_button_PaddingTop = {
+  "name": "--pf-c-label__actions--c-button--PaddingTop",
+  "value": "0.25rem",
+  "var": "var(--pf-c-label__actions--c-button--PaddingTop)"
+};
+export default c_label__actions_c_button_PaddingTop;

package/dist/esm/c_label__content_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_label__content_BackgroundColor: {
+  "name": "--pf-c-label__content--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-label__content--BackgroundColor)"
+};
+export default c_label__content_BackgroundColor;

package/dist/esm/c_label__content_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_label__content_BackgroundColor = {
+  "name": "--pf-c-label__content--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-label__content--BackgroundColor)"
+};
+export default c_label__content_BackgroundColor;

package/dist/esm/c_label__text_MaxWidth.d.ts

@@ -1,6 +1,6 @@
 export const c_label__text_MaxWidth: {
   "name": "--pf-c-label__text--MaxWidth",
-  "value": "16ch",
+  "value": "100%",
   "var": "var(--pf-c-label__text--MaxWidth)"
 };
 export default c_label__text_MaxWidth;

package/dist/esm/c_label__text_MaxWidth.js

@@ -1,6 +1,6 @@
 export const c_label__text_MaxWidth = {
   "name": "--pf-c-label__text--MaxWidth",
-  "value": "16ch",
+  "value": "100%",
   "var": "var(--pf-c-label__text--MaxWidth)"
 };
 export default c_label__text_MaxWidth;

package/dist/esm/c_menu.d.ts

@@ -853,6 +853,10 @@ export const c_menu: {
         "#6a6e73"
       ]
     },
+    "c_menu__item_action_BackgroundColor": {
+      "name": "--pf-c-menu__item-action--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu__item_action_hover_Color": {
       "name": "--pf-c-menu__item-action--hover--Color",
       "value": "#151515",

package/dist/esm/c_menu.js

@@ -853,6 +853,10 @@ export const c_menu = {
         "#6a6e73"
       ]
     },
+    "c_menu__item_action_BackgroundColor": {
+      "name": "--pf-c-menu__item-action--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu__item_action_hover_Color": {
       "name": "--pf-c-menu__item-action--hover--Color",
       "value": "#151515",

package/dist/esm/c_menu__item_action_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu__item_action_BackgroundColor: {
+  "name": "--pf-c-menu__item-action--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-menu__item-action--BackgroundColor)"
+};
+export default c_menu__item_action_BackgroundColor;

package/dist/esm/c_menu__item_action_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_menu__item_action_BackgroundColor = {
+  "name": "--pf-c-menu__item-action--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-menu__item-action--BackgroundColor)"
+};
+export default c_menu__item_action_BackgroundColor;

package/dist/esm/c_menu_toggle.d.ts

@@ -960,6 +960,10 @@ export const c_menu_toggle: {
         "#06c"
       ]
     },
+    "c_menu_toggle__button_BackgroundColor": {
+      "name": "--pf-c-menu-toggle__button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-c-menu-toggle__button__controls--MarginRight",
       "value": "0.5rem",

package/dist/esm/c_menu_toggle.js

@@ -960,6 +960,10 @@ export const c_menu_toggle = {
         "#06c"
       ]
     },
+    "c_menu_toggle__button_BackgroundColor": {
+      "name": "--pf-c-menu-toggle__button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-c-menu-toggle__button__controls--MarginRight",
       "value": "0.5rem",

package/dist/esm/c_menu_toggle__button_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_BackgroundColor: {
+  "name": "--pf-c-menu-toggle__button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-menu-toggle__button--BackgroundColor)"
+};
+export default c_menu_toggle__button_BackgroundColor;

package/dist/esm/c_menu_toggle__button_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_BackgroundColor = {
+  "name": "--pf-c-menu-toggle__button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-menu-toggle__button--BackgroundColor)"
+};
+export default c_menu_toggle__button_BackgroundColor;

package/dist/esm/c_modal_box.d.ts

@@ -327,8 +327,8 @@ export const c_modal_box: {
         "1rem"
       ]
     },
-    "c_modal_box_c_button_Top": {
-      "name": "--pf-c-modal-box--c-button--Top",
+    "c_modal_box__close_Top": {
+      "name": "--pf-c-modal-box__close--Top",
       "value": "calc(1.5rem)",
       "values": [
         "calc(--pf-global--spacer--lg)",
@@ -337,8 +337,8 @@ export const c_modal_box: {
         "calc(1.5rem)"
       ]
     },
-    "c_modal_box_c_button_Right": {
-      "name": "--pf-c-modal-box--c-button--Right",
+    "c_modal_box__close_Right": {
+      "name": "--pf-c-modal-box__close--Right",
       "value": "1rem",
       "values": [
         "--pf-global--spacer--md",
@@ -347,8 +347,8 @@ export const c_modal_box: {
         "1rem"
       ]
     },
-    "c_modal_box_c_button_sibling_MarginRight": {
-      "name": "--pf-c-modal-box--c-button--sibling--MarginRight",
+    "c_modal_box__close_sibling_MarginRight": {
+      "name": "--pf-c-modal-box__close--sibling--MarginRight",
       "value": "calc(2rem + 0.5rem)",
       "values": [
         "calc(--pf-global--spacer--xl + --pf-global--spacer--sm)",

package/dist/esm/c_modal_box.js

@@ -327,8 +327,8 @@ export const c_modal_box = {
         "1rem"
       ]
     },
-    "c_modal_box_c_button_Top": {
-      "name": "--pf-c-modal-box--c-button--Top",
+    "c_modal_box__close_Top": {
+      "name": "--pf-c-modal-box__close--Top",
       "value": "calc(1.5rem)",
       "values": [
         "calc(--pf-global--spacer--lg)",
@@ -337,8 +337,8 @@ export const c_modal_box = {
         "calc(1.5rem)"
       ]
     },
-    "c_modal_box_c_button_Right": {
-      "name": "--pf-c-modal-box--c-button--Right",
+    "c_modal_box__close_Right": {
+      "name": "--pf-c-modal-box__close--Right",
       "value": "1rem",
       "values": [
         "--pf-global--spacer--md",
@@ -347,8 +347,8 @@ export const c_modal_box = {
         "1rem"
       ]
     },
-    "c_modal_box_c_button_sibling_MarginRight": {
-      "name": "--pf-c-modal-box--c-button--sibling--MarginRight",
+    "c_modal_box__close_sibling_MarginRight": {
+      "name": "--pf-c-modal-box__close--sibling--MarginRight",
       "value": "calc(2rem + 0.5rem)",
       "values": [
         "calc(--pf-global--spacer--xl + --pf-global--spacer--sm)",

package/dist/esm/c_modal_box__close_Right.d.ts

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

package/dist/esm/c_modal_box__close_Right.js

@@ -0,0 +1,6 @@
+export const c_modal_box__close_Right = {
+  "name": "--pf-c-modal-box__close--Right",
+  "value": "1rem",
+  "var": "var(--pf-c-modal-box__close--Right)"
+};
+export default c_modal_box__close_Right;

package/dist/esm/c_modal_box__close_Top.d.ts

@@ -0,0 +1,6 @@
+export const c_modal_box__close_Top: {
+  "name": "--pf-c-modal-box__close--Top",
+  "value": "calc(1.5rem)",
+  "var": "var(--pf-c-modal-box__close--Top)"
+};
+export default c_modal_box__close_Top;