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

package/dist/esm/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"
+        ""
       ]
     }
   },

package/dist/esm/c_alert.js

@@ -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"
+        ""
       ]
     }
   },

package/dist/esm/c_alert_m_custom_BorderTopColor.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_m_custom_BorderTopColor: {
+  "name": "--pf-c-alert--m-custom--BorderTopColor",
+  "value": "#009596",
+  "var": "var(--pf-c-alert--m-custom--BorderTopColor)"
+};
+export default c_alert_m_custom_BorderTopColor;

package/dist/esm/c_alert_m_custom_BorderTopColor.js

@@ -0,0 +1,6 @@
+export const c_alert_m_custom_BorderTopColor = {
+  "name": "--pf-c-alert--m-custom--BorderTopColor",
+  "value": "#009596",
+  "var": "var(--pf-c-alert--m-custom--BorderTopColor)"
+};
+export default c_alert_m_custom_BorderTopColor;

package/dist/esm/c_alert_m_custom__icon_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_m_custom__icon_Color: {
+  "name": "--pf-c-alert--m-custom__icon--Color",
+  "value": "#009596",
+  "var": "var(--pf-c-alert--m-custom__icon--Color)"
+};
+export default c_alert_m_custom__icon_Color;

package/dist/esm/c_alert_m_custom__icon_Color.js

@@ -0,0 +1,6 @@
+export const c_alert_m_custom__icon_Color = {
+  "name": "--pf-c-alert--m-custom__icon--Color",
+  "value": "#009596",
+  "var": "var(--pf-c-alert--m-custom__icon--Color)"
+};
+export default c_alert_m_custom__icon_Color;

package/dist/esm/c_alert_m_custom__title_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_m_custom__title_Color: {
+  "name": "--pf-c-alert--m-custom__title--Color",
+  "value": "#003737",
+  "var": "var(--pf-c-alert--m-custom__title--Color)"
+};
+export default c_alert_m_custom__title_Color;

package/dist/esm/c_alert_m_custom__title_Color.js

@@ -0,0 +1,6 @@
+export const c_alert_m_custom__title_Color = {
+  "name": "--pf-c-alert--m-custom__title--Color",
+  "value": "#003737",
+  "var": "var(--pf-c-alert--m-custom__title--Color)"
+};
+export default c_alert_m_custom__title_Color;

package/dist/esm/c_alert_m_inline_m_custom_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_alert_m_inline_m_custom_BackgroundColor: {
+  "name": "--pf-c-alert--m-inline--m-custom--BackgroundColor",
+  "value": "#f2f9f9",
+  "var": "var(--pf-c-alert--m-inline--m-custom--BackgroundColor)"
+};
+export default c_alert_m_inline_m_custom_BackgroundColor;

package/dist/esm/c_alert_m_inline_m_custom_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_alert_m_inline_m_custom_BackgroundColor = {
+  "name": "--pf-c-alert--m-inline--m-custom--BackgroundColor",
+  "value": "#f2f9f9",
+  "var": "var(--pf-c-alert--m-inline--m-custom--BackgroundColor)"
+};
+export default c_alert_m_inline_m_custom_BackgroundColor;

package/dist/esm/c_background_image.d.ts

@@ -12,27 +12,31 @@ export const c_background_image: {
     },
     "c_background_image_BackgroundImage": {
       "name": "--pf-c-background-image--BackgroundImage",
-      "value": "url(\"../../assets/images/pfbg_576.jpg\")"
+      "value": "url(\"../../assets/images/pfbg-icon.svg\")"
     },
