@patternfly/react-tokens 4.47.0 → 4.48.0

package/CHANGELOG.md

@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.48.0 (2022-02-11)
+
+
+### Features
+
+* **Menu:** allow drilldown menu functions ([#6872](https://github.com/patternfly/patternfly-react/issues/6872)) ([b345b07](https://github.com/patternfly/patternfly-react/commit/b345b07de7c1576e984a06f4c573641b04956f5c))
+
+
+
+
+
+## 4.47.3 (2022-02-11)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+## 4.47.2 (2022-02-11)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+## 4.47.1 (2022-02-11)
+
+
+### Bug Fixes
+
+* **Select:** Fixed so that view more btn click does not close the menu in React 16 ([#6922](https://github.com/patternfly/patternfly-react/issues/6922)) ([89da91d](https://github.com/patternfly/patternfly-react/commit/89da91dfd3a9e7af8ee26f8b6b5ac01c5b2487d4))
+
+
+
+
+
 # 4.47.0 (2022-02-10)
 
 

package/dist/esm/c_avatar.d.ts

@@ -25,6 +25,38 @@ export const c_avatar: {
       "name": "--pf-c-avatar--Height",
       "value": "2.25rem"
     },
+    "c_avatar_m_sm_Width": {
+      "name": "--pf-c-avatar--m-sm--Width",
+      "value": "1.5rem"
+    },
+    "c_avatar_m_sm_Height": {
+      "name": "--pf-c-avatar--m-sm--Height",
+      "value": "1.5rem"
+    },
+    "c_avatar_m_md_Width": {
+      "name": "--pf-c-avatar--m-md--Width",
+      "value": "2.25rem"
+    },
+    "c_avatar_m_md_Height": {
+      "name": "--pf-c-avatar--m-md--Height",
+      "value": "2.25rem"
+    },
+    "c_avatar_m_lg_Width": {
+      "name": "--pf-c-avatar--m-lg--Width",
+      "value": "4.5rem"
+    },
+    "c_avatar_m_lg_Height": {
+      "name": "--pf-c-avatar--m-lg--Height",
+      "value": "4.5rem"
+    },
+    "c_avatar_m_xl_Width": {
+      "name": "--pf-c-avatar--m-xl--Width",
+      "value": "8rem"
+    },
+    "c_avatar_m_xl_Height": {
+      "name": "--pf-c-avatar--m-xl--Height",
+      "value": "8rem"
+    },
     "c_avatar_m_light_BorderColor": {
       "name": "--pf-c-avatar--m-light--BorderColor",
       "value": "#d2d2d2",
@@ -107,6 +139,78 @@ export const c_avatar: {
         "1px"
       ]
     }
+  },
+  ".pf-c-avatar.pf-m-sm": {
+    "c_avatar_Width": {
+      "name": "--pf-c-avatar--Width",
+      "value": "1.5rem",
+      "values": [
+        "--pf-c-avatar--m-sm--Width",
+        "1.5rem"
+      ]
+    },
+    "c_avatar_Height": {
+      "name": "--pf-c-avatar--Height",
+      "value": "1.5rem",
+      "values": [
+        "--pf-c-avatar--m-sm--Height",
+        "1.5rem"
+      ]
+    }
+  },
+  ".pf-c-avatar.pf-m-md": {
+    "c_avatar_Width": {
+      "name": "--pf-c-avatar--Width",
+      "value": "2.25rem",
+      "values": [
+        "--pf-c-avatar--m-md--Width",
+        "2.25rem"
+      ]
+    },
+    "c_avatar_Height": {
+      "name": "--pf-c-avatar--Height",
+      "value": "2.25rem",
+      "values": [
+        "--pf-c-avatar--m-md--Height",
+        "2.25rem"
+      ]
+    }
+  },
+  ".pf-c-avatar.pf-m-lg": {
+    "c_avatar_Width": {
+      "name": "--pf-c-avatar--Width",
+      "value": "4.5rem",
+      "values": [
+        "--pf-c-avatar--m-lg--Width",
+        "4.5rem"
+      ]
+    },
+    "c_avatar_Height": {
+      "name": "--pf-c-avatar--Height",
+      "value": "4.5rem",
+      "values": [
+        "--pf-c-avatar--m-lg--Height",
+        "4.5rem"
+      ]
+    }
+  },
+  ".pf-c-avatar.pf-m-xl": {
+    "c_avatar_Width": {
+      "name": "--pf-c-avatar--Width",
+      "value": "8rem",
+      "values": [
+        "--pf-c-avatar--m-xl--Width",
+        "8rem"
+      ]
+    },
+    "c_avatar_Height": {
+      "name": "--pf-c-avatar--Height",
+      "value": "8rem",
+      "values": [
+        "--pf-c-avatar--m-xl--Height",
+        "8rem"
+      ]
+    }
   }
 };
 export default c_avatar;

package/dist/esm/c_avatar.js

@@ -25,6 +25,38 @@ export const c_avatar = {
       "name": "--pf-c-avatar--Height",
       "value": "2.25rem"
     },
+    "c_avatar_m_sm_Width": {
+      "name": "--pf-c-avatar--m-sm--Width",
+      "value": "1.5rem"
+    },
+    "c_avatar_m_sm_Height": {
+      "name": "--pf-c-avatar--m-sm--Height",
+      "value": "1.5rem"
+    },
+    "c_avatar_m_md_Width": {
+      "name": "--pf-c-avatar--m-md--Width",
+      "value": "2.25rem"
+    },
+    "c_avatar_m_md_Height": {
+      "name": "--pf-c-avatar--m-md--Height",
+      "value": "2.25rem"
+    },
+    "c_avatar_m_lg_Width": {
+      "name": "--pf-c-avatar--m-lg--Width",
+      "value": "4.5rem"
+    },
+    "c_avatar_m_lg_Height": {
+      "name": "--pf-c-avatar--m-lg--Height",
+      "value": "4.5rem"
+    },
+    "c_avatar_m_xl_Width": {
+      "name": "--pf-c-avatar--m-xl--Width",
+      "value": "8rem"
+    },
+    "c_avatar_m_xl_Height": {
+      "name": "--pf-c-avatar--m-xl--Height",
+      "value": "8rem"
+    },
     "c_avatar_m_light_BorderColor": {
       "name": "--pf-c-avatar--m-light--BorderColor",
       "value": "#d2d2d2",
@@ -107,6 +139,78 @@ export const c_avatar = {
         "1px"
       ]
     }
+  },
+  ".pf-c-avatar.pf-m-sm": {
+    "c_avatar_Width": {
+      "name": "--pf-c-avatar--Width",
+      "value": "1.5rem",
+      "values": [
+        "--pf-c-avatar--m-sm--Width",
+        "1.5rem"
+      ]
+    },
+    "c_avatar_Height": {
+      "name": "--pf-c-avatar--Height",
+      "value": "1.5rem",
+      "values": [
+        "--pf-c-avatar--m-sm--Height",
+        "1.5rem"
+      ]
+    }
+  },
+  ".pf-c-avatar.pf-m-md": {
+    "c_avatar_Width": {
+      "name": "--pf-c-avatar--Width",
+      "value": "2.25rem",
+      "values": [
+        "--pf-c-avatar--m-md--Width",
+        "2.25rem"
+      ]
+    },
+    "c_avatar_Height": {
+      "name": "--pf-c-avatar--Height",
+      "value": "2.25rem",
+      "values": [
+        "--pf-c-avatar--m-md--Height",
+        "2.25rem"
+      ]
+    }
+  },
+  ".pf-c-avatar.pf-m-lg": {
+    "c_avatar_Width": {
+      "name": "--pf-c-avatar--Width",
+      "value": "4.5rem",
+      "values": [
+        "--pf-c-avatar--m-lg--Width",
+        "4.5rem"
+      ]
+    },
+    "c_avatar_Height": {
+      "name": "--pf-c-avatar--Height",
+      "value": "4.5rem",
+      "values": [
+        "--pf-c-avatar--m-lg--Height",
+        "4.5rem"
+      ]
+    }
+  },
+  ".pf-c-avatar.pf-m-xl": {
+    "c_avatar_Width": {
+      "name": "--pf-c-avatar--Width",
+      "value": "8rem",
+      "values": [
+        "--pf-c-avatar--m-xl--Width",
+        "8rem"
+      ]
+    },
+    "c_avatar_Height": {
+      "name": "--pf-c-avatar--Height",
+      "value": "8rem",
+      "values": [
+        "--pf-c-avatar--m-xl--Height",
+        "8rem"
+      ]
+    }
   }
 };
 export default c_avatar;

