@patternfly/react-core 6.5.0-prerelease.72 → 6.5.0-prerelease.73

package/helpers/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.5.0-prerelease.71","private":true}
+{"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.5.0-prerelease.72","private":true}

package/layouts/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.5.0-prerelease.71","private":true}
+{"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.5.0-prerelease.72","private":true}

package/next/package.json

@@ -1 +1 @@
-{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.5.0-prerelease.71","private":true}
+{"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.5.0-prerelease.72","private":true}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "6.5.0-prerelease.72",
+  "version": "6.5.0-prerelease.73",
   "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",
@@ -46,15 +46,15 @@
     "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^6.5.0-prerelease.33",
-    "@patternfly/react-styles": "^6.5.0-prerelease.23",
-    "@patternfly/react-tokens": "^6.5.0-prerelease.22",
+    "@patternfly/react-icons": "^6.5.0-prerelease.34",
+    "@patternfly/react-styles": "^6.5.0-prerelease.24",
+    "@patternfly/react-tokens": "^6.5.0-prerelease.23",
     "focus-trap": "7.6.6",
     "react-dropzone": "^14.3.5",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.5.0-prerelease.80",
+    "@patternfly/patternfly": "6.5.0-prerelease.82",
     "case-anything": "^3.1.2",
     "css": "^3.0.0",
     "fs-extra": "^11.3.3"
@@ -63,5 +63,5 @@
     "react": "^17 || ^18 || ^19",
     "react-dom": "^17 || ^18 || ^19"
   },
-  "gitHead": "ea832af189f62520e49b172f13cac22df6c5d3a4"
+  "gitHead": "49cdd4af567d0e44031932738edb6d05ffe68c99"
 }

package/src/components/Hero/Hero.tsx

@@ -34,8 +34,8 @@ export interface HeroProps extends Omit<React.HTMLProps<HTMLDivElement>, 'conten
     stop2?: string;
     stop3?: string;
   };
-  /** Flag indicating whether glass styles are removed from the hero when a glass theme is applied. */
-  hasNoGlass?: boolean;
+  /** @beta Flag indicating the hero has glass styling when glass theme is applied. */
+  isGlass?: boolean;
   /** Modifies the width of the hero body. */
   bodyWidth?: string;
   /** Modifies the max-width of the hero body. */
@@ -49,7 +49,7 @@ export const Hero: React.FunctionComponent<HeroProps> = ({
   backgroundSrcDark,
   gradientLight,
   gradientDark,
-  hasNoGlass = false,
+  isGlass = false,
   bodyWidth,
   bodyMaxWidth,
   ...props
@@ -90,7 +90,7 @@ export const Hero: React.FunctionComponent<HeroProps> = ({
 
   return (
     <div
-      className={css(styles.hero, hasNoGlass && styles.modifiers.noGlass, className)}
+      className={css(styles.hero, isGlass && styles.modifiers.glass, className)}
       style={{ ...props.style, ...customStyles }}
       {...props}
     >

package/src/components/Hero/__tests__/Hero.test.tsx

@@ -16,12 +16,30 @@ test('Renders with children', () => {
   expect(screen.getByText('Test content')).toBeVisible();
 });
 
-test(`Renders with ${styles.hero} class on wrapper by defaulty`, () => {
+test(`Renders with ${styles.hero} class on wrapper by default`, () => {
   render(<Hero>Test</Hero>);
 
   expect(screen.getByText('Test').parentElement).toHaveClass(`${styles.hero}`, { exact: true });
 });
 
+test(`Renders with ${styles.modifiers.glass} class when isGlass is true`, () => {
+  render(<Hero isGlass>Test</Hero>);
+
+  expect(screen.getByText('Test').parentElement).toHaveClass(`${styles.modifiers.glass}`);
+});
+
+test(`Renders without ${styles.modifiers.glass} class when isGlass is false`, () => {
+  render(<Hero isGlass={false}>Test</Hero>);
+
+  expect(screen.getByText('Test').parentElement).not.toHaveClass(`${styles.modifiers.glass}`);
+});
+
+test(`Renders without ${styles.modifiers.glass} class by default`, () => {
+  render(<Hero>Test</Hero>);
+
+  expect(screen.getByText('Test').parentElement).not.toHaveClass(`${styles.modifiers.glass}`);
+});
+
 test('Renders with custom class name on wrapper when className prop is provided', () => {
   render(<Hero className="custom-class">Test</Hero>);
   expect(screen.getByText('Test').parentElement).toHaveClass('custom-class');

package/src/demos/Compass/examples/CompassDemo.tsx

@@ -149,7 +149,9 @@ export const CompassBasic: React.FunctionComponent = () => {
   const mainContent = (
     <>
       <CompassHero>
-        <Hero gradientDark={{ stop1: '#000', stop2: '#1b0d33', stop3: '#3d2785' }}>Hero</Hero>
+        <Hero isGlass gradientDark={{ stop1: '#000', stop2: '#1b0d33', stop3: '#3d2785' }}>
+          Hero
+        </Hero>
       </CompassHero>
       <CompassMainHeader title={<Title headingLevel="h1">Content title</Title>} />
       <CompassContent>