@patternfly/react-tokens 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/esm/c_chip_group.js

@@ -72,24 +72,74 @@ export const c_chip_group = {
         "#fff"
       ]
     },
-    "c_chip_group__list_MarginBottom": {
-      "name": "--pf-c-chip-group__list--MarginBottom",
-      "value": "calc(0.25rem * -1)",
+    "c_chip_group_PaddingTop": {
+      "name": "--pf-c-chip-group--PaddingTop",
+      "value": "0"
+    },
+    "c_chip_group_PaddingRight": {
+      "name": "--pf-c-chip-group--PaddingRight",
+      "value": "0"
+    },
+    "c_chip_group_PaddingBottom": {
+      "name": "--pf-c-chip-group--PaddingBottom",
+      "value": "0"
+    },
+    "c_chip_group_PaddingLeft": {
+      "name": "--pf-c-chip-group--PaddingLeft",
+      "value": "0"
+    },
+    "c_chip_group_RowGap": {
+      "name": "--pf-c-chip-group--RowGap",
+      "value": "0.5rem",
       "values": [
-        "calc(--pf-global--spacer--xs * -1)",
-        "calc($pf-global--spacer--xs * -1)",
-        "calc(pf-size-prem(4px) * -1)",
-        "calc(0.25rem * -1)"
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
-    "c_chip_group__list_MarginRight": {
-      "name": "--pf-c-chip-group__list--MarginRight",
-      "value": "calc(0.25rem * -1)",
+    "c_chip_group_ColumnGap": {
+      "name": "--pf-c-chip-group--ColumnGap",
+      "value": "0"
+    },
+    "c_chip_group__main_RowGap": {
+      "name": "--pf-c-chip-group__main--RowGap",
+      "value": "0.25rem",
       "values": [
-        "calc(--pf-global--spacer--xs * -1)",
-        "calc($pf-global--spacer--xs * -1)",
-        "calc(pf-size-prem(4px) * -1)",
-        "calc(0.25rem * -1)"
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_chip_group__main_ColumnGap": {
+      "name": "--pf-c-chip-group__main--ColumnGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_chip_group__list_RowGap": {
+      "name": "--pf-c-chip-group__list--RowGap",
+      "value": "0.25rem",
+      "values": [
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_chip_group__list_ColumnGap": {
+      "name": "--pf-c-chip-group__list--ColumnGap",
+      "value": "0.25rem",
+      "values": [
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
       ]
     },
     "c_chip_group_m_category_PaddingTop": {
@@ -151,16 +201,6 @@ export const c_chip_group = {
         "#f0f0f0"
       ]
     },
-    "c_chip_group__label_MarginRight": {
-      "name": "--pf-c-chip-group__label--MarginRight",
-      "value": "0.5rem",
-      "values": [
-        "--pf-global--spacer--sm",
-        "$pf-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
-      ]
-    },
     "c_chip_group__label_FontSize": {
       "name": "--pf-c-chip-group__label--FontSize",
       "value": "0.875rem",
@@ -194,26 +234,52 @@ export const c_chip_group = {
         "calc(pf-size-prem(4px) * -1)",
         "calc(0.25rem * -1)"
       ]
+    }
+  },
+  ".pf-c-chip-group.pf-m-category": {
+    "c_chip_group_PaddingTop": {
+      "name": "--pf-c-chip-group--PaddingTop",
+      "value": "0.25rem",
+      "values": [
+        "--pf-c-chip-group--m-category--PaddingTop",
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
     },
-    "c_chip_group__list_item_MarginRight": {
-      "name": "--pf-c-chip-group__list-item--MarginRight",
+    "c_chip_group_PaddingRight": {
+      "name": "--pf-c-chip-group--PaddingRight",
       "value": "0.25rem",
       "values": [
+        "--pf-c-chip-group--m-category--PaddingRight",
         "--pf-global--spacer--xs",
         "$pf-global--spacer--xs",
         "pf-size-prem(4px)",
         "0.25rem"
       ]
     },
-    "c_chip_group__list_item_MarginBottom": {
-      "name": "--pf-c-chip-group__list-item--MarginBottom",
+    "c_chip_group_PaddingBottom": {
+      "name": "--pf-c-chip-group--PaddingBottom",
       "value": "0.25rem",
       "values": [
+        "--pf-c-chip-group--m-category--PaddingBottom",
         "--pf-global--spacer--xs",
         "$pf-global--spacer--xs",
         "pf-size-prem(4px)",
         "0.25rem"
       ]
+    },
+    "c_chip_group_PaddingLeft": {
+      "name": "--pf-c-chip-group--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-c-chip-group--m-category--PaddingLeft",
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
     }
   }
 };

package/dist/esm/c_chip_group_ColumnGap.d.ts

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

package/dist/esm/c_chip_group_ColumnGap.js

@@ -0,0 +1,6 @@
+export const c_chip_group_ColumnGap = {
+  "name": "--pf-c-chip-group--ColumnGap",
+  "value": "0",
+  "var": "var(--pf-c-chip-group--ColumnGap)"
+};
+export default c_chip_group_ColumnGap;

package/dist/esm/c_chip_group_PaddingBottom.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group_PaddingBottom: {
+  "name": "--pf-c-chip-group--PaddingBottom",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group--PaddingBottom)"
+};
+export default c_chip_group_PaddingBottom;

package/dist/esm/c_chip_group_PaddingBottom.js

@@ -0,0 +1,6 @@
+export const c_chip_group_PaddingBottom = {
+  "name": "--pf-c-chip-group--PaddingBottom",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group--PaddingBottom)"
+};
+export default c_chip_group_PaddingBottom;

package/dist/esm/c_chip_group_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group_PaddingLeft: {
+  "name": "--pf-c-chip-group--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-chip-group--PaddingLeft)"
+};
+export default c_chip_group_PaddingLeft;

package/dist/esm/c_chip_group_PaddingLeft.js

@@ -0,0 +1,6 @@
+export const c_chip_group_PaddingLeft = {
+  "name": "--pf-c-chip-group--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-chip-group--PaddingLeft)"
+};
+export default c_chip_group_PaddingLeft;

package/dist/esm/c_chip_group_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group_PaddingRight: {
+  "name": "--pf-c-chip-group--PaddingRight",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group--PaddingRight)"
+};
+export default c_chip_group_PaddingRight;

package/dist/esm/c_chip_group_PaddingRight.js

@@ -0,0 +1,6 @@
+export const c_chip_group_PaddingRight = {
+  "name": "--pf-c-chip-group--PaddingRight",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group--PaddingRight)"
+};
+export default c_chip_group_PaddingRight;

package/dist/esm/c_chip_group_PaddingTop.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group_PaddingTop: {
+  "name": "--pf-c-chip-group--PaddingTop",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group--PaddingTop)"
+};
+export default c_chip_group_PaddingTop;

package/dist/esm/c_chip_group_PaddingTop.js

@@ -0,0 +1,6 @@
+export const c_chip_group_PaddingTop = {
+  "name": "--pf-c-chip-group--PaddingTop",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group--PaddingTop)"
+};
+export default c_chip_group_PaddingTop;

package/dist/esm/c_chip_group_RowGap.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group_RowGap: {
+  "name": "--pf-c-chip-group--RowGap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-chip-group--RowGap)"
+};
+export default c_chip_group_RowGap;

package/dist/esm/c_chip_group_RowGap.js

@@ -0,0 +1,6 @@
+export const c_chip_group_RowGap = {
+  "name": "--pf-c-chip-group--RowGap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-chip-group--RowGap)"
+};
+export default c_chip_group_RowGap;

package/dist/esm/c_chip_group__list_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group__list_ColumnGap: {
+  "name": "--pf-c-chip-group__list--ColumnGap",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group__list--ColumnGap)"
+};
+export default c_chip_group__list_ColumnGap;

package/dist/esm/c_chip_group__list_ColumnGap.js

@@ -0,0 +1,6 @@
+export const c_chip_group__list_ColumnGap = {
+  "name": "--pf-c-chip-group__list--ColumnGap",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group__list--ColumnGap)"
+};
+export default c_chip_group__list_ColumnGap;