package/dist/esm/c_avatar_Height.d.ts

@@ -1,6 +1,6 @@
 export const c_avatar_Height: {
   "name": "--pf-c-avatar--Height",
-  "value": "2.25rem",
+  "value": "8rem",
   "var": "var(--pf-c-avatar--Height)"
 };
 export default c_avatar_Height;

package/dist/esm/c_avatar_Height.js

@@ -1,6 +1,6 @@
 export const c_avatar_Height = {
   "name": "--pf-c-avatar--Height",
-  "value": "2.25rem",
+  "value": "8rem",
   "var": "var(--pf-c-avatar--Height)"
 };
 export default c_avatar_Height;

package/dist/esm/c_avatar_Width.d.ts

@@ -1,6 +1,6 @@
 export const c_avatar_Width: {
   "name": "--pf-c-avatar--Width",
-  "value": "2.25rem",
+  "value": "8rem",
   "var": "var(--pf-c-avatar--Width)"
 };
 export default c_avatar_Width;

package/dist/esm/c_avatar_Width.js

@@ -1,6 +1,6 @@
 export const c_avatar_Width = {
   "name": "--pf-c-avatar--Width",
-  "value": "2.25rem",
+  "value": "8rem",
   "var": "var(--pf-c-avatar--Width)"
 };
 export default c_avatar_Width;