-    "c_background_image_BackgroundImage_2x": {
-      "name": "--pf-c-background-image--BackgroundImage-2x",
-      "value": "url(\"../../assets/images/pfbg_576@2x.jpg\")"
+    "c_background_image_BackgroundPosition": {
+      "name": "--pf-c-background-image--BackgroundPosition",
+      "value": "bottom right"
     },
-    "c_background_image_BackgroundImage_sm": {
-      "name": "--pf-c-background-image--BackgroundImage--sm",
-      "value": "url(\"../../assets/images/pfbg_768.jpg\")"
+    "c_background_image_BackgroundSize_min_width": {
+      "name": "--pf-c-background-image--BackgroundSize--min-width",
+      "value": "200px"
     },
-    "c_background_image_BackgroundImage_sm_2x": {
-      "name": "--pf-c-background-image--BackgroundImage--sm-2x",
-      "value": "url(\"../../assets/images/pfbg_768@2x.jpg\")"
+    "c_background_image_BackgroundSize_width": {
+      "name": "--pf-c-background-image--BackgroundSize--width",
+      "value": "60%"
     },
-    "c_background_image_BackgroundImage_lg": {
-      "name": "--pf-c-background-image--BackgroundImage--lg",
-      "value": "url(\"../../assets/images/pfbg_2000.jpg\")"
+    "c_background_image_BackgroundSize_max_width": {
+      "name": "--pf-c-background-image--BackgroundSize--max-width",
+      "value": "600px"
     },
-    "c_background_image_Filter": {
-      "name": "--pf-c-background-image--Filter",
-      "value": "url(\"#image_overlay\")"
+    "c_background_image_BackgroundSize": {
+      "name": "--pf-c-background-image--BackgroundSize",
+      "value": "clamp(200px, 60%, 600px)",
+      "values": [
+        "clamp(--pf-c-background-image--BackgroundSize--min-width, --pf-c-background-image--BackgroundSize--width, --pf-c-background-image--BackgroundSize--max-width)",
+        "clamp(200px, 60%, 600px)"
+      ]
     }
   }
 };

package/dist/esm/c_background_image.js

@@ -12,27 +12,31 @@ export const c_background_image = {
     },
     "c_background_image_BackgroundImage": {
       "name": "--pf-c-background-image--BackgroundImage",
-      "value": "url(\"../../assets/images/pfbg_576.jpg\")"
+      "value": "url(\"../../assets/images/pfbg-icon.svg\")"
     },
-    "c_background_image_BackgroundImage_2x": {
-      "name": "--pf-c-background-image--BackgroundImage-2x",
-      "value": "url(\"../../assets/images/pfbg_576@2x.jpg\")"
+    "c_background_image_BackgroundPosition": {
+      "name": "--pf-c-background-image--BackgroundPosition",
+      "value": "bottom right"
     },
-    "c_background_image_BackgroundImage_sm": {
-      "name": "--pf-c-background-image--BackgroundImage--sm",
-      "value": "url(\"../../assets/images/pfbg_768.jpg\")"
+    "c_background_image_BackgroundSize_min_width": {
+      "name": "--pf-c-background-image--BackgroundSize--min-width",
+      "value": "200px"
     },
-    "c_background_image_BackgroundImage_sm_2x": {
-      "name": "--pf-c-background-image--BackgroundImage--sm-2x",
-      "value": "url(\"../../assets/images/pfbg_768@2x.jpg\")"
+    "c_background_image_BackgroundSize_width": {
+      "name": "--pf-c-background-image--BackgroundSize--width",
+      "value": "60%"
     },
-    "c_background_image_BackgroundImage_lg": {
-      "name": "--pf-c-background-image--BackgroundImage--lg",
-      "value": "url(\"../../assets/images/pfbg_2000.jpg\")"
+    "c_background_image_BackgroundSize_max_width": {
+      "name": "--pf-c-background-image--BackgroundSize--max-width",
+      "value": "600px"
     },
-    "c_background_image_Filter": {
-      "name": "--pf-c-background-image--Filter",
-      "value": "url(\"#image_overlay\")"
+    "c_background_image_BackgroundSize": {
+      "name": "--pf-c-background-image--BackgroundSize",
+      "value": "clamp(200px, 60%, 600px)",
+      "values": [
+        "clamp(--pf-c-background-image--BackgroundSize--min-width, --pf-c-background-image--BackgroundSize--width, --pf-c-background-image--BackgroundSize--max-width)",
+        "clamp(200px, 60%, 600px)"
+      ]
     }
   }
 };

package/dist/esm/c_background_image_BackgroundImage.d.ts

@@ -1,6 +1,6 @@
 export const c_background_image_BackgroundImage: {
   "name": "--pf-c-background-image--BackgroundImage",
-  "value": "url(\"../../assets/images/pfbg_576.jpg\")",
+  "value": "url(\"../../assets/images/pfbg-icon.svg\")",
   "var": "var(--pf-c-background-image--BackgroundImage)"
 };
 export default c_background_image_BackgroundImage;

package/dist/esm/c_background_image_BackgroundImage.js

@@ -1,6 +1,6 @@
 export const c_background_image_BackgroundImage = {
   "name": "--pf-c-background-image--BackgroundImage",
-  "value": "url(\"../../assets/images/pfbg_576.jpg\")",
+  "value": "url(\"../../assets/images/pfbg-icon.svg\")",
   "var": "var(--pf-c-background-image--BackgroundImage)"
 };
 export default c_background_image_BackgroundImage;

package/dist/esm/c_background_image_BackgroundPosition.d.ts

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundPosition: {
+  "name": "--pf-c-background-image--BackgroundPosition",
+  "value": "bottom right",
+  "var": "var(--pf-c-background-image--BackgroundPosition)"
+};
+export default c_background_image_BackgroundPosition;

package/dist/esm/c_background_image_BackgroundPosition.js

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundPosition = {
+  "name": "--pf-c-background-image--BackgroundPosition",
+  "value": "bottom right",
+  "var": "var(--pf-c-background-image--BackgroundPosition)"
+};
+export default c_background_image_BackgroundPosition;

package/dist/esm/c_background_image_BackgroundSize.d.ts

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

package/dist/esm/c_background_image_BackgroundSize.js

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundSize = {
+  "name": "--pf-c-background-image--BackgroundSize",
+  "value": "clamp(200px, 60%, 600px)",
+  "var": "var(--pf-c-background-image--BackgroundSize)"
+};
+export default c_background_image_BackgroundSize;

package/dist/esm/c_background_image_BackgroundSize_max_width.d.ts

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundSize_max_width: {
+  "name": "--pf-c-background-image--BackgroundSize--max-width",
+  "value": "600px",
+  "var": "var(--pf-c-background-image--BackgroundSize--max-width)"
+};
+export default c_background_image_BackgroundSize_max_width;

package/dist/esm/c_background_image_BackgroundSize_max_width.js

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundSize_max_width = {
+  "name": "--pf-c-background-image--BackgroundSize--max-width",
+  "value": "600px",
+  "var": "var(--pf-c-background-image--BackgroundSize--max-width)"
+};
+export default c_background_image_BackgroundSize_max_width;

package/dist/esm/c_background_image_BackgroundSize_min_width.d.ts

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundSize_min_width: {
+  "name": "--pf-c-background-image--BackgroundSize--min-width",
+  "value": "200px",
+  "var": "var(--pf-c-background-image--BackgroundSize--min-width)"
+};
+export default c_background_image_BackgroundSize_min_width;

package/dist/esm/c_background_image_BackgroundSize_min_width.js

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundSize_min_width = {
+  "name": "--pf-c-background-image--BackgroundSize--min-width",
+  "value": "200px",
+  "var": "var(--pf-c-background-image--BackgroundSize--min-width)"
+};
+export default c_background_image_BackgroundSize_min_width;

package/dist/esm/c_background_image_BackgroundSize_width.d.ts

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundSize_width: {
+  "name": "--pf-c-background-image--BackgroundSize--width",
+  "value": "60%",
+  "var": "var(--pf-c-background-image--BackgroundSize--width)"
+};
+export default c_background_image_BackgroundSize_width;

package/dist/esm/c_background_image_BackgroundSize_width.js

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundSize_width = {
+  "name": "--pf-c-background-image--BackgroundSize--width",
+  "value": "60%",
+  "var": "var(--pf-c-background-image--BackgroundSize--width)"
+};
+export default c_background_image_BackgroundSize_width;