package/dist/esm/c_chip_group__list_RowGap.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group__list_RowGap: {
+  "name": "--pf-c-chip-group__list--RowGap",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group__list--RowGap)"
+};
+export default c_chip_group__list_RowGap;

package/dist/esm/c_chip_group__list_RowGap.js

@@ -0,0 +1,6 @@
+export const c_chip_group__list_RowGap = {
+  "name": "--pf-c-chip-group__list--RowGap",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group__list--RowGap)"
+};
+export default c_chip_group__list_RowGap;

package/dist/esm/c_chip_group__main_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group__main_ColumnGap: {
+  "name": "--pf-c-chip-group__main--ColumnGap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-chip-group__main--ColumnGap)"
+};
+export default c_chip_group__main_ColumnGap;

package/dist/esm/c_chip_group__main_ColumnGap.js

@@ -0,0 +1,6 @@
+export const c_chip_group__main_ColumnGap = {
+  "name": "--pf-c-chip-group__main--ColumnGap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-chip-group__main--ColumnGap)"
+};
+export default c_chip_group__main_ColumnGap;

package/dist/esm/c_chip_group__main_RowGap.d.ts

@@ -0,0 +1,6 @@
+export const c_chip_group__main_RowGap: {
+  "name": "--pf-c-chip-group__main--RowGap",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group__main--RowGap)"
+};
+export default c_chip_group__main_RowGap;