package/dist/esm/c_avatar_m_lg_Height.d.ts

@@ -0,0 +1,6 @@
+export const c_avatar_m_lg_Height: {
+  "name": "--pf-c-avatar--m-lg--Height",
+  "value": "4.5rem",
+  "var": "var(--pf-c-avatar--m-lg--Height)"
+};
+export default c_avatar_m_lg_Height;

package/dist/esm/c_avatar_m_lg_Height.js

@@ -0,0 +1,6 @@
+export const c_avatar_m_lg_Height = {
+  "name": "--pf-c-avatar--m-lg--Height",
+  "value": "4.5rem",
+  "var": "var(--pf-c-avatar--m-lg--Height)"
+};
+export default c_avatar_m_lg_Height;

package/dist/esm/c_avatar_m_lg_Width.d.ts

@@ -0,0 +1,6 @@
+export const c_avatar_m_lg_Width: {
+  "name": "--pf-c-avatar--m-lg--Width",
+  "value": "4.5rem",
+  "var": "var(--pf-c-avatar--m-lg--Width)"
+};
+export default c_avatar_m_lg_Width;

package/dist/esm/c_avatar_m_lg_Width.js

@@ -0,0 +1,6 @@
+export const c_avatar_m_lg_Width = {
+  "name": "--pf-c-avatar--m-lg--Width",
+  "value": "4.5rem",
+  "var": "var(--pf-c-avatar--m-lg--Width)"
+};
+export default c_avatar_m_lg_Width;

package/dist/esm/c_avatar_m_md_Height.d.ts

@@ -0,0 +1,6 @@
+export const c_avatar_m_md_Height: {
+  "name": "--pf-c-avatar--m-md--Height",
+  "value": "2.25rem",
+  "var": "var(--pf-c-avatar--m-md--Height)"
+};
+export default c_avatar_m_md_Height;

package/dist/esm/c_avatar_m_md_Height.js

@@ -0,0 +1,6 @@
+export const c_avatar_m_md_Height = {
+  "name": "--pf-c-avatar--m-md--Height",
+  "value": "2.25rem",
+  "var": "var(--pf-c-avatar--m-md--Height)"
+};
+export default c_avatar_m_md_Height;

package/dist/esm/c_avatar_m_md_Width.d.ts

@@ -0,0 +1,6 @@
+export const c_avatar_m_md_Width: {
+  "name": "--pf-c-avatar--m-md--Width",
+  "value": "2.25rem",
+  "var": "var(--pf-c-avatar--m-md--Width)"
+};
+export default c_avatar_m_md_Width;

