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

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;

package/dist/js/c_alert.d.ts

@@ -112,12 +112,12 @@ export const c_alert: {
     },
     "c_alert_BorderTopColor": {
       "name": "--pf-c-alert--BorderTopColor",
-      "value": "#009596",
+      "value": "#d2d2d2",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
-        "$pf-color-cyan-300",
-        "#009596"
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
       ]
     },
     "c_alert_PaddingTop": {
@@ -215,12 +215,12 @@ export const c_alert: {
     },
     "c_alert__icon_Color": {
       "name": "--pf-c-alert__icon--Color",
-      "value": "#009596",
+      "value": "#151515",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
-        "$pf-color-cyan-300",
-        "#009596"
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
       ]
     },
     "c_alert__icon_MarginTop": {
@@ -258,12 +258,12 @@ export const c_alert: {
     },
     "c_alert__title_Color": {
       "name": "--pf-c-alert__title--Color",
-      "value": "#003737",
+      "value": "#151515",
       "values": [
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
-        "$pf-color-cyan-500",
-        "#003737"
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
       ]
     },
     "c_alert__title_max_lines": {
@@ -366,6 +366,36 @@ export const c_alert: {
         "1.5rem"
       ]
     },
+    "c_alert_m_custom_BorderTopColor": {
+      "name": "--pf-c-alert--m-custom--BorderTopColor",
+      "value": "#009596",
+      "values": [
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
+        "$pf-color-cyan-300",
+        "#009596"
+      ]
+    },
+    "c_alert_m_custom__icon_Color": {
+      "name": "--pf-c-alert--m-custom__icon--Color",
+      "value": "#009596",
+      "values": [
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
+        "$pf-color-cyan-300",
+        "#009596"
+      ]
+    },
+    "c_alert_m_custom__title_Color": {
+      "name": "--pf-c-alert--m-custom__title--Color",
+      "value": "#003737",
+      "values": [
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
+        "$pf-color-cyan-500",
+        "#003737"
+      ]
+    },
     "c_alert_m_success_BorderTopColor": {
       "name": "--pf-c-alert--m-success--BorderTopColor",
       "value": "#3e8635",
@@ -490,8 +520,8 @@ export const c_alert: {
       "name": "--pf-c-alert--m-inline--BoxShadow",
       "value": "none"
     },
-    "c_alert_m_inline_BackgroundColor": {
-      "name": "--pf-c-alert--m-inline--BackgroundColor",
+    "c_alert_m_inline_m_custom_BackgroundColor": {
+      "name": "--pf-c-alert--m-inline--m-custom--BackgroundColor",
       "value": "#f2f9f9",
       "values": [
         "--pf-global--palette--cyan-50",
@@ -594,6 +624,51 @@ export const c_alert: {
       ]
     }
   },
+  ".pf-c-alert.pf-m-custom": {
+    "c_alert_BorderTopColor": {
+      "name": "--pf-c-alert--BorderTopColor",
+      "value": "#009596",
+      "values": [
+        "--pf-c-alert--m-custom--BorderTopColor",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
+        "$pf-color-cyan-300",
+        "#009596"
+      ]
+    },
+    "c_alert__icon_Color": {
+      "name": "--pf-c-alert__icon--Color",
+      "value": "#009596",
+      "values": [
+        "--pf-c-alert--m-custom__icon--Color",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
+        "$pf-color-cyan-300",
+        "#009596"
+      ]
+    },
+    "c_alert__title_Color": {
+      "name": "--pf-c-alert__title--Color",
+      "value": "#003737",
+      "values": [
+        "--pf-c-alert--m-custom__title--Color",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
+        "$pf-color-cyan-500",
+        "#003737"
+      ]
+    },
+    "c_alert_m_inline_BackgroundColor": {
+      "name": "--pf-c-alert--m-inline--BackgroundColor",
+      "value": "#f2f9f9",
+      "values": [
+        "--pf-c-alert--m-inline--m-custom--BackgroundColor",
+        "--pf-global--palette--cyan-50",
+        "$pf-color-cyan-50",
+        "#f2f9f9"
+      ]
+    }
+  },
   ".pf-c-alert.pf-m-success": {
     "c_alert_BorderTopColor": {
       "name": "--pf-c-alert--BorderTopColor",
@@ -785,12 +860,10 @@ export const c_alert: {
     },
     "c_alert_BackgroundColor": {
       "name": "--pf-c-alert--BackgroundColor",
-      "value": "#f2f9f9",
+      "value": "",
       "values": [
         "--pf-c-alert--m-inline--BackgroundColor",
-        "--pf-global--palette--cyan-50",
-        "$pf-color-cyan-50",
-        "#f2f9f9"
+        ""
       ]
     }
   },