package/dist/esm/c_chip_group__main_RowGap.js

@@ -0,0 +1,6 @@
+export const c_chip_group__main_RowGap = {
+  "name": "--pf-c-chip-group__main--RowGap",
+  "value": "0.25rem",
+  "var": "var(--pf-c-chip-group__main--RowGap)"
+};
+export default c_chip_group__main_RowGap;

package/dist/esm/c_context_selector.d.ts

@@ -235,6 +235,10 @@ export const c_context_selector: {
         "#06c"
       ]
     },
+    "c_context_selector__toggle_BackgroundColor": {
+      "name": "--pf-c-context-selector__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_context_selector__toggle_m_plain_Color": {
       "name": "--pf-c-context-selector__toggle--m-plain--Color",
       "value": "#6a6e73",
@@ -608,6 +612,10 @@ export const c_context_selector: {
         "1.5rem"
       ]
     },
+    "c_context_selector__menu_list_item_BackgroundColor": {
+      "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+      "value": "transparent"
+    },
     "c_context_selector__menu_list_item_hover_BackgroundColor": {
       "name": "--pf-c-context-selector__menu-list-item--hover--BackgroundColor",
       "value": "#f0f0f0",
@@ -1364,6 +1372,19 @@ export const c_context_selector: {
       ]
     }
   },