package/dist/esm/c_avatar_m_md_Width.js

@@ -0,0 +1,6 @@
+export const c_avatar_m_md_Width = {
+  "name": "--pf-c-avatar--m-md--Width",
+  "value": "2.25rem",
+  "var": "var(--pf-c-avatar--m-md--Width)"
+};
+export default c_avatar_m_md_Width;

package/dist/esm/c_avatar_m_sm_Height.d.ts

@@ -0,0 +1,6 @@
+export const c_avatar_m_sm_Height: {
+  "name": "--pf-c-avatar--m-sm--Height",
+  "value": "1.5rem",
+  "var": "var(--pf-c-avatar--m-sm--Height)"
+};
+export default c_avatar_m_sm_Height;

package/dist/esm/c_avatar_m_sm_Height.js

@@ -0,0 +1,6 @@
+export const c_avatar_m_sm_Height = {
+  "name": "--pf-c-avatar--m-sm--Height",
+  "value": "1.5rem",
+  "var": "var(--pf-c-avatar--m-sm--Height)"
+};
+export default c_avatar_m_sm_Height;

package/dist/esm/c_avatar_m_sm_Width.d.ts

@@ -0,0 +1,6 @@
+export const c_avatar_m_sm_Width: {
+  "name": "--pf-c-avatar--m-sm--Width",
+  "value": "1.5rem",
+  "var": "var(--pf-c-avatar--m-sm--Width)"
+};
+export default c_avatar_m_sm_Width;

package/dist/esm/c_avatar_m_sm_Width.js

@@ -0,0 +1,6 @@
+export const c_avatar_m_sm_Width = {
+  "name": "--pf-c-avatar--m-sm--Width",
+  "value": "1.5rem",
+  "var": "var(--pf-c-avatar--m-sm--Width)"
+};
+export default c_avatar_m_sm_Width;

package/dist/esm/c_avatar_m_xl_Height.d.ts

@@ -0,0 +1,6 @@
+export const c_avatar_m_xl_Height: {
+  "name": "--pf-c-avatar--m-xl--Height",
+  "value": "8rem",
+  "var": "var(--pf-c-avatar--m-xl--Height)"
+};
+export default c_avatar_m_xl_Height;

package/dist/esm/c_avatar_m_xl_Height.js

@@ -0,0 +1,6 @@
+export const c_avatar_m_xl_Height = {
+  "name": "--pf-c-avatar--m-xl--Height",
+  "value": "8rem",
+  "var": "var(--pf-c-avatar--m-xl--Height)"
+};
+export default c_avatar_m_xl_Height;

package/dist/esm/c_avatar_m_xl_Width.d.ts

@@ -0,0 +1,6 @@
+export const c_avatar_m_xl_Width: {
+  "name": "--pf-c-avatar--m-xl--Width",
+  "value": "8rem",
+  "var": "var(--pf-c-avatar--m-xl--Width)"
+};
+export default c_avatar_m_xl_Width;

package/dist/esm/c_avatar_m_xl_Width.js

@@ -0,0 +1,6 @@
+export const c_avatar_m_xl_Width = {
+  "name": "--pf-c-avatar--m-xl--Width",
+  "value": "8rem",
+  "var": "var(--pf-c-avatar--m-xl--Width)"
+};
+export default c_avatar_m_xl_Width;

package/dist/esm/c_code_editor.d.ts

@@ -190,6 +190,26 @@ export const c_code_editor: {
         "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
       ]
     },
