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

package/dist/js/c_dropdown.js

@@ -42,6 +42,16 @@ exports.c_dropdown = {
         "0.5rem"
       ]
     },
+    "c_dropdown__toggle_ColumnGap": {
+      "name": "--pf-c-dropdown__toggle--ColumnGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_dropdown__toggle_MinWidth": {
       "name": "--pf-c-dropdown__toggle--MinWidth",
       "value": "0"
@@ -810,8 +820,8 @@ exports.c_dropdown = {
         "1.5"
       ]
     },
-    "c_dropdown__toggle_icon_MarginRight": {
-      "name": "--pf-c-dropdown__toggle-icon--MarginRight",
+    "c_dropdown__toggle_icon_PaddingRight": {
+      "name": "--pf-c-dropdown__toggle-icon--PaddingRight",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -820,16 +830,20 @@ exports.c_dropdown = {
         "0.5rem"
       ]
     },
-    "c_dropdown__toggle_icon_MarginLeft": {
-      "name": "--pf-c-dropdown__toggle-icon--MarginLeft",
-      "value": "1rem",
+    "c_dropdown__toggle_icon_PaddingLeft": {
+      "name": "--pf-c-dropdown__toggle-icon--PaddingLeft",
+      "value": "0.5rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
+    "c_dropdown__toggle_icon_MarginLeft": {
+      "name": "--pf-c-dropdown__toggle-icon--MarginLeft",
+      "value": "0"
+    },
     "c_dropdown_m_top_m_expanded__toggle_icon_Rotate": {
       "name": "--pf-c-dropdown--m-top--m-expanded__toggle-icon--Rotate",
       "value": "180deg"
@@ -1186,24 +1200,6 @@ exports.c_dropdown = {
         "#6a6e73"
       ]
     },
-    "c_dropdown__toggle_image_MarginTop": {
-      "name": "--pf-c-dropdown__toggle-image--MarginTop",
-      "value": "0"
-    },
-    "c_dropdown__toggle_image_MarginBottom": {
-      "name": "--pf-c-dropdown__toggle-image--MarginBottom",
-      "value": "0"
-    },
-    "c_dropdown__toggle_image_MarginRight": {
-      "name": "--pf-c-dropdown__toggle-image--MarginRight",
-      "value": "0.5rem",
-      "values": [
-        "--pf-global--spacer--sm",
-        "$pf-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    },
     "c_dropdown_c_divider_MarginTop": {
       "name": "--pf-c-dropdown--c-divider--MarginTop",
       "value": "0.5rem",
@@ -1224,6 +1220,14 @@ exports.c_dropdown = {
         "0.5rem"
       ]
     },
+    "c_dropdown__toggle_c_badge__toggle_icon_PaddingRight": {
+      "name": "--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight",
+      "value": "0"
+    },
+    "c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft": {
+      "name": "--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft",
+      "value": "0"
+    },
     "c_dropdown__toggle_c_badge__toggle_icon_MarginLeft": {
       "name": "--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft",
       "value": "0.25rem",
@@ -1445,6 +1449,12 @@ exports.c_dropdown = {
       ]
     }
   },
+  ".pf-c-dropdown__toggle.pf-m-split-button": {
+    "c_dropdown__toggle_ColumnGap": {
+      "name": "--pf-c-dropdown__toggle--ColumnGap",
+      "value": "0"
+    }
+  },
   ".pf-c-dropdown__toggle.pf-m-split-button > *:first-child": {
     "c_dropdown__toggle_m_split_button_child_PaddingLeft": {
       "name": "--pf-c-dropdown__toggle--m-split-button--child--PaddingLeft",
@@ -1945,6 +1955,22 @@ exports.c_dropdown = {
     }
   },
   ".pf-c-dropdown__toggle > .pf-c-badge": {
+    "c_dropdown__toggle_icon_PaddingRight": {
+      "name": "--pf-c-dropdown__toggle-icon--PaddingRight",
+      "value": "0",
+      "values": [
+        "--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight",
+        "0"
+      ]
+    },
+    "c_dropdown__toggle_icon_PaddingLeft": {
+      "name": "--pf-c-dropdown__toggle-icon--PaddingLeft",
+      "value": "0",
+      "values": [
+        "--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft",
+        "0"
+      ]
+    },
     "c_dropdown__toggle_icon_MarginLeft": {
       "name": "--pf-c-dropdown__toggle-icon--MarginLeft",
       "value": "0.25rem",
@@ -1955,20 +1981,6 @@ exports.c_dropdown = {
         "pf-size-prem(4px)",
         "0.25rem"
       ]
-    },
-    "c_dropdown__toggle_icon_MarginRight": {
-      "name": "--pf-c-dropdown__toggle-icon--MarginRight",
-      "value": "0",
-      "values": [
-        "--pf-c-dropdown__toggle--c-badge__toggle-icon--MarginRight",
-        "0"
-      ]
-    }
-  },
-  ".pf-c-dropdown__toggle-image:last-child": {
-    "c_dropdown__toggle_image_MarginRight": {
-      "name": "--pf-c-dropdown__toggle-image--MarginRight",
-      "value": "0"
     }
   },
   ".pf-c-dropdown__toggle-progress .pf-c-spinner": {

package/dist/js/c_dropdown__toggle_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_ColumnGap: {
+  "name": "--pf-c-dropdown__toggle--ColumnGap",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle--ColumnGap)"
+};
+export default c_dropdown__toggle_ColumnGap;

package/dist/js/c_dropdown__toggle_ColumnGap.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_dropdown__toggle_ColumnGap = {
+  "name": "--pf-c-dropdown__toggle--ColumnGap",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle--ColumnGap)"
+};
+exports["default"] = exports.c_dropdown__toggle_ColumnGap;

package/dist/js/c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft: {
+  "name": "--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft)"
+};
+export default c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft;

package/dist/js/c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft = {
+  "name": "--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft)"
+};
+exports["default"] = exports.c_dropdown__toggle_c_badge__toggle_icon_PaddingLeft;

package/dist/js/c_dropdown__toggle_c_badge__toggle_icon_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_c_badge__toggle_icon_PaddingRight: {
+  "name": "--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight)"
+};
+export default c_dropdown__toggle_c_badge__toggle_icon_PaddingRight;

package/dist/js/c_dropdown__toggle_c_badge__toggle_icon_PaddingRight.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_dropdown__toggle_c_badge__toggle_icon_PaddingRight = {
+  "name": "--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle--c-badge__toggle-icon--PaddingRight)"
+};
+exports["default"] = exports.c_dropdown__toggle_c_badge__toggle_icon_PaddingRight;

package/dist/js/c_dropdown__toggle_icon_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_icon_PaddingLeft: {
+  "name": "--pf-c-dropdown__toggle-icon--PaddingLeft",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle-icon--PaddingLeft)"
+};
+export default c_dropdown__toggle_icon_PaddingLeft;

package/dist/js/c_dropdown__toggle_icon_PaddingLeft.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_dropdown__toggle_icon_PaddingLeft = {
+  "name": "--pf-c-dropdown__toggle-icon--PaddingLeft",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle-icon--PaddingLeft)"
+};
+exports["default"] = exports.c_dropdown__toggle_icon_PaddingLeft;

package/dist/js/c_dropdown__toggle_icon_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_icon_PaddingRight: {
+  "name": "--pf-c-dropdown__toggle-icon--PaddingRight",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle-icon--PaddingRight)"
+};
+export default c_dropdown__toggle_icon_PaddingRight;

package/dist/js/c_dropdown__toggle_icon_PaddingRight.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_dropdown__toggle_icon_PaddingRight = {
+  "name": "--pf-c-dropdown__toggle-icon--PaddingRight",
+  "value": "0",
+  "var": "var(--pf-c-dropdown__toggle-icon--PaddingRight)"
+};
+exports["default"] = exports.c_dropdown__toggle_icon_PaddingRight;

package/dist/js/c_form.d.ts

@@ -153,6 +153,10 @@ export const c_form: {
         "#c9190b"
       ]
     },
+    "c_form__group_label_help_BackgroundColor": {
+      "name": "--pf-c-form__group-label-help--BackgroundColor",
+      "value": "transparent"
+    },
     "c_form__group_label_help_PaddingTop": {
       "name": "--pf-c-form__group-label-help--PaddingTop",
       "value": "0.25rem",

package/dist/js/c_form.js

@@ -155,6 +155,10 @@ exports.c_form = {
         "#c9190b"
       ]
     },
+    "c_form__group_label_help_BackgroundColor": {
+      "name": "--pf-c-form__group-label-help--BackgroundColor",
+      "value": "transparent"
+    },
     "c_form__group_label_help_PaddingTop": {
       "name": "--pf-c-form__group-label-help--PaddingTop",
       "value": "0.25rem",

package/dist/js/c_form__group_label_help_BackgroundColor.d.ts

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

package/dist/js/c_form__group_label_help_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_form__group_label_help_BackgroundColor = {
+  "name": "--pf-c-form__group-label-help--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-form__group-label-help--BackgroundColor)"
+};
+exports["default"] = exports.c_form__group_label_help_BackgroundColor;

package/dist/js/c_icon.d.ts

@@ -158,12 +158,12 @@ export const c_icon: {
         "#2b9af3"
       ]
     },
-    "c_icon__content_m_default_Color": {
-      "name": "--pf-c-icon__content--m-default--Color",
+    "c_icon__content_m_custom_Color": {
+      "name": "--pf-c-icon__content--m-custom--Color",
       "value": "#73c5c5",
       "values": [
-        "--pf-global--default-color--100",
-        "$pf-global--default-color--100",
+        "--pf-global--custom-color--100",
+        "$pf-global--custom-color--100",
         "$pf-color-cyan-200",
         "#73c5c5"
       ]
@@ -517,14 +517,14 @@ export const c_icon: {
       ]
     }
   },
-  ".pf-c-icon__content.pf-m-default": {
+  ".pf-c-icon__content.pf-m-custom": {
     "c_icon__content_Color": {
       "name": "--pf-c-icon__content--Color",
       "value": "#73c5c5",
       "values": [
-        "--pf-c-icon__content--m-default--Color",
-        "--pf-global--default-color--100",
-        "$pf-global--default-color--100",
+        "--pf-c-icon__content--m-custom--Color",
+        "--pf-global--custom-color--100",
+        "$pf-global--custom-color--100",
         "$pf-color-cyan-200",
         "#73c5c5"
       ]

package/dist/js/c_icon.js

@@ -160,12 +160,12 @@ exports.c_icon = {
         "#2b9af3"
       ]
     },
-    "c_icon__content_m_default_Color": {
-      "name": "--pf-c-icon__content--m-default--Color",
+    "c_icon__content_m_custom_Color": {
+      "name": "--pf-c-icon__content--m-custom--Color",
       "value": "#73c5c5",
       "values": [
-        "--pf-global--default-color--100",
-        "$pf-global--default-color--100",
+        "--pf-global--custom-color--100",
+        "$pf-global--custom-color--100",
         "$pf-color-cyan-200",
         "#73c5c5"
       ]
@@ -519,14 +519,14 @@ exports.c_icon = {
       ]
     }
   },
-  ".pf-c-icon__content.pf-m-default": {
+  ".pf-c-icon__content.pf-m-custom": {
     "c_icon__content_Color": {
       "name": "--pf-c-icon__content--Color",
       "value": "#73c5c5",
       "values": [
-        "--pf-c-icon__content--m-default--Color",
-        "--pf-global--default-color--100",
-        "$pf-global--default-color--100",
+        "--pf-c-icon__content--m-custom--Color",
+        "--pf-global--custom-color--100",
+        "$pf-global--custom-color--100",
         "$pf-color-cyan-200",
         "#73c5c5"
       ]

package/dist/js/c_icon__content_m_custom_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_icon__content_m_custom_Color: {
+  "name": "--pf-c-icon__content--m-custom--Color",
+  "value": "#73c5c5",
+  "var": "var(--pf-c-icon__content--m-custom--Color)"
+};
+export default c_icon__content_m_custom_Color;

package/dist/js/c_icon__content_m_custom_Color.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_icon__content_m_custom_Color = {
+  "name": "--pf-c-icon__content--m-custom--Color",
+  "value": "#73c5c5",
+  "var": "var(--pf-c-icon__content--m-custom--Color)"
+};
+exports["default"] = exports.c_icon__content_m_custom_Color;

package/dist/js/c_label.d.ts

@@ -698,8 +698,8 @@ export const c_label: {
       "name": "--pf-c-label--m-cyan__icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -708,8 +708,8 @@ export const c_label: {
       "name": "--pf-c-label--m-cyan__content--Color",
       "value": "#003737",
       "values": [
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
         "$pf-color-cyan-500",
         "#003737"
       ]
@@ -727,8 +727,8 @@ export const c_label: {
       "name": "--pf-c-label--m-cyan__content--link--hover--before--BorderColor",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -737,8 +737,8 @@ export const c_label: {
       "name": "--pf-c-label--m-cyan__content--link--focus--before--BorderColor",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -2041,8 +2041,8 @@ export const c_label: {
       "value": "#009596",
       "values": [
         "--pf-c-label--m-cyan__icon--Color",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -2052,8 +2052,8 @@ export const c_label: {
       "value": "#003737",
       "values": [
         "--pf-c-label--m-cyan__content--Color",
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
         "$pf-color-cyan-500",
         "#003737"
       ]
@@ -2073,8 +2073,8 @@ export const c_label: {
       "value": "#009596",
       "values": [
         "--pf-c-label--m-cyan__content--link--hover--before--BorderColor",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -2084,8 +2084,8 @@ export const c_label: {
       "value": "#009596",
       "values": [
         "--pf-c-label--m-cyan__content--link--focus--before--BorderColor",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]

package/dist/js/c_label.js

@@ -700,8 +700,8 @@ exports.c_label = {
       "name": "--pf-c-label--m-cyan__icon--Color",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -710,8 +710,8 @@ exports.c_label = {
       "name": "--pf-c-label--m-cyan__content--Color",
       "value": "#003737",
       "values": [
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
         "$pf-color-cyan-500",
         "#003737"
       ]
@@ -729,8 +729,8 @@ exports.c_label = {
       "name": "--pf-c-label--m-cyan__content--link--hover--before--BorderColor",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -739,8 +739,8 @@ exports.c_label = {
       "name": "--pf-c-label--m-cyan__content--link--focus--before--BorderColor",
       "value": "#009596",
       "values": [
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -2043,8 +2043,8 @@ exports.c_label = {
       "value": "#009596",
       "values": [
         "--pf-c-label--m-cyan__icon--Color",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -2054,8 +2054,8 @@ exports.c_label = {
       "value": "#003737",
       "values": [
         "--pf-c-label--m-cyan__content--Color",
-        "--pf-global--default-color--300",
-        "$pf-global--default-color--300",
+        "--pf-global--custom-color--300",
+        "$pf-global--custom-color--300",
         "$pf-color-cyan-500",
         "#003737"
       ]
@@ -2075,8 +2075,8 @@ exports.c_label = {
       "value": "#009596",
       "values": [
         "--pf-c-label--m-cyan__content--link--hover--before--BorderColor",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]
@@ -2086,8 +2086,8 @@ exports.c_label = {
       "value": "#009596",
       "values": [
         "--pf-c-label--m-cyan__content--link--focus--before--BorderColor",
-        "--pf-global--default-color--200",
-        "$pf-global--default-color--200",
+        "--pf-global--custom-color--200",
+        "$pf-global--custom-color--200",
         "$pf-color-cyan-300",
         "#009596"
       ]