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

package/dist/esm/patternfly_variables.js

@@ -456,16 +456,16 @@ export const patternfly_variables = {
       "name": "--pf-global--secondary-color--100",
       "value": "#6a6e73"
     },
-    "global_default_color_100": {
-      "name": "--pf-global--default-color--100",
+    "global_custom_color_100": {
+      "name": "--pf-global--custom-color--100",
       "value": "#73c5c5"
     },
-    "global_default_color_200": {
-      "name": "--pf-global--default-color--200",
+    "global_custom_color_200": {
+      "name": "--pf-global--custom-color--200",
       "value": "#009596"
     },
-    "global_default_color_300": {
-      "name": "--pf-global--default-color--300",
+    "global_custom_color_300": {
+      "name": "--pf-global--custom-color--300",
       "value": "#003737"
     },
     "global_success_color_100": {

package/dist/js/c_about_modal_box.d.ts

@@ -81,6 +81,34 @@ export const c_about_modal_box: {
         "#030303"
       ]
     },
+    "c_about_modal_box_BackgroundImage": {
+      "name": "--pf-c-about-modal-box--BackgroundImage",
+      "value": "url(\"../../assets/images/pfbg-icon.svg\")"
+    },
+    "c_about_modal_box_BackgroundPosition": {
+      "name": "--pf-c-about-modal-box--BackgroundPosition",
+      "value": "bottom right"
+    },
+    "c_about_modal_box_BackgroundSize_min_width": {
+      "name": "--pf-c-about-modal-box--BackgroundSize--min-width",
+      "value": "200px"
+    },
+    "c_about_modal_box_BackgroundSize_width": {
+      "name": "--pf-c-about-modal-box--BackgroundSize--width",
+      "value": "60%"
+    },
+    "c_about_modal_box_BackgroundSize_max_width": {
+      "name": "--pf-c-about-modal-box--BackgroundSize--max-width",
+      "value": "600px"
+    },
+    "c_about_modal_box_BackgroundSize": {
+      "name": "--pf-c-about-modal-box--BackgroundSize",
+      "value": "clamp(200px, 60%, 600px)",
+      "values": [
+        "clamp(--pf-c-about-modal-box--BackgroundSize--min-width, --pf-c-about-modal-box--BackgroundSize--width, --pf-c-about-modal-box--BackgroundSize--max-width)",
+        "clamp(200px, 60%, 600px)"
+      ]
+    },
     "c_about_modal_box_Height": {
       "name": "--pf-c-about-modal-box--Height",
       "value": "100%"
@@ -93,12 +121,12 @@ export const c_about_modal_box: {
       "name": "--pf-c-about-modal-box--Width",
       "value": "100%"
     },
-    "c_about_modal_box_sm_grid_template_columns": {
-      "name": "--pf-c-about-modal-box--sm--grid-template-columns",
+    "c_about_modal_box_sm_GridTemplateColumns": {
+      "name": "--pf-c-about-modal-box--sm--GridTemplateColumns",
       "value": "5fr 1fr"
     },
-    "c_about_modal_box_lg_grid_template_columns": {
-      "name": "--pf-c-about-modal-box--lg--grid-template-columns",
+    "c_about_modal_box_lg_GridTemplateColumns": {
+      "name": "--pf-c-about-modal-box--lg--GridTemplateColumns",
       "value": "1fr .6fr"
     },
     "c_about_modal_box__brand_PaddingTop": {
@@ -220,10 +248,6 @@ export const c_about_modal_box: {
         "4rem"
       ]
     },
-    "c_about_modal_box__close_sm_PaddingRight": {
-      "name": "--pf-c-about-modal-box__close--sm--PaddingRight",
-      "value": "0"
-    },
     "c_about_modal_box__close_lg_PaddingRight": {
       "name": "--pf-c-about-modal-box__close--lg--PaddingRight",
       "value": "4rem",
@@ -475,180 +499,6 @@ export const c_about_modal_box: {
       ]
     }
   },
-  ".pf-c-about-modal-box .pf-c-card": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-c-card--BackgroundColor",
-      "value": "rgba(#030303, .32)",
-      "values": [
-        "--pf-global--BackgroundColor--dark-transparent-200",
-        "$pf-global--BackgroundColor--dark-transparent-200",
-        "rgba($pf-color-black-1000, .32)",
-        "rgba(#030303, .32)"
-      ]
-    }
-  },
-  ".pf-c-about-modal-box .pf-c-button": {
-    "c_button_m_primary_Color": {
-      "name": "--pf-c-button--m-primary--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_hover_Color": {
-      "name": "--pf-c-button--m-primary--hover--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_focus_Color": {
-      "name": "--pf-c-button--m-primary--focus--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_active_Color": {
-      "name": "--pf-c-button--m-primary--active--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_primary_hover_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_focus_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_active_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--active--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_secondary_Color": {
-      "name": "--pf-c-button--m-secondary--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_Color": {
-      "name": "--pf-c-button--m-secondary--hover--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_Color": {
-      "name": "--pf-c-button--m-secondary--focus--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_Color": {
-      "name": "--pf-c-button--m-secondary--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_BorderColor": {
-      "name": "--pf-c-button--m-secondary--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_BorderColor": {
-      "name": "--pf-c-button--m-secondary--hover--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_BorderColor": {
-      "name": "--pf-c-button--m-secondary--focus--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_BorderColor": {
-      "name": "--pf-c-button--m-secondary--active--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    }
-  },
   ".pf-c-about-modal-box__close .pf-c-button.pf-m-plain:hover": {
     "c_about_modal_box__close_c_button_BackgroundColor": {
       "name": "--pf-c-about-modal-box__close--c-button--BackgroundColor",

package/dist/js/c_about_modal_box.js

@@ -83,6 +83,34 @@ exports.c_about_modal_box = {
         "#030303"
       ]
     },
+    "c_about_modal_box_BackgroundImage": {
+      "name": "--pf-c-about-modal-box--BackgroundImage",
+      "value": "url(\"../../assets/images/pfbg-icon.svg\")"
+    },
+    "c_about_modal_box_BackgroundPosition": {
+      "name": "--pf-c-about-modal-box--BackgroundPosition",
+      "value": "bottom right"
+    },
+    "c_about_modal_box_BackgroundSize_min_width": {
+      "name": "--pf-c-about-modal-box--BackgroundSize--min-width",
+      "value": "200px"
+    },
+    "c_about_modal_box_BackgroundSize_width": {
+      "name": "--pf-c-about-modal-box--BackgroundSize--width",
+      "value": "60%"
+    },
+    "c_about_modal_box_BackgroundSize_max_width": {
+      "name": "--pf-c-about-modal-box--BackgroundSize--max-width",
+      "value": "600px"
+    },
+    "c_about_modal_box_BackgroundSize": {
+      "name": "--pf-c-about-modal-box--BackgroundSize",
+      "value": "clamp(200px, 60%, 600px)",
+      "values": [
+        "clamp(--pf-c-about-modal-box--BackgroundSize--min-width, --pf-c-about-modal-box--BackgroundSize--width, --pf-c-about-modal-box--BackgroundSize--max-width)",
+        "clamp(200px, 60%, 600px)"
+      ]
+    },
     "c_about_modal_box_Height": {
       "name": "--pf-c-about-modal-box--Height",
       "value": "100%"
@@ -95,12 +123,12 @@ exports.c_about_modal_box = {
       "name": "--pf-c-about-modal-box--Width",
       "value": "100%"
     },
-    "c_about_modal_box_sm_grid_template_columns": {
-      "name": "--pf-c-about-modal-box--sm--grid-template-columns",
+    "c_about_modal_box_sm_GridTemplateColumns": {
+      "name": "--pf-c-about-modal-box--sm--GridTemplateColumns",
       "value": "5fr 1fr"
     },
-    "c_about_modal_box_lg_grid_template_columns": {
-      "name": "--pf-c-about-modal-box--lg--grid-template-columns",
+    "c_about_modal_box_lg_GridTemplateColumns": {
+      "name": "--pf-c-about-modal-box--lg--GridTemplateColumns",
       "value": "1fr .6fr"
     },
     "c_about_modal_box__brand_PaddingTop": {
@@ -222,10 +250,6 @@ exports.c_about_modal_box = {
         "4rem"
       ]
     },
-    "c_about_modal_box__close_sm_PaddingRight": {
-      "name": "--pf-c-about-modal-box__close--sm--PaddingRight",
-      "value": "0"
-    },
     "c_about_modal_box__close_lg_PaddingRight": {
       "name": "--pf-c-about-modal-box__close--lg--PaddingRight",
       "value": "4rem",
@@ -477,180 +501,6 @@ exports.c_about_modal_box = {
       ]
     }
   },
-  ".pf-c-about-modal-box .pf-c-card": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-c-card--BackgroundColor",
-      "value": "rgba(#030303, .32)",
-      "values": [
-        "--pf-global--BackgroundColor--dark-transparent-200",
-        "$pf-global--BackgroundColor--dark-transparent-200",
-        "rgba($pf-color-black-1000, .32)",
-        "rgba(#030303, .32)"
-      ]
-    }
-  },
-  ".pf-c-about-modal-box .pf-c-button": {
-    "c_button_m_primary_Color": {
-      "name": "--pf-c-button--m-primary--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_hover_Color": {
-      "name": "--pf-c-button--m-primary--hover--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_focus_Color": {
-      "name": "--pf-c-button--m-primary--focus--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_active_Color": {
-      "name": "--pf-c-button--m-primary--active--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_primary_hover_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_focus_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_active_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--active--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_secondary_Color": {
-      "name": "--pf-c-button--m-secondary--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_Color": {
-      "name": "--pf-c-button--m-secondary--hover--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_Color": {
-      "name": "--pf-c-button--m-secondary--focus--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_Color": {
-      "name": "--pf-c-button--m-secondary--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_BorderColor": {
-      "name": "--pf-c-button--m-secondary--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_BorderColor": {
-      "name": "--pf-c-button--m-secondary--hover--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_BorderColor": {
-      "name": "--pf-c-button--m-secondary--focus--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_BorderColor": {
-      "name": "--pf-c-button--m-secondary--active--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    }
-  },
   ".pf-c-about-modal-box__close .pf-c-button.pf-m-plain:hover": {
     "c_about_modal_box__close_c_button_BackgroundColor": {
       "name": "--pf-c-about-modal-box__close--c-button--BackgroundColor",

package/dist/js/c_about_modal_box_BackgroundImage.d.ts

@@ -0,0 +1,6 @@
+export const c_about_modal_box_BackgroundImage: {
+  "name": "--pf-c-about-modal-box--BackgroundImage",
+  "value": "url(\"../../assets/images/pfbg-icon.svg\")",
+  "var": "var(--pf-c-about-modal-box--BackgroundImage)"
+};
+export default c_about_modal_box_BackgroundImage;

package/dist/js/c_about_modal_box_BackgroundImage.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_about_modal_box_BackgroundImage = {
+  "name": "--pf-c-about-modal-box--BackgroundImage",
+  "value": "url(\"../../assets/images/pfbg-icon.svg\")",
+  "var": "var(--pf-c-about-modal-box--BackgroundImage)"
+};
+exports["default"] = exports.c_about_modal_box_BackgroundImage;

package/dist/js/c_about_modal_box_BackgroundPosition.d.ts

@@ -0,0 +1,6 @@
+export const c_about_modal_box_BackgroundPosition: {
+  "name": "--pf-c-about-modal-box--BackgroundPosition",
+  "value": "bottom right",
+  "var": "var(--pf-c-about-modal-box--BackgroundPosition)"
+};
+export default c_about_modal_box_BackgroundPosition;

package/dist/js/c_about_modal_box_BackgroundPosition.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_about_modal_box_BackgroundPosition = {
+  "name": "--pf-c-about-modal-box--BackgroundPosition",
+  "value": "bottom right",
+  "var": "var(--pf-c-about-modal-box--BackgroundPosition)"
+};
+exports["default"] = exports.c_about_modal_box_BackgroundPosition;

package/dist/js/c_about_modal_box_BackgroundSize.d.ts

@@ -0,0 +1,6 @@
+export const c_about_modal_box_BackgroundSize: {
+  "name": "--pf-c-about-modal-box--BackgroundSize",
+  "value": "clamp(200px, 60%, 600px)",
+  "var": "var(--pf-c-about-modal-box--BackgroundSize)"
+};
+export default c_about_modal_box_BackgroundSize;

package/dist/js/c_about_modal_box_BackgroundSize.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_about_modal_box_BackgroundSize = {
+  "name": "--pf-c-about-modal-box--BackgroundSize",
+  "value": "clamp(200px, 60%, 600px)",
+  "var": "var(--pf-c-about-modal-box--BackgroundSize)"
+};
+exports["default"] = exports.c_about_modal_box_BackgroundSize;

package/dist/js/c_about_modal_box_BackgroundSize_max_width.d.ts

@@ -0,0 +1,6 @@
+export const c_about_modal_box_BackgroundSize_max_width: {
+  "name": "--pf-c-about-modal-box--BackgroundSize--max-width",
+  "value": "600px",
+  "var": "var(--pf-c-about-modal-box--BackgroundSize--max-width)"
+};
+export default c_about_modal_box_BackgroundSize_max_width;

package/dist/js/c_about_modal_box_BackgroundSize_max_width.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_about_modal_box_BackgroundSize_max_width = {
+  "name": "--pf-c-about-modal-box--BackgroundSize--max-width",
+  "value": "600px",
+  "var": "var(--pf-c-about-modal-box--BackgroundSize--max-width)"
+};
+exports["default"] = exports.c_about_modal_box_BackgroundSize_max_width;

package/dist/js/c_about_modal_box_BackgroundSize_min_width.d.ts

@@ -0,0 +1,6 @@
+export const c_about_modal_box_BackgroundSize_min_width: {
+  "name": "--pf-c-about-modal-box--BackgroundSize--min-width",
+  "value": "200px",
+  "var": "var(--pf-c-about-modal-box--BackgroundSize--min-width)"
+};
+export default c_about_modal_box_BackgroundSize_min_width;

package/dist/js/c_about_modal_box_BackgroundSize_min_width.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_about_modal_box_BackgroundSize_min_width = {
+  "name": "--pf-c-about-modal-box--BackgroundSize--min-width",
+  "value": "200px",
+  "var": "var(--pf-c-about-modal-box--BackgroundSize--min-width)"
+};
+exports["default"] = exports.c_about_modal_box_BackgroundSize_min_width;

package/dist/js/c_about_modal_box_BackgroundSize_width.d.ts

@@ -0,0 +1,6 @@
+export const c_about_modal_box_BackgroundSize_width: {
+  "name": "--pf-c-about-modal-box--BackgroundSize--width",
+  "value": "60%",
+  "var": "var(--pf-c-about-modal-box--BackgroundSize--width)"
+};
+export default c_about_modal_box_BackgroundSize_width;

package/dist/js/c_about_modal_box_BackgroundSize_width.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_about_modal_box_BackgroundSize_width = {
+  "name": "--pf-c-about-modal-box--BackgroundSize--width",
+  "value": "60%",
+  "var": "var(--pf-c-about-modal-box--BackgroundSize--width)"
+};
+exports["default"] = exports.c_about_modal_box_BackgroundSize_width;

package/dist/js/c_about_modal_box_lg_GridTemplateColumns.d.ts

@@ -0,0 +1,6 @@
+export const c_about_modal_box_lg_GridTemplateColumns: {
+  "name": "--pf-c-about-modal-box--lg--GridTemplateColumns",
+  "value": "1fr .6fr",
+  "var": "var(--pf-c-about-modal-box--lg--GridTemplateColumns)"
+};
+export default c_about_modal_box_lg_GridTemplateColumns;

package/dist/js/c_about_modal_box_lg_GridTemplateColumns.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_about_modal_box_lg_GridTemplateColumns = {
+  "name": "--pf-c-about-modal-box--lg--GridTemplateColumns",
+  "value": "1fr .6fr",
+  "var": "var(--pf-c-about-modal-box--lg--GridTemplateColumns)"
+};
+exports["default"] = exports.c_about_modal_box_lg_GridTemplateColumns;

package/dist/js/c_about_modal_box_sm_GridTemplateColumns.d.ts

@@ -0,0 +1,6 @@
+export const c_about_modal_box_sm_GridTemplateColumns: {
+  "name": "--pf-c-about-modal-box--sm--GridTemplateColumns",
+  "value": "5fr 1fr",
+  "var": "var(--pf-c-about-modal-box--sm--GridTemplateColumns)"
+};
+export default c_about_modal_box_sm_GridTemplateColumns;

package/dist/js/c_about_modal_box_sm_GridTemplateColumns.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_about_modal_box_sm_GridTemplateColumns = {
+  "name": "--pf-c-about-modal-box--sm--GridTemplateColumns",
+  "value": "5fr 1fr",
+  "var": "var(--pf-c-about-modal-box--sm--GridTemplateColumns)"
+};
+exports["default"] = exports.c_about_modal_box_sm_GridTemplateColumns;