@patternfly/react-core 4.258.2 → 4.258.4

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.258.4 (2022-11-01)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
+## [4.258.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.258.2...@patternfly/react-core@4.258.3) (2022-10-27)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 ## [4.258.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.258.1...@patternfly/react-core@4.258.2) (2022-10-26)
 
 

package/dist/umd/react-core.min.css

@@ -1862,70 +1862,6 @@ textarea.pf-c-form-control {
   color: var(--pf-global--palette--black-900);
 }
 
-.pf-c-brand {
-  --pf-c-brand--Width: auto;
-  --pf-c-brand--Height: auto;
-  width: var(--pf-c-brand--Width--base);
-  height: var(--pf-c-brand--Height--base);
-  --pf-c-brand--Width--base: var(--pf-c-brand--Width);
-  --pf-c-brand--Height--base: var(--pf-c-brand--Height);
-}
-
-@media (min-width: 576px) {
-  .pf-c-brand {
-    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width));
-  }
-}
-@media (min-width: 768px) {
-  .pf-c-brand {
-    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-c-brand {
-    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-c-brand {
-    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-c-brand {
-    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))));
-  }
-}
-@media (min-width: 576px) {
-  .pf-c-brand {
-    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height));
-  }
-}
-@media (min-width: 768px) {
-  .pf-c-brand {
-    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)));
-  }
-}
-@media (min-width: 992px) {
-  .pf-c-brand {
-    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))));
-  }
-}
-@media (min-width: 1200px) {
-  .pf-c-brand {
-    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))));
-  }
-}
-@media (min-width: 1450px) {
-  .pf-c-brand {
-    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))));
-  }
-}
-.pf-c-brand.pf-m-picture {
-  display: inline-flex;
-  max-width: 100%;
-}
-
 .pf-c-breadcrumb {
   --pf-c-breadcrumb__item--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-breadcrumb__item--LineHeight: var(--pf-global--LineHeight--sm);
@@ -2033,6 +1969,70 @@ button.pf-c-breadcrumb__link {
   --pf-c-breadcrumb__item-divider--Color: var(--pf-global--BorderColor--100);
 }
 
+.pf-c-brand {
+  --pf-c-brand--Width: auto;
+  --pf-c-brand--Height: auto;
+  width: var(--pf-c-brand--Width--base);
+  height: var(--pf-c-brand--Height--base);
+  --pf-c-brand--Width--base: var(--pf-c-brand--Width);
+  --pf-c-brand--Height--base: var(--pf-c-brand--Height);
+}
+
+@media (min-width: 576px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width));
+  }
+}
+@media (min-width: 768px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height));
+  }
+}
+@media (min-width: 768px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))));
+  }
+}
+.pf-c-brand.pf-m-picture {
+  display: inline-flex;
+  max-width: 100%;
+}
+
 .pf-c-button {
   --pf-c-button--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-button--PaddingRight: var(--pf-global--spacer--md);
@@ -27699,21 +27699,6 @@ label.pf-c-tree-view__node-text {
   margin-right: var(--pf-l-level--m-gutter--MarginRight);
 }
 
-.pf-l-stack {
-  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-
-.pf-l-stack__item.pf-m-fill {
-  flex-grow: 1;
-}
-
-.pf-l-stack.pf-m-gutter > *:not(:last-child) {
-  margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
-}
-
 .pf-l-split {
   --pf-l-split--m-gutter--MarginRight: var(--pf-global--gutter);
   display: flex;
@@ -27733,6 +27718,21 @@ label.pf-c-tree-view__node-text {
   margin-right: var(--pf-l-split--m-gutter--MarginRight);
 }
 
+.pf-l-stack {
+  --pf-l-stack--m-gutter--MarginBottom: var(--pf-global--gutter);
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.pf-l-stack__item.pf-m-fill {
+  flex-grow: 1;
+}
+
+.pf-l-stack.pf-m-gutter > *:not(:last-child) {
+  margin-bottom: var(--pf-l-stack--m-gutter--MarginBottom);
+}
+
 .pf-c-alert-group {
   --pf-c-alert-group__item--MarginTop: var(--pf-global--spacer--sm);
   --pf-c-alert-group--m-toast--Top: var(--pf-global--spacer--2xl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.258.2",
+  "version": "4.258.4",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -44,16 +44,16 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.92.9",
-    "@patternfly/react-styles": "^4.91.9",
-    "@patternfly/react-tokens": "^4.93.9",
+    "@patternfly/react-icons": "^4.92.10",
+    "@patternfly/react-styles": "^4.91.10",
+    "@patternfly/react-tokens": "^4.93.10",
     "focus-trap": "6.9.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.219.1",
+    "@patternfly/patternfly": "4.219.2",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@rollup/plugin-replace": "^3.0.0",
@@ -70,5 +70,5 @@
     "react": "^16.8 || ^17 || ^18",
     "react-dom": "^16.8 || ^17 || ^18"
   },
-  "gitHead": "5d975fb9b5ae712c8de40a931b913ee1f9ecfeb7"
+  "gitHead": "1fa474ac5bfe3fdcd5a1b5c48b0c9d4ca809b79a"
 }

package/src/components/FormSelect/examples/FormSelect.md

@@ -28,5 +28,5 @@ ouia: true
 
 **Note:** The dropdown toggle icon is applied as a background image to the form element. By default, the image URLs for these icons are data URIs. However, there may be cases where data URIs are not ideal, such as in an application with a content security policy that disallows data URIs for security reasons. The `isIconSprite` variation changes the icon source to an external SVG file that serves as a sprite for all of the supported icons.
 
-```ts file='./FormSelectIconSpriteVariant.tsx' isBeta
+```ts file='./FormSelectIconSpriteVariant.tsx'
 ```