@patternfly/react-tokens 4.57.0 → 4.58.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.58.1 (2022-04-20)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+# 4.58.0 (2022-04-19)
+
+
+### Features
+
+* **HelperText:** add react demos ([#7250](https://github.com/patternfly/patternfly-react/issues/7250)) ([bf68976](https://github.com/patternfly/patternfly-react/commit/bf68976bebd683c935f587795a868c32ea8c5616))
+
+
+
+
+
+## 4.57.1 (2022-04-19)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 # 4.57.0 (2022-04-18)
 
 

package/dist/esm/c_divider.d.ts

@@ -18,6 +18,7 @@ export const c_divider: {
       "values": [
         "--pf-hidden-visible--visible--Display",
         "--pf-c-divider--Display",
+        "--pf-c-divider--m-horizontal--Display",
         "flex"
       ]
     },
@@ -29,8 +30,8 @@ export const c_divider: {
         "visible"
       ]
     },
-    "c_divider_Height": {
-      "name": "--pf-c-divider--Height",
+    "c_divider_BorderWidth_base": {
+      "name": "--pf-c-divider--BorderWidth--base",
       "value": "1px",
       "values": [
         "--pf-global--BorderWidth--sm",
@@ -38,30 +39,42 @@ export const c_divider: {
         "1px"
       ]
     },
-    "c_divider_BackgroundColor": {
-      "name": "--pf-c-divider--BackgroundColor",
+    "c_divider_BorderColor_base": {
+      "name": "--pf-c-divider--BorderColor--base",
       "value": "#d2d2d2",
       "values": [
+        "--pf-c-divider--BackgroundColor",
         "--pf-global--BorderColor--100",
         "$pf-global--BorderColor--100",
         "$pf-color-black-300",
         "#d2d2d2"
       ]
     },
-    "c_divider_after_Height": {
-      "name": "--pf-c-divider--after--Height",
+    "c_divider_Height": {
+      "name": "--pf-c-divider--Height",
       "value": "1px",
       "values": [
-        "--pf-c-divider--Height",
+        "--pf-c-divider--BorderWidth--base",
         "--pf-global--BorderWidth--sm",
         "$pf-global--BorderWidth--sm",
         "1px"
       ]
     },
+    "c_divider_BackgroundColor": {
+      "name": "--pf-c-divider--BackgroundColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
     "c_divider_after_BackgroundColor": {
       "name": "--pf-c-divider--after--BackgroundColor",
       "value": "#d2d2d2",
       "values": [
+        "--pf-c-divider--BorderColor--base",
         "--pf-c-divider--BackgroundColor",
         "--pf-global--BorderColor--100",
         "$pf-global--BorderColor--100",
@@ -69,10 +82,6 @@ export const c_divider: {
         "#d2d2d2"
       ]
     },
-    "c_divider_Display": {
-      "name": "--pf-c-divider--Display",
-      "value": "flex"
-    },
     "c_divider_after_FlexBasis": {
       "name": "--pf-c-divider--after--FlexBasis",
       "value": "100%"
@@ -85,10 +94,46 @@ export const c_divider: {
       "name": "--pf-c-divider--m-vertical--after--FlexBasis",
       "value": "100%"
     },
+    "c_divider_m_horizontal_Display": {
+      "name": "--pf-c-divider--m-horizontal--Display",
+      "value": "flex"
+    },
+    "c_divider_m_horizontal_FlexDirection": {
+      "name": "--pf-c-divider--m-horizontal--FlexDirection",
+      "value": "row"
+    },
+    "c_divider_m_horizontal_after_Height": {
+      "name": "--pf-c-divider--m-horizontal--after--Height",
+      "value": "1px",
+      "values": [
+        "--pf-c-divider--Height",
+        "--pf-c-divider--BorderWidth--base",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_divider_m_horizontal_after_Width": {
+      "name": "--pf-c-divider--m-horizontal--after--Width",
+      "value": "auto"
+    },
+    "c_divider_m_vertical_Display": {
+      "name": "--pf-c-divider--m-vertical--Display",
+      "value": "inline-flex"
+    },
+    "c_divider_m_vertical_FlexDirection": {
+      "name": "--pf-c-divider--m-vertical--FlexDirection",
+      "value": "column"
+    },
+    "c_divider_m_vertical_after_Height": {
+      "name": "--pf-c-divider--m-vertical--after--Height",
+      "value": "auto"
+    },
     "c_divider_m_vertical_after_Width": {
       "name": "--pf-c-divider--m-vertical--after--Width",
       "value": "1px",
       "values": [
+        "--pf-c-divider--BorderWidth--base",
         "--pf-global--BorderWidth--sm",
         "$pf-global--BorderWidth--sm",
         "1px"
@@ -99,8 +144,45 @@ export const c_divider: {
       "value": "flex",
       "values": [
         "--pf-c-divider--Display",
+        "--pf-c-divider--m-horizontal--Display",
         "flex"
       ]
+    },
+    "c_divider_Display": {
+      "name": "--pf-c-divider--Display",
+      "value": "flex",
+      "values": [
+        "--pf-c-divider--m-horizontal--Display",
+        "flex"
+      ]
+    },
+    "c_divider_FlexDirection": {
+      "name": "--pf-c-divider--FlexDirection",
+      "value": "row",
+      "values": [
+        "--pf-c-divider--m-horizontal--FlexDirection",
+        "row"
+      ]
+    },
+    "c_divider_after_Width": {
+      "name": "--pf-c-divider--after--Width",
+      "value": "auto",
+      "values": [
+        "--pf-c-divider--m-horizontal--after--Width",
+        "auto"
+      ]
+    },
+    "c_divider_after_Height": {
+      "name": "--pf-c-divider--after--Height",
+      "value": "1px",
+      "values": [
+        "--pf-c-divider--m-horizontal--after--Height",
+        "--pf-c-divider--Height",
+        "--pf-c-divider--BorderWidth--base",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
     }
   },
   ".pf-m-hidden.pf-c-divider": {
@@ -121,6 +203,43 @@ export const c_divider: {
       ]
     }
   },
+  ".pf-c-divider.pf-m-vertical": {
+    "c_divider_Display": {
+      "name": "--pf-c-divider--Display",
+      "value": "inline-flex",
+      "values": [
+        "--pf-c-divider--m-vertical--Display",
+        "inline-flex"
+      ]
+    },
+    "c_divider_FlexDirection": {
+      "name": "--pf-c-divider--FlexDirection",
+      "value": "column",
+      "values": [
+        "--pf-c-divider--m-vertical--FlexDirection",
+        "column"
+      ]
+    },
+    "c_divider_after_Width": {
+      "name": "--pf-c-divider--after--Width",
+      "value": "1px",
+      "values": [
+        "--pf-c-divider--m-vertical--after--Width",
+        "--pf-c-divider--BorderWidth--base",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_divider_after_Height": {
+      "name": "--pf-c-divider--after--Height",
+      "value": "auto",
+      "values": [
+        "--pf-c-divider--m-vertical--after--Height",
+        "auto"
+      ]
+    }
+  },
   ".pf-c-divider.pf-m-inset-none": {
     "c_divider_after_Inset": {
       "name": "--pf-c-divider--after--Inset",

package/dist/esm/c_divider.js

@@ -18,6 +18,7 @@ export const c_divider = {
       "values": [
         "--pf-hidden-visible--visible--Display",
         "--pf-c-divider--Display",
+        "--pf-c-divider--m-horizontal--Display",
         "flex"
       ]
     },
@@ -29,8 +30,8 @@ export const c_divider = {
         "visible"
       ]
     },
-    "c_divider_Height": {
-      "name": "--pf-c-divider--Height",
+    "c_divider_BorderWidth_base": {
+      "name": "--pf-c-divider--BorderWidth--base",
       "value": "1px",
       "values": [
         "--pf-global--BorderWidth--sm",
@@ -38,30 +39,42 @@ export const c_divider = {
         "1px"
       ]
     },
-    "c_divider_BackgroundColor": {
-      "name": "--pf-c-divider--BackgroundColor",
+    "c_divider_BorderColor_base": {
+      "name": "--pf-c-divider--BorderColor--base",
       "value": "#d2d2d2",
       "values": [
+        "--pf-c-divider--BackgroundColor",
         "--pf-global--BorderColor--100",
         "$pf-global--BorderColor--100",
         "$pf-color-black-300",
         "#d2d2d2"
       ]
     },
-    "c_divider_after_Height": {
-      "name": "--pf-c-divider--after--Height",
+    "c_divider_Height": {
+      "name": "--pf-c-divider--Height",
       "value": "1px",
       "values": [
-        "--pf-c-divider--Height",
+        "--pf-c-divider--BorderWidth--base",
         "--pf-global--BorderWidth--sm",
         "$pf-global--BorderWidth--sm",
         "1px"
       ]
     },
+    "c_divider_BackgroundColor": {
+      "name": "--pf-c-divider--BackgroundColor",
+      "value": "#d2d2d2",
+      "values": [
+        "--pf-global--BorderColor--100",
+        "$pf-global--BorderColor--100",
+        "$pf-color-black-300",
+        "#d2d2d2"
+      ]
+    },
     "c_divider_after_BackgroundColor": {
       "name": "--pf-c-divider--after--BackgroundColor",
       "value": "#d2d2d2",
       "values": [
+        "--pf-c-divider--BorderColor--base",
         "--pf-c-divider--BackgroundColor",
         "--pf-global--BorderColor--100",
         "$pf-global--BorderColor--100",
@@ -69,10 +82,6 @@ export const c_divider = {
         "#d2d2d2"
       ]
     },
-    "c_divider_Display": {
-      "name": "--pf-c-divider--Display",
-      "value": "flex"
-    },
     "c_divider_after_FlexBasis": {
       "name": "--pf-c-divider--after--FlexBasis",
       "value": "100%"
@@ -85,10 +94,46 @@ export const c_divider = {
       "name": "--pf-c-divider--m-vertical--after--FlexBasis",
       "value": "100%"
     },
+    "c_divider_m_horizontal_Display": {
+      "name": "--pf-c-divider--m-horizontal--Display",
+      "value": "flex"
+    },
+    "c_divider_m_horizontal_FlexDirection": {
+      "name": "--pf-c-divider--m-horizontal--FlexDirection",
+      "value": "row"
+    },
+    "c_divider_m_horizontal_after_Height": {
+      "name": "--pf-c-divider--m-horizontal--after--Height",
+      "value": "1px",
+      "values": [
+        "--pf-c-divider--Height",
+        "--pf-c-divider--BorderWidth--base",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_divider_m_horizontal_after_Width": {
+      "name": "--pf-c-divider--m-horizontal--after--Width",
+      "value": "auto"
+    },
+    "c_divider_m_vertical_Display": {
+      "name": "--pf-c-divider--m-vertical--Display",
+      "value": "inline-flex"
+    },
+    "c_divider_m_vertical_FlexDirection": {
+      "name": "--pf-c-divider--m-vertical--FlexDirection",
+      "value": "column"
+    },
+    "c_divider_m_vertical_after_Height": {
+      "name": "--pf-c-divider--m-vertical--after--Height",
+      "value": "auto"
+    },
     "c_divider_m_vertical_after_Width": {
       "name": "--pf-c-divider--m-vertical--after--Width",
       "value": "1px",
       "values": [
+        "--pf-c-divider--BorderWidth--base",
         "--pf-global--BorderWidth--sm",
         "$pf-global--BorderWidth--sm",
         "1px"
@@ -99,8 +144,45 @@ export const c_divider = {
       "value": "flex",
       "values": [
         "--pf-c-divider--Display",
+        "--pf-c-divider--m-horizontal--Display",
         "flex"
       ]
+    },
+    "c_divider_Display": {
+      "name": "--pf-c-divider--Display",
+      "value": "flex",
+      "values": [
+        "--pf-c-divider--m-horizontal--Display",
+        "flex"
+      ]
+    },
+    "c_divider_FlexDirection": {
+      "name": "--pf-c-divider--FlexDirection",
+      "value": "row",
+      "values": [
+        "--pf-c-divider--m-horizontal--FlexDirection",
+        "row"
+      ]
+    },
+    "c_divider_after_Width": {
+      "name": "--pf-c-divider--after--Width",
+      "value": "auto",
+      "values": [
+        "--pf-c-divider--m-horizontal--after--Width",
+        "auto"
+      ]
+    },
+    "c_divider_after_Height": {
+      "name": "--pf-c-divider--after--Height",
+      "value": "1px",
+      "values": [
+        "--pf-c-divider--m-horizontal--after--Height",
+        "--pf-c-divider--Height",
+        "--pf-c-divider--BorderWidth--base",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
     }
   },
   ".pf-m-hidden.pf-c-divider": {
@@ -121,6 +203,43 @@ export const c_divider = {
       ]
     }
   },
+  ".pf-c-divider.pf-m-vertical": {
+    "c_divider_Display": {
+      "name": "--pf-c-divider--Display",
+      "value": "inline-flex",
+      "values": [
+        "--pf-c-divider--m-vertical--Display",
+        "inline-flex"
+      ]
+    },
+    "c_divider_FlexDirection": {
+      "name": "--pf-c-divider--FlexDirection",
+      "value": "column",
+      "values": [
+        "--pf-c-divider--m-vertical--FlexDirection",
+        "column"
+      ]
+    },
+    "c_divider_after_Width": {
+      "name": "--pf-c-divider--after--Width",
+      "value": "1px",
+      "values": [
+        "--pf-c-divider--m-vertical--after--Width",
+        "--pf-c-divider--BorderWidth--base",
+        "--pf-global--BorderWidth--sm",
+        "$pf-global--BorderWidth--sm",
+        "1px"
+      ]
+    },
+    "c_divider_after_Height": {
+      "name": "--pf-c-divider--after--Height",
+      "value": "auto",
+      "values": [
+        "--pf-c-divider--m-vertical--after--Height",
+        "auto"
+      ]
+    }
+  },
   ".pf-c-divider.pf-m-inset-none": {
     "c_divider_after_Inset": {
       "name": "--pf-c-divider--after--Inset",

package/dist/esm/c_divider_BorderColor_base.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_BorderColor_base: {
+  "name": "--pf-c-divider--BorderColor--base",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-divider--BorderColor--base)"
+};
+export default c_divider_BorderColor_base;

package/dist/esm/c_divider_BorderColor_base.js

@@ -0,0 +1,6 @@
+export const c_divider_BorderColor_base = {
+  "name": "--pf-c-divider--BorderColor--base",
+  "value": "#d2d2d2",
+  "var": "var(--pf-c-divider--BorderColor--base)"
+};
+export default c_divider_BorderColor_base;

package/dist/esm/c_divider_BorderWidth_base.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_BorderWidth_base: {
+  "name": "--pf-c-divider--BorderWidth--base",
+  "value": "1px",
+  "var": "var(--pf-c-divider--BorderWidth--base)"
+};
+export default c_divider_BorderWidth_base;

package/dist/esm/c_divider_BorderWidth_base.js

@@ -0,0 +1,6 @@
+export const c_divider_BorderWidth_base = {
+  "name": "--pf-c-divider--BorderWidth--base",
+  "value": "1px",
+  "var": "var(--pf-c-divider--BorderWidth--base)"
+};
+export default c_divider_BorderWidth_base;

package/dist/esm/c_divider_Display.d.ts

@@ -1,6 +1,6 @@
 export const c_divider_Display: {
   "name": "--pf-c-divider--Display",
-  "value": "flex",
+  "value": "inline-flex",
   "var": "var(--pf-c-divider--Display)"
 };
 export default c_divider_Display;

package/dist/esm/c_divider_Display.js

@@ -1,6 +1,6 @@
 export const c_divider_Display = {
   "name": "--pf-c-divider--Display",
-  "value": "flex",
+  "value": "inline-flex",
   "var": "var(--pf-c-divider--Display)"
 };
 export default c_divider_Display;

package/dist/esm/c_divider_FlexDirection.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_FlexDirection: {
+  "name": "--pf-c-divider--FlexDirection",
+  "value": "column",
+  "var": "var(--pf-c-divider--FlexDirection)"
+};
+export default c_divider_FlexDirection;

package/dist/esm/c_divider_FlexDirection.js

@@ -0,0 +1,6 @@
+export const c_divider_FlexDirection = {
+  "name": "--pf-c-divider--FlexDirection",
+  "value": "column",
+  "var": "var(--pf-c-divider--FlexDirection)"
+};
+export default c_divider_FlexDirection;

package/dist/esm/c_divider_after_Height.d.ts

@@ -1,6 +1,6 @@
 export const c_divider_after_Height: {
   "name": "--pf-c-divider--after--Height",
-  "value": "1px",
+  "value": "auto",
   "var": "var(--pf-c-divider--after--Height)"
 };
 export default c_divider_after_Height;

package/dist/esm/c_divider_after_Height.js

@@ -1,6 +1,6 @@
 export const c_divider_after_Height = {
   "name": "--pf-c-divider--after--Height",
-  "value": "1px",
+  "value": "auto",
   "var": "var(--pf-c-divider--after--Height)"
 };
 export default c_divider_after_Height;

package/dist/esm/c_divider_after_Width.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_after_Width: {
+  "name": "--pf-c-divider--after--Width",
+  "value": "1px",
+  "var": "var(--pf-c-divider--after--Width)"
+};
+export default c_divider_after_Width;

package/dist/esm/c_divider_after_Width.js

@@ -0,0 +1,6 @@
+export const c_divider_after_Width = {
+  "name": "--pf-c-divider--after--Width",
+  "value": "1px",
+  "var": "var(--pf-c-divider--after--Width)"
+};
+export default c_divider_after_Width;

package/dist/esm/c_divider_m_horizontal_Display.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_m_horizontal_Display: {
+  "name": "--pf-c-divider--m-horizontal--Display",
+  "value": "flex",
+  "var": "var(--pf-c-divider--m-horizontal--Display)"
+};
+export default c_divider_m_horizontal_Display;

package/dist/esm/c_divider_m_horizontal_Display.js

@@ -0,0 +1,6 @@
+export const c_divider_m_horizontal_Display = {
+  "name": "--pf-c-divider--m-horizontal--Display",
+  "value": "flex",
+  "var": "var(--pf-c-divider--m-horizontal--Display)"
+};
+export default c_divider_m_horizontal_Display;

package/dist/esm/c_divider_m_horizontal_FlexDirection.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_m_horizontal_FlexDirection: {
+  "name": "--pf-c-divider--m-horizontal--FlexDirection",
+  "value": "row",
+  "var": "var(--pf-c-divider--m-horizontal--FlexDirection)"
+};
+export default c_divider_m_horizontal_FlexDirection;

package/dist/esm/c_divider_m_horizontal_FlexDirection.js

@@ -0,0 +1,6 @@
+export const c_divider_m_horizontal_FlexDirection = {
+  "name": "--pf-c-divider--m-horizontal--FlexDirection",
+  "value": "row",
+  "var": "var(--pf-c-divider--m-horizontal--FlexDirection)"
+};
+export default c_divider_m_horizontal_FlexDirection;

package/dist/esm/c_divider_m_horizontal_after_Height.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_m_horizontal_after_Height: {
+  "name": "--pf-c-divider--m-horizontal--after--Height",
+  "value": "1px",
+  "var": "var(--pf-c-divider--m-horizontal--after--Height)"
+};
+export default c_divider_m_horizontal_after_Height;

package/dist/esm/c_divider_m_horizontal_after_Height.js

@@ -0,0 +1,6 @@
+export const c_divider_m_horizontal_after_Height = {
+  "name": "--pf-c-divider--m-horizontal--after--Height",
+  "value": "1px",
+  "var": "var(--pf-c-divider--m-horizontal--after--Height)"
+};
+export default c_divider_m_horizontal_after_Height;

package/dist/esm/c_divider_m_horizontal_after_Width.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_m_horizontal_after_Width: {
+  "name": "--pf-c-divider--m-horizontal--after--Width",
+  "value": "auto",
+  "var": "var(--pf-c-divider--m-horizontal--after--Width)"
+};
+export default c_divider_m_horizontal_after_Width;

package/dist/esm/c_divider_m_horizontal_after_Width.js

@@ -0,0 +1,6 @@
+export const c_divider_m_horizontal_after_Width = {
+  "name": "--pf-c-divider--m-horizontal--after--Width",
+  "value": "auto",
+  "var": "var(--pf-c-divider--m-horizontal--after--Width)"
+};
+export default c_divider_m_horizontal_after_Width;

package/dist/esm/c_divider_m_vertical_Display.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_m_vertical_Display: {
+  "name": "--pf-c-divider--m-vertical--Display",
+  "value": "inline-flex",
+  "var": "var(--pf-c-divider--m-vertical--Display)"
+};
+export default c_divider_m_vertical_Display;

package/dist/esm/c_divider_m_vertical_Display.js

@@ -0,0 +1,6 @@
+export const c_divider_m_vertical_Display = {
+  "name": "--pf-c-divider--m-vertical--Display",
+  "value": "inline-flex",
+  "var": "var(--pf-c-divider--m-vertical--Display)"
+};
+export default c_divider_m_vertical_Display;

package/dist/esm/c_divider_m_vertical_FlexDirection.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_m_vertical_FlexDirection: {
+  "name": "--pf-c-divider--m-vertical--FlexDirection",
+  "value": "column",
+  "var": "var(--pf-c-divider--m-vertical--FlexDirection)"
+};
+export default c_divider_m_vertical_FlexDirection;

package/dist/esm/c_divider_m_vertical_FlexDirection.js

@@ -0,0 +1,6 @@
+export const c_divider_m_vertical_FlexDirection = {
+  "name": "--pf-c-divider--m-vertical--FlexDirection",
+  "value": "column",
+  "var": "var(--pf-c-divider--m-vertical--FlexDirection)"
+};
+export default c_divider_m_vertical_FlexDirection;

package/dist/esm/c_divider_m_vertical_after_Height.d.ts

@@ -0,0 +1,6 @@
+export const c_divider_m_vertical_after_Height: {
+  "name": "--pf-c-divider--m-vertical--after--Height",
+  "value": "auto",
+  "var": "var(--pf-c-divider--m-vertical--after--Height)"
+};
+export default c_divider_m_vertical_after_Height;

package/dist/esm/c_divider_m_vertical_after_Height.js

@@ -0,0 +1,6 @@
+export const c_divider_m_vertical_after_Height = {
+  "name": "--pf-c-divider--m-vertical--after--Height",
+  "value": "auto",
+  "var": "var(--pf-c-divider--m-vertical--after--Height)"
+};
+export default c_divider_m_vertical_after_Height;