@patternfly/react-tokens 6.0.0-alpha.1 → 6.0.0-alpha.11

package/dist/js/c_number_input.d.ts

@@ -1,47 +1,39 @@
 export const c_number_input: {
-  ".pf-v5-c-number-input": {
+  ":root": {
     "c_number_input__unit_c_input_group_MarginLeft": {
       "name": "--pf-v5-c-number-input__unit--c-input-group--MarginLeft",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_number_input__icon_FontSize": {
       "name": "--pf-v5-c-number-input__icon--FontSize",
-      "value": "0.75rem",
+      "value": "12px",
       "values": [
-        "--pf-v5-global--FontSize--xs",
-        "$pf-v5-global--FontSize--xs",
-        "pf-font-prem(12px)",
-        "0.75rem"
+        "--pf-t--global--font--size--xs",
+        "--pf-t--global--font--size--100",
+        "12px"
       ]
     },
     "c_number_input_c_form_control_width_base": {
       "name": "--pf-v5-c-number-input--c-form-control--width-base",
-      "value": "calc(0.5rem * 2 + 1px * 2)",
+      "value": "calc(16px * 2 + 1px * 2)",
       "values": [
-        "calc(--pf-v5-global--spacer--sm * 2 + --pf-v5-global--BorderWidth--sm * 2)",
-        "calc($pf-v5-global--spacer--sm * 2 + $pf-v5-global--BorderWidth--sm * 2)",
-        "calc(pf-size-prem(8px) * 2 + 1px * 2)",
-        "calc(0.5rem * 2 + 1px * 2)"
+        "calc(--pf-t--global--spacer--md * 2 + --pf-t--global--border--width--box--default * 2)",
+        "calc(--pf-t--global--spacer--300 * 2 + --pf-t--global--border--width--100 * 2)",
+        "calc(16px * 2 + 1px * 2)"
       ]
     },
     "c_number_input_c_form_control_width_icon": {
       "name": "--pf-v5-c-number-input--c-form-control--width-icon",
-      "value": "0px"
-    },
-    "c_number_input_m_status_c_form_control_width_icon": {
-      "name": "--pf-v5-c-number-input--m-status--c-form-control--width-icon",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "32px"
       ]
     },
     "c_number_input_c_form_control_width_chars": {
@@ -50,26 +42,12 @@ export const c_number_input: {
     },
     "c_number_input_c_form_control_Width": {
       "name": "--pf-v5-c-number-input--c-form-control--Width",
-      "value": "calc(\n      calc(\n        calc(0.5rem * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )",
+      "value": "calc(\n      calc(\n        calc(16px * 2 + 1px * 2) + 4 * 1ch\n      ) + 32px\n    )",
       "values": [
         "calc(\n      calc(\n        --pf-v5-c-number-input--c-form-control--width-base + --pf-v5-c-number-input--c-form-control--width-chars * 1ch\n      ) + --pf-v5-c-number-input--c-form-control--width-icon\n    )",
-        "calc(\n      calc(\n        calc(--pf-v5-global--spacer--sm * 2 + --pf-v5-global--BorderWidth--sm * 2) + 4 * 1ch\n      ) + 0px\n    )",
-        "calc(\n      calc(\n        calc($pf-v5-global--spacer--sm * 2 + $pf-v5-global--BorderWidth--sm * 2) + 4 * 1ch\n      ) + 0px\n    )",
-        "calc(\n      calc(\n        calc(pf-size-prem(8px) * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )",
-        "calc(\n      calc(\n        calc(0.5rem * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )"
-      ]
-    }
-  },
-  ".pf-v5-c-number-input.pf-m-status": {
-    "c_number_input_c_form_control_width_icon": {
-      "name": "--pf-v5-c-number-input--c-form-control--width-icon",
-      "value": "2rem",
-      "values": [
-        "--pf-v5-c-number-input--m-status--c-form-control--width-icon",
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "calc(\n      calc(\n        calc(--pf-t--global--spacer--md * 2 + --pf-t--global--border--width--box--default * 2) + 4 * 1ch\n      ) + --pf-t--global--spacer--xl\n    )",
+        "calc(\n      calc(\n        calc(--pf-t--global--spacer--300 * 2 + --pf-t--global--border--width--100 * 2) + 4 * 1ch\n      ) + --pf-t--global--spacer--500\n    )",
+        "calc(\n      calc(\n        calc(16px * 2 + 1px * 2) + 4 * 1ch\n      ) + 32px\n    )"
       ]
     }
   }

package/dist/js/c_number_input.js

@@ -1,49 +1,41 @@
 "use strict";
 exports.__esModule = true;
 exports.c_number_input = {
-  ".pf-v5-c-number-input": {
+  ":root": {
     "c_number_input__unit_c_input_group_MarginLeft": {
       "name": "--pf-v5-c-number-input__unit--c-input-group--MarginLeft",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
     "c_number_input__icon_FontSize": {
       "name": "--pf-v5-c-number-input__icon--FontSize",
-      "value": "0.75rem",
+      "value": "12px",
       "values": [
-        "--pf-v5-global--FontSize--xs",
-        "$pf-v5-global--FontSize--xs",
-        "pf-font-prem(12px)",
-        "0.75rem"
+        "--pf-t--global--font--size--xs",
+        "--pf-t--global--font--size--100",
+        "12px"
       ]
     },
     "c_number_input_c_form_control_width_base": {
       "name": "--pf-v5-c-number-input--c-form-control--width-base",
-      "value": "calc(0.5rem * 2 + 1px * 2)",
+      "value": "calc(16px * 2 + 1px * 2)",
       "values": [
-        "calc(--pf-v5-global--spacer--sm * 2 + --pf-v5-global--BorderWidth--sm * 2)",
-        "calc($pf-v5-global--spacer--sm * 2 + $pf-v5-global--BorderWidth--sm * 2)",
-        "calc(pf-size-prem(8px) * 2 + 1px * 2)",
-        "calc(0.5rem * 2 + 1px * 2)"
+        "calc(--pf-t--global--spacer--md * 2 + --pf-t--global--border--width--box--default * 2)",
+        "calc(--pf-t--global--spacer--300 * 2 + --pf-t--global--border--width--100 * 2)",
+        "calc(16px * 2 + 1px * 2)"
       ]
     },
     "c_number_input_c_form_control_width_icon": {
       "name": "--pf-v5-c-number-input--c-form-control--width-icon",
-      "value": "0px"
-    },
-    "c_number_input_m_status_c_form_control_width_icon": {
-      "name": "--pf-v5-c-number-input--m-status--c-form-control--width-icon",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "32px"
       ]
     },
     "c_number_input_c_form_control_width_chars": {
@@ -52,26 +44,12 @@ exports.c_number_input = {
     },
     "c_number_input_c_form_control_Width": {
       "name": "--pf-v5-c-number-input--c-form-control--Width",
-      "value": "calc(\n      calc(\n        calc(0.5rem * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )",
+      "value": "calc(\n      calc(\n        calc(16px * 2 + 1px * 2) + 4 * 1ch\n      ) + 32px\n    )",
       "values": [
         "calc(\n      calc(\n        --pf-v5-c-number-input--c-form-control--width-base + --pf-v5-c-number-input--c-form-control--width-chars * 1ch\n      ) + --pf-v5-c-number-input--c-form-control--width-icon\n    )",
-        "calc(\n      calc(\n        calc(--pf-v5-global--spacer--sm * 2 + --pf-v5-global--BorderWidth--sm * 2) + 4 * 1ch\n      ) + 0px\n    )",
-        "calc(\n      calc(\n        calc($pf-v5-global--spacer--sm * 2 + $pf-v5-global--BorderWidth--sm * 2) + 4 * 1ch\n      ) + 0px\n    )",
-        "calc(\n      calc(\n        calc(pf-size-prem(8px) * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )",
-        "calc(\n      calc(\n        calc(0.5rem * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )"
-      ]
-    }
-  },
-  ".pf-v5-c-number-input.pf-m-status": {
-    "c_number_input_c_form_control_width_icon": {
-      "name": "--pf-v5-c-number-input--c-form-control--width-icon",
-      "value": "2rem",
-      "values": [
-        "--pf-v5-c-number-input--m-status--c-form-control--width-icon",
-        "--pf-v5-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "calc(\n      calc(\n        calc(--pf-t--global--spacer--md * 2 + --pf-t--global--border--width--box--default * 2) + 4 * 1ch\n      ) + --pf-t--global--spacer--xl\n    )",
+        "calc(\n      calc(\n        calc(--pf-t--global--spacer--300 * 2 + --pf-t--global--border--width--100 * 2) + 4 * 1ch\n      ) + --pf-t--global--spacer--500\n    )",
+        "calc(\n      calc(\n        calc(16px * 2 + 1px * 2) + 4 * 1ch\n      ) + 32px\n    )"
       ]
     }
   }

package/dist/js/c_number_input__icon_FontSize.d.ts

@@ -1,6 +1,6 @@
 export const c_number_input__icon_FontSize: {
   "name": "--pf-v5-c-number-input__icon--FontSize",
-  "value": "0.75rem",
+  "value": "12px",
   "var": "var(--pf-v5-c-number-input__icon--FontSize)"
 };
 export default c_number_input__icon_FontSize;

package/dist/js/c_number_input__icon_FontSize.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_number_input__icon_FontSize = {
   "name": "--pf-v5-c-number-input__icon--FontSize",
-  "value": "0.75rem",
+  "value": "12px",
   "var": "var(--pf-v5-c-number-input__icon--FontSize)"
 };
 exports["default"] = exports.c_number_input__icon_FontSize;

package/dist/js/c_number_input__unit_c_input_group_MarginLeft.d.ts

@@ -1,6 +1,6 @@
 export const c_number_input__unit_c_input_group_MarginLeft: {
   "name": "--pf-v5-c-number-input__unit--c-input-group--MarginLeft",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-number-input__unit--c-input-group--MarginLeft)"
 };
 export default c_number_input__unit_c_input_group_MarginLeft;

package/dist/js/c_number_input__unit_c_input_group_MarginLeft.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_number_input__unit_c_input_group_MarginLeft = {
   "name": "--pf-v5-c-number-input__unit--c-input-group--MarginLeft",
-  "value": "0.5rem",
+  "value": "8px",
   "var": "var(--pf-v5-c-number-input__unit--c-input-group--MarginLeft)"
 };
 exports["default"] = exports.c_number_input__unit_c_input_group_MarginLeft;

package/dist/js/c_number_input_c_form_control_Width.d.ts

@@ -1,6 +1,6 @@
 export const c_number_input_c_form_control_Width: {
   "name": "--pf-v5-c-number-input--c-form-control--Width",
-  "value": "calc(\n      calc(\n        calc(0.5rem * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )",
+  "value": "calc(\n      calc(\n        calc(16px * 2 + 1px * 2) + 4 * 1ch\n      ) + 32px\n    )",
   "var": "var(--pf-v5-c-number-input--c-form-control--Width)"
 };
 export default c_number_input_c_form_control_Width;

package/dist/js/c_number_input_c_form_control_Width.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_number_input_c_form_control_Width = {
   "name": "--pf-v5-c-number-input--c-form-control--Width",
-  "value": "calc(\n      calc(\n        calc(0.5rem * 2 + 1px * 2) + 4 * 1ch\n      ) + 0px\n    )",
+  "value": "calc(\n      calc(\n        calc(16px * 2 + 1px * 2) + 4 * 1ch\n      ) + 32px\n    )",
   "var": "var(--pf-v5-c-number-input--c-form-control--Width)"
 };
 exports["default"] = exports.c_number_input_c_form_control_Width;

package/dist/js/c_number_input_c_form_control_width_base.d.ts

@@ -1,6 +1,6 @@
 export const c_number_input_c_form_control_width_base: {
   "name": "--pf-v5-c-number-input--c-form-control--width-base",
-  "value": "calc(0.5rem * 2 + 1px * 2)",
+  "value": "calc(16px * 2 + 1px * 2)",
   "var": "var(--pf-v5-c-number-input--c-form-control--width-base)"
 };
 export default c_number_input_c_form_control_width_base;

package/dist/js/c_number_input_c_form_control_width_base.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_number_input_c_form_control_width_base = {
   "name": "--pf-v5-c-number-input--c-form-control--width-base",
-  "value": "calc(0.5rem * 2 + 1px * 2)",
+  "value": "calc(16px * 2 + 1px * 2)",
   "var": "var(--pf-v5-c-number-input--c-form-control--width-base)"
 };
 exports["default"] = exports.c_number_input_c_form_control_width_base;

package/dist/js/c_number_input_c_form_control_width_icon.d.ts

@@ -1,6 +1,6 @@
 export const c_number_input_c_form_control_width_icon: {
   "name": "--pf-v5-c-number-input--c-form-control--width-icon",
-  "value": "2rem",
+  "value": "32px",
   "var": "var(--pf-v5-c-number-input--c-form-control--width-icon)"
 };
 export default c_number_input_c_form_control_width_icon;

package/dist/js/c_number_input_c_form_control_width_icon.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_number_input_c_form_control_width_icon = {
   "name": "--pf-v5-c-number-input--c-form-control--width-icon",
-  "value": "2rem",
+  "value": "32px",
   "var": "var(--pf-v5-c-number-input--c-form-control--width-icon)"
 };
 exports["default"] = exports.c_number_input_c_form_control_width_icon;

package/dist/js/c_overflow_menu.d.ts

@@ -1,198 +1,40 @@
 export const c_overflow_menu: {
-  ".pf-v5-c-overflow-menu": {
-    "c_overflow_menu_spacer_base": {
-      "name": "--pf-v5-c-overflow-menu--spacer--base",
-      "value": "1rem",
+  ":root": {
+    "c_overflow_menu_ColumnGap": {
+      "name": "--pf-v5-c-overflow-menu--ColumnGap",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "0.5rem",
+    "c_overflow_menu__group_ColumnGap": {
+      "name": "--pf-v5-c-overflow-menu__group--ColumnGap",
+      "value": "16px",
       "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     },
-    "c_overflow_menu__group_spacer": {
-      "name": "--pf-v5-c-overflow-menu__group--spacer",
-      "value": "1rem",
+    "c_overflow_menu__group_m_button_group_ColumnGap": {
+      "name": "--pf-v5-c-overflow-menu__group--m-button-group--ColumnGap",
+      "value": "8px",
       "values": [
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     },
-    "c_overflow_menu__item_spacer": {
-      "name": "--pf-v5-c-overflow-menu__item--spacer",
-      "value": "1rem",
+    "c_overflow_menu__group_m_icon_button_group_ColumnGap": {
+      "name": "--pf-v5-c-overflow-menu__group--m-icon-button-group--ColumnGap",
+      "value": "4px",
       "values": [
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
-    },
-    "c_overflow_menu_c_divider_m_vertical_spacer": {
-      "name": "--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_overflow_menu__group_m_button_group_spacer": {
-      "name": "--pf-v5-c-overflow-menu__group--m-button-group--spacer",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_overflow_menu__group_m_button_group_space_items": {
-      "name": "--pf-v5-c-overflow-menu__group--m-button-group--space-items",
-      "value": "0.5rem",
-      "values": [
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    },
-    "c_overflow_menu__group_m_icon_button_group_spacer": {
-      "name": "--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    },
-    "c_overflow_menu__group_m_icon_button_group_space_items": {
-      "name": "--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items",
-      "value": "0"
-    }
-  },
-  ".pf-v5-c-overflow-menu__group": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-overflow-menu__group--spacer",
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    }
-  },
-  ".pf-v5-c-overflow-menu__group.pf-m-button-group": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-overflow-menu__group--m-button-group--spacer",
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    }
-  },
-  ".pf-v5-c-overflow-menu__group.pf-m-button-group > *": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "0.5rem",
-      "values": [
-        "--pf-v5-c-overflow-menu__group--m-button-group--space-items",
-        "--pf-v5-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    }
-  },
-  ".pf-v5-c-overflow-menu__group.pf-m-icon-button-group": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-overflow-menu__group--m-icon-button-group--spacer",
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    }
-  },
-  ".pf-v5-c-overflow-menu__group.pf-m-icon-button-group > *": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "0",
-      "values": [
-        "--pf-v5-c-overflow-menu__group--m-icon-button-group--space-items",
-        "0"
-      ]
-    }
-  },
-  ".pf-v5-c-overflow-menu__item": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-overflow-menu__item--spacer",
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    }
-  },
-  ".pf-v5-c-overflow-menu__content:last-child": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "0"
-    }
-  },
-  ".pf-v5-c-overflow-menu > .pf-v5-c-divider": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "1rem",
-      "values": [
-        "--pf-v5-c-overflow-menu--c-divider--m-vertical--spacer",
-        "--pf-v5-c-overflow-menu--spacer--base",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
-      ]
-    }
-  },
-  ".pf-v5-c-overflow-menu > .pf-v5-c-divider.pf-m-vertical:last-child": {
-    "c_overflow_menu_spacer": {
-      "name": "--pf-v5-c-overflow-menu--spacer",
-      "value": "0"
     }
   }
 };