+    "c_code_editor__header_main_PaddingRight": {
+      "name": "--pf-c-code-editor__header-main--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_code_editor__header_main_PaddingLeft": {
+      "name": "--pf-c-code-editor__header-main--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_code_editor__tab_BackgroundColor": {
       "name": "--pf-c-code-editor__tab--BackgroundColor",
       "value": "#fff",

package/dist/esm/c_code_editor.js

@@ -190,6 +190,26 @@ export const c_code_editor = {
         "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
       ]
     },
+    "c_code_editor__header_main_PaddingRight": {
+      "name": "--pf-c-code-editor__header-main--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_code_editor__header_main_PaddingLeft": {
+      "name": "--pf-c-code-editor__header-main--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_code_editor__tab_BackgroundColor": {
       "name": "--pf-c-code-editor__tab--BackgroundColor",
       "value": "#fff",

package/dist/esm/c_code_editor__header_main_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_code_editor__header_main_PaddingLeft: {
+  "name": "--pf-c-code-editor__header-main--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-code-editor__header-main--PaddingLeft)"
+};
+export default c_code_editor__header_main_PaddingLeft;

package/dist/esm/c_code_editor__header_main_PaddingLeft.js

@@ -0,0 +1,6 @@
+export const c_code_editor__header_main_PaddingLeft = {
+  "name": "--pf-c-code-editor__header-main--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-c-code-editor__header-main--PaddingLeft)"
+};
+export default c_code_editor__header_main_PaddingLeft;

package/dist/esm/c_code_editor__header_main_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_code_editor__header_main_PaddingRight: {
+  "name": "--pf-c-code-editor__header-main--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-c-code-editor__header-main--PaddingRight)"
+};
+export default c_code_editor__header_main_PaddingRight;

package/dist/esm/c_code_editor__header_main_PaddingRight.js

@@ -0,0 +1,6 @@
+export const c_code_editor__header_main_PaddingRight = {
+  "name": "--pf-c-code-editor__header-main--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-c-code-editor__header-main--PaddingRight)"
+};
+export default c_code_editor__header_main_PaddingRight;

package/dist/esm/c_dropdown.d.ts

@@ -335,6 +335,16 @@ export const c_dropdown: {
         "#004080"
       ]
     },
+    "c_dropdown__toggle_m_primary_disabled_Color": {
+      "name": "--pf-c-dropdown__toggle--m-primary--disabled--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
     "c_dropdown__toggle_m_secondary_Color": {
       "name": "--pf-c-dropdown__toggle--m-secondary--Color",
       "value": "#06c",
@@ -1266,6 +1276,17 @@ export const c_dropdown: {
     }
   },
   ".pf-c-dropdown__toggle.pf-m-disabled": {
+    "c_dropdown__toggle_m_primary_Color": {
+      "name": "--pf-c-dropdown__toggle--m-primary--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-c-dropdown__toggle--m-primary--disabled--Color",
+        "--pf-global--Color--100",
+        "$pf-global--Color--100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
     "c_dropdown__toggle_before_BorderBottomColor": {
       "name": "--pf-c-dropdown__toggle--before--BorderBottomColor",
       "value": "transparent"
@@ -1408,12 +1429,12 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before": {
+  ".pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before": {
     "c_dropdown__toggle_before_BorderBottomColor": {
       "name": "--pf-c-dropdown__toggle--before--BorderBottomColor",
       "value": "#06c",
       "values": [
-        "--pf-c-dropdown__toggle--active--before--BorderBottomColor",
+        "--pf-c-dropdown__toggle--focus--before--BorderBottomColor",
         "--pf-global--active-color--100",
         "$pf-global--active-color--100",
         "$pf-color-blue-400",
@@ -1421,12 +1442,12 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before": {
+  ".pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before": {
     "c_dropdown__toggle_before_BorderBottomColor": {
       "name": "--pf-c-dropdown__toggle--before--BorderBottomColor",
       "value": "#06c",
       "values": [
-        "--pf-c-dropdown__toggle--focus--before--BorderBottomColor",
+        "--pf-c-dropdown__toggle--active--before--BorderBottomColor",
         "--pf-global--active-color--100",
         "$pf-global--active-color--100",
         "$pf-color-blue-400",
@@ -1521,7 +1542,7 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled])": {
+  ".pf-c-dropdown__toggle.pf-m-primary": {
     "c_dropdown__toggle_Color": {
       "name": "--pf-c-dropdown__toggle--Color",
       "value": "#fff",
@@ -1595,7 +1616,7 @@ export const c_dropdown: {
       ]
     }
   },
-  ".pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled])": {
+  ".pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary": {
     "c_dropdown__toggle_BackgroundColor": {
       "name": "--pf-c-dropdown__toggle--BackgroundColor",
       "value": "#004080",