+  ".pf-c-context-selector__menu-list-item:hover": {
+    "c_context_selector__menu_list_item_BackgroundColor": {
+      "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-c-context-selector__menu-list-item--hover--BackgroundColor",
+        "--pf-global--BackgroundColor--light-300",
+        "$pf-global--BackgroundColor--light-300",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    }
+  },
   ".pf-c-context-selector__menu-list-item.pf-m-disabled": {
     "c_context_selector__menu_list_item_Color": {
       "name": "--pf-c-context-selector__menu-list-item--Color",

package/dist/esm/c_context_selector.js

@@ -235,6 +235,10 @@ export const c_context_selector = {
         "#06c"
       ]
     },
+    "c_context_selector__toggle_BackgroundColor": {
+      "name": "--pf-c-context-selector__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_context_selector__toggle_m_plain_Color": {
       "name": "--pf-c-context-selector__toggle--m-plain--Color",
       "value": "#6a6e73",
@@ -608,6 +612,10 @@ export const c_context_selector = {
         "1.5rem"
       ]
     },
+    "c_context_selector__menu_list_item_BackgroundColor": {
+      "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+      "value": "transparent"
+    },
     "c_context_selector__menu_list_item_hover_BackgroundColor": {
       "name": "--pf-c-context-selector__menu-list-item--hover--BackgroundColor",
       "value": "#f0f0f0",
@@ -1364,6 +1372,19 @@ export const c_context_selector = {
       ]
     }
   },
+  ".pf-c-context-selector__menu-list-item:hover": {
+    "c_context_selector__menu_list_item_BackgroundColor": {
+      "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-c-context-selector__menu-list-item--hover--BackgroundColor",
+        "--pf-global--BackgroundColor--light-300",
+        "$pf-global--BackgroundColor--light-300",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    }
+  },
   ".pf-c-context-selector__menu-list-item.pf-m-disabled": {
     "c_context_selector__menu_list_item_Color": {
       "name": "--pf-c-context-selector__menu-list-item--Color",

package/dist/esm/c_context_selector__menu_list_item_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_context_selector__menu_list_item_BackgroundColor: {
+  "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+  "value": "#f0f0f0",
+  "var": "var(--pf-c-context-selector__menu-list-item--BackgroundColor)"
+};
+export default c_context_selector__menu_list_item_BackgroundColor;

package/dist/esm/c_context_selector__menu_list_item_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_context_selector__menu_list_item_BackgroundColor = {
+  "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+  "value": "#f0f0f0",
+  "var": "var(--pf-c-context-selector__menu-list-item--BackgroundColor)"
+};
+export default c_context_selector__menu_list_item_BackgroundColor;

package/dist/esm/c_context_selector__toggle_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_context_selector__toggle_BackgroundColor: {
+  "name": "--pf-c-context-selector__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-context-selector__toggle--BackgroundColor)"
+};
+export default c_context_selector__toggle_BackgroundColor;

package/dist/esm/c_context_selector__toggle_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_context_selector__toggle_BackgroundColor = {
+  "name": "--pf-c-context-selector__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-context-selector__toggle--BackgroundColor)"
+};
+export default c_context_selector__toggle_BackgroundColor;

package/dist/esm/c_data_list.d.ts

@@ -517,6 +517,10 @@ export const c_data_list: {
       "name": "--pf-c-data-list__item--m-expanded__toggle-icon--Rotate",
       "value": "90deg"
     },
+    "c_data_list__item_draggable_button_BackgroundColor": {
+      "name": "--pf-c-data-list__item-draggable-button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_data_list__item_draggable_button_PaddingLeft": {
       "name": "--pf-c-data-list__item-draggable-button--PaddingLeft",
       "value": "1rem",

package/dist/esm/c_data_list.js

@@ -517,6 +517,10 @@ export const c_data_list = {
       "name": "--pf-c-data-list__item--m-expanded__toggle-icon--Rotate",
       "value": "90deg"
     },
+    "c_data_list__item_draggable_button_BackgroundColor": {
+      "name": "--pf-c-data-list__item-draggable-button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_data_list__item_draggable_button_PaddingLeft": {
       "name": "--pf-c-data-list__item-draggable-button--PaddingLeft",
       "value": "1rem",

package/dist/esm/c_data_list__item_draggable_button_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_data_list__item_draggable_button_BackgroundColor: {
+  "name": "--pf-c-data-list__item-draggable-button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-data-list__item-draggable-button--BackgroundColor)"
+};
+export default c_data_list__item_draggable_button_BackgroundColor;

package/dist/esm/c_data_list__item_draggable_button_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_data_list__item_draggable_button_BackgroundColor = {
+  "name": "--pf-c-data-list__item-draggable-button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-data-list__item-draggable-button--BackgroundColor)"
+};
+export default c_data_list__item_draggable_button_BackgroundColor;

package/dist/esm/c_dropdown.d.ts

@@ -473,6 +473,10 @@ export const c_dropdown: {
         "#151515"
       ]
     },
+    "c_dropdown__toggle_button_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle-button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_dropdown__toggle_progress_Visibility": {
       "name": "--pf-c-dropdown__toggle-progress--Visibility",
       "value": "hidden"

package/dist/esm/c_dropdown.js

@@ -473,6 +473,10 @@ export const c_dropdown = {
         "#151515"
       ]
     },
+    "c_dropdown__toggle_button_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle-button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_dropdown__toggle_progress_Visibility": {
       "name": "--pf-c-dropdown__toggle-progress--Visibility",
       "value": "hidden"

package/dist/esm/c_dropdown__toggle_button_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_button_BackgroundColor: {
+  "name": "--pf-c-dropdown__toggle-button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-dropdown__toggle-button--BackgroundColor)"
+};
+export default c_dropdown__toggle_button_BackgroundColor;

package/dist/esm/c_dropdown__toggle_button_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_button_BackgroundColor = {
+  "name": "--pf-c-dropdown__toggle-button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-dropdown__toggle-button--BackgroundColor)"
+};
+export default c_dropdown__toggle_button_BackgroundColor;