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

package/CHANGELOG.md

@@ -3,7 +3,65 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [5.0.0-alpha.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@4.93.6...@patternfly/react-tokens@5.0.0-alpha.1) (2023-01-10)
+# 5.0.0-alpha.3 (2023-02-15)
+
+### Bug Fixes
+
+- **deps:** updated to the latest core alpha ([#8688](https://github.com/patternfly/patternfly-react/issues/8688)) ([5f81928](https://github.com/patternfly/patternfly-react/commit/5f819288d7baaa3806b23c0da8fb26dd4ec12d6b))
+
+# 5.0.0-alpha.2 (2023-02-08)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## 4.94.6 (2023-01-23)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## 4.94.5 (2023-01-19)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## 4.94.4 (2023-01-18)
+
+### Bug Fixes
+
+- **Tabs:** Removed isHelpAction prop from TabsAction ([#8560](https://github.com/patternfly/patternfly-react/issues/8560)) ([05fa1b0](https://github.com/patternfly/patternfly-react/commit/05fa1b0acfe886f09c5bdf4ad9f8e27878ee817e))
+
+## 4.94.3 (2022-12-08)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## 4.94.2 (2022-12-07)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## 4.94.1 (2022-12-01)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+# 4.94.0 (2022-11-16)
+
+### Features
+
+- **Tabs:** add TabAction, update core ver ([#8348](https://github.com/patternfly/patternfly-react/issues/8348)) ([8c584b4](https://github.com/patternfly/patternfly-react/commit/8c584b48f8e545cf226f785b873ee11eda505724))
+
+## 4.93.10 (2022-10-27)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## 4.93.9 (2022-10-26)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## [4.93.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@4.93.7...@patternfly/react-tokens@4.93.8) (2022-10-17)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## 4.93.7 (2022-10-14)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+## 4.93.6 (2022-10-05)
 
 ### Bug Fixes
 

package/dist/esm/c_accordion.d.ts

@@ -192,6 +192,10 @@ export const c_accordion: {
         "#06c"
       ]
     },
+    "c_accordion__toggle_BackgroundColor": {
+      "name": "--pf-c-accordion__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_accordion__toggle_text_MaxWidth": {
       "name": "--pf-c-accordion__toggle-text--MaxWidth",
       "value": "calc(100% - 1.5rem)",

package/dist/esm/c_accordion.js

@@ -192,6 +192,10 @@ export const c_accordion = {
         "#06c"
       ]
     },
+    "c_accordion__toggle_BackgroundColor": {
+      "name": "--pf-c-accordion__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_accordion__toggle_text_MaxWidth": {
       "name": "--pf-c-accordion__toggle-text--MaxWidth",
       "value": "calc(100% - 1.5rem)",

package/dist/esm/c_accordion__toggle_BackgroundColor.d.ts

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

package/dist/esm/c_accordion__toggle_BackgroundColor.js

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

package/dist/esm/c_app_launcher.d.ts

@@ -174,6 +174,10 @@ export const c_app_launcher: {
         "#151515"
       ]
     },
+    "c_app_launcher__toggle_BackgroundColor": {
+      "name": "--pf-c-app-launcher__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_app_launcher__menu_search_PaddingTop": {
       "name": "--pf-c-app-launcher__menu-search--PaddingTop",
       "value": "0.5rem",

package/dist/esm/c_app_launcher.js

@@ -174,6 +174,10 @@ export const c_app_launcher = {
         "#151515"
       ]
     },
+    "c_app_launcher__toggle_BackgroundColor": {
+      "name": "--pf-c-app-launcher__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_app_launcher__menu_search_PaddingTop": {
       "name": "--pf-c-app-launcher__menu-search--PaddingTop",
       "value": "0.5rem",

package/dist/esm/c_app_launcher__toggle_BackgroundColor.d.ts

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

package/dist/esm/c_app_launcher__toggle_BackgroundColor.js

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

package/dist/esm/c_breadcrumb.d.ts

@@ -109,6 +109,10 @@ export const c_breadcrumb: {
         "#151515"
       ]
     },
+    "c_breadcrumb__link_BackgroundColor": {
+      "name": "--pf-c-breadcrumb__link--BackgroundColor",
+      "value": "transparent"
+    },
     "c_breadcrumb__heading_FontSize": {
       "name": "--pf-c-breadcrumb__heading--FontSize",
       "value": "0.875rem",

package/dist/esm/c_breadcrumb.js

@@ -109,6 +109,10 @@ export const c_breadcrumb = {
         "#151515"
       ]
     },
+    "c_breadcrumb__link_BackgroundColor": {
+      "name": "--pf-c-breadcrumb__link--BackgroundColor",
+      "value": "transparent"
+    },
     "c_breadcrumb__heading_FontSize": {
       "name": "--pf-c-breadcrumb__heading--FontSize",
       "value": "0.875rem",

package/dist/esm/c_breadcrumb__link_BackgroundColor.d.ts

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

package/dist/esm/c_breadcrumb__link_BackgroundColor.js

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

package/dist/esm/c_calendar_month.d.ts

@@ -144,7 +144,7 @@ export const c_calendar_month: {
     },
     "c_calendar_month__header_year_Width": {
       "name": "--pf-c-calendar-month__header-year--Width",
-      "value": "8ch"
+      "value": "8.5ch"
     },
     "c_calendar_month__header_nav_control_MarginRight": {
       "name": "--pf-c-calendar-month__header-nav-control--MarginRight",

package/dist/esm/c_calendar_month.js

@@ -144,7 +144,7 @@ export const c_calendar_month = {
     },
     "c_calendar_month__header_year_Width": {
       "name": "--pf-c-calendar-month__header-year--Width",
-      "value": "8ch"
+      "value": "8.5ch"
     },
     "c_calendar_month__header_nav_control_MarginRight": {
       "name": "--pf-c-calendar-month__header-nav-control--MarginRight",

package/dist/esm/c_calendar_month__header_year_Width.d.ts

@@ -1,6 +1,6 @@
 export const c_calendar_month__header_year_Width: {
   "name": "--pf-c-calendar-month__header-year--Width",
-  "value": "8ch",
+  "value": "8.5ch",
   "var": "var(--pf-c-calendar-month__header-year--Width)"
 };
 export default c_calendar_month__header_year_Width;

package/dist/esm/c_calendar_month__header_year_Width.js

@@ -1,6 +1,6 @@
 export const c_calendar_month__header_year_Width = {
   "name": "--pf-c-calendar-month__header-year--Width",
-  "value": "8ch",
+  "value": "8.5ch",
   "var": "var(--pf-c-calendar-month__header-year--Width)"
 };
 export default c_calendar_month__header_year_Width;

package/dist/esm/c_card.d.ts

@@ -139,8 +139,8 @@ export const c_card: {
         "1rem"
       ]
     },
-    "c_card__actions_child_MarginLeft": {
-      "name": "--pf-c-card__actions--child--MarginLeft",
+    "c_card__actions_Gap": {
+      "name": "--pf-c-card__actions--Gap",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -149,6 +149,26 @@ export const c_card: {
         "0.5rem"
       ]
     },
+    "c_card__actions_MarginTop": {
+      "name": "--pf-c-card__actions--MarginTop",
+      "value": "calc(0.375rem * -1)",
+      "values": [
+        "calc(--pf-global--spacer--form-element * -1)",
+        "calc($pf-global--spacer--form-element * -1)",
+        "calc(pf-size-prem(6px) * -1)",
+        "calc(0.375rem * -1)"
+      ]
+    },
+    "c_card__actions_MarginBottom": {
+      "name": "--pf-c-card__actions--MarginBottom",
+      "value": "calc(0.375rem * -1)",
+      "values": [
+        "calc(--pf-global--spacer--form-element * -1)",
+        "calc($pf-global--spacer--form-element * -1)",
+        "calc(pf-size-prem(6px) * -1)",
+        "calc(0.375rem * -1)"
+      ]
+    },
     "c_card__header_toggle_MarginTop": {
       "name": "--pf-c-card__header-toggle--MarginTop",
       "value": "calc(0.375rem * -1)",
@@ -754,10 +774,6 @@ export const c_card: {
         "0.25rem"
       ]
     },
-    "c_card__header_m_toggle_right_actions_MarginRight": {
-      "name": "--pf-c-card__header--m-toggle-right--actions--MarginRight",
-      "value": "0"
-    },
     "c_card__input_focus_BorderWidth": {
       "name": "--pf-c-card__input--focus--BorderWidth",
       "value": "2px",
@@ -1248,23 +1264,13 @@ export const c_card: {
       ]
     }
   },
-  ".pf-c-card__header.pf-m-toggle-right .pf-c-card__actions": {
-    "c_card__header_toggle_MarginRight": {
-      "name": "--pf-c-card__header-toggle--MarginRight",
-      "value": "0",
-      "values": [
-        "--pf-c-card__header--m-toggle-right--actions--MarginRight",
-        "0"
-      ]
-    }
-  },
   ".pf-c-card__actions.pf-m-no-offset": {
-    "c_card__header_toggle_MarginTop": {
-      "name": "--pf-c-card__header-toggle--MarginTop",
+    "c_card__actions_MarginTop": {
+      "name": "--pf-c-card__actions--MarginTop",
       "value": "0"
     },
-    "c_card__header_toggle_MarginBottom": {
-      "name": "--pf-c-card__header-toggle--MarginBottom",
+    "c_card__actions_MarginBottom": {
+      "name": "--pf-c-card__actions--MarginBottom",
       "value": "0"
     }
   },

package/dist/esm/c_card.js

@@ -139,8 +139,8 @@ export const c_card = {
         "1rem"
       ]
     },
-    "c_card__actions_child_MarginLeft": {
-      "name": "--pf-c-card__actions--child--MarginLeft",
+    "c_card__actions_Gap": {
+      "name": "--pf-c-card__actions--Gap",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -149,6 +149,26 @@ export const c_card = {
         "0.5rem"
       ]
     },
+    "c_card__actions_MarginTop": {
+      "name": "--pf-c-card__actions--MarginTop",
+      "value": "calc(0.375rem * -1)",
+      "values": [
+        "calc(--pf-global--spacer--form-element * -1)",
+        "calc($pf-global--spacer--form-element * -1)",
+        "calc(pf-size-prem(6px) * -1)",
+        "calc(0.375rem * -1)"
+      ]
+    },
+    "c_card__actions_MarginBottom": {
+      "name": "--pf-c-card__actions--MarginBottom",
+      "value": "calc(0.375rem * -1)",
+      "values": [
+        "calc(--pf-global--spacer--form-element * -1)",
+        "calc($pf-global--spacer--form-element * -1)",
+        "calc(pf-size-prem(6px) * -1)",
+        "calc(0.375rem * -1)"
+      ]
+    },
     "c_card__header_toggle_MarginTop": {
       "name": "--pf-c-card__header-toggle--MarginTop",
       "value": "calc(0.375rem * -1)",
@@ -754,10 +774,6 @@ export const c_card = {
         "0.25rem"
       ]
     },
-    "c_card__header_m_toggle_right_actions_MarginRight": {
-      "name": "--pf-c-card__header--m-toggle-right--actions--MarginRight",
-      "value": "0"
-    },
     "c_card__input_focus_BorderWidth": {
       "name": "--pf-c-card__input--focus--BorderWidth",
       "value": "2px",
@@ -1248,23 +1264,13 @@ export const c_card = {
       ]
     }
   },
-  ".pf-c-card__header.pf-m-toggle-right .pf-c-card__actions": {
-    "c_card__header_toggle_MarginRight": {
-      "name": "--pf-c-card__header-toggle--MarginRight",
-      "value": "0",
-      "values": [
-        "--pf-c-card__header--m-toggle-right--actions--MarginRight",
-        "0"
-      ]
-    }
-  },
   ".pf-c-card__actions.pf-m-no-offset": {
-    "c_card__header_toggle_MarginTop": {
-      "name": "--pf-c-card__header-toggle--MarginTop",
+    "c_card__actions_MarginTop": {
+      "name": "--pf-c-card__actions--MarginTop",
       "value": "0"
     },
-    "c_card__header_toggle_MarginBottom": {
-      "name": "--pf-c-card__header-toggle--MarginBottom",
+    "c_card__actions_MarginBottom": {
+      "name": "--pf-c-card__actions--MarginBottom",
       "value": "0"
     }
   },

package/dist/esm/c_card__actions_Gap.d.ts

@@ -0,0 +1,6 @@
+export const c_card__actions_Gap: {
+  "name": "--pf-c-card__actions--Gap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-card__actions--Gap)"
+};
+export default c_card__actions_Gap;

package/dist/esm/c_card__actions_Gap.js

@@ -0,0 +1,6 @@
+export const c_card__actions_Gap = {
+  "name": "--pf-c-card__actions--Gap",
+  "value": "0.5rem",
+  "var": "var(--pf-c-card__actions--Gap)"
+};
+export default c_card__actions_Gap;

package/dist/esm/c_card__actions_MarginBottom.d.ts

@@ -0,0 +1,6 @@
+export const c_card__actions_MarginBottom: {
+  "name": "--pf-c-card__actions--MarginBottom",
+  "value": "0",
+  "var": "var(--pf-c-card__actions--MarginBottom)"
+};
+export default c_card__actions_MarginBottom;

package/dist/esm/c_card__actions_MarginBottom.js

@@ -0,0 +1,6 @@
+export const c_card__actions_MarginBottom = {
+  "name": "--pf-c-card__actions--MarginBottom",
+  "value": "0",
+  "var": "var(--pf-c-card__actions--MarginBottom)"
+};
+export default c_card__actions_MarginBottom;

package/dist/esm/c_card__actions_MarginTop.d.ts

@@ -0,0 +1,6 @@
+export const c_card__actions_MarginTop: {
+  "name": "--pf-c-card__actions--MarginTop",
+  "value": "0",
+  "var": "var(--pf-c-card__actions--MarginTop)"
+};
+export default c_card__actions_MarginTop;

package/dist/esm/c_card__actions_MarginTop.js

@@ -0,0 +1,6 @@
+export const c_card__actions_MarginTop = {
+  "name": "--pf-c-card__actions--MarginTop",
+  "value": "0",
+  "var": "var(--pf-c-card__actions--MarginTop)"
+};
+export default c_card__actions_MarginTop;

package/dist/esm/c_card__header_toggle_MarginBottom.d.ts

@@ -1,6 +1,6 @@
 export const c_card__header_toggle_MarginBottom: {
   "name": "--pf-c-card__header-toggle--MarginBottom",
-  "value": "0",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-card__header-toggle--MarginBottom)"
 };
 export default c_card__header_toggle_MarginBottom;

package/dist/esm/c_card__header_toggle_MarginBottom.js

@@ -1,6 +1,6 @@
 export const c_card__header_toggle_MarginBottom = {
   "name": "--pf-c-card__header-toggle--MarginBottom",
-  "value": "0",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-card__header-toggle--MarginBottom)"
 };
 export default c_card__header_toggle_MarginBottom;

package/dist/esm/c_card__header_toggle_MarginRight.d.ts

@@ -1,6 +1,6 @@
 export const c_card__header_toggle_MarginRight: {
   "name": "--pf-c-card__header-toggle--MarginRight",
-  "value": "0",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-card__header-toggle--MarginRight)"
 };
 export default c_card__header_toggle_MarginRight;

package/dist/esm/c_card__header_toggle_MarginRight.js

@@ -1,6 +1,6 @@
 export const c_card__header_toggle_MarginRight = {
   "name": "--pf-c-card__header-toggle--MarginRight",
-  "value": "0",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-card__header-toggle--MarginRight)"
 };
 export default c_card__header_toggle_MarginRight;

package/dist/esm/c_card__header_toggle_MarginTop.d.ts

@@ -1,6 +1,6 @@
 export const c_card__header_toggle_MarginTop: {
   "name": "--pf-c-card__header-toggle--MarginTop",
-  "value": "0",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-card__header-toggle--MarginTop)"
 };
 export default c_card__header_toggle_MarginTop;

package/dist/esm/c_card__header_toggle_MarginTop.js

@@ -1,6 +1,6 @@
 export const c_card__header_toggle_MarginTop = {
   "name": "--pf-c-card__header-toggle--MarginTop",
-  "value": "0",
+  "value": "calc(0.375rem * -1)",
   "var": "var(--pf-c-card__header-toggle--MarginTop)"
 };
 export default c_card__header_toggle_MarginTop;

package/dist/esm/c_chip_group.d.ts

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