@patternfly/documentation-framework 6.0.0-alpha.49 → 6.0.0-alpha.50

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.0.0-alpha.50 (2024-06-20)
+
+
+### Bug Fixes
+
+* clean up gdpr banner styles ([#4082](https://github.com/patternfly/patternfly-org/issues/4082)) ([1ed25c5](https://github.com/patternfly/patternfly-org/commit/1ed25c500fa83434d2df266464acae3e84e34bf3))
+
+
+
+
+
 # 6.0.0-alpha.49 (2024-06-20)
 
 

package/components/gdprBanner/gdprBanner.css

@@ -8,7 +8,4 @@
 
 #ws-gdpr-banner {
   max-width: 95vw;
-  flex-wrap: nowrap;
-/*   background: var(--pf-v6-global--BackgroundColor--100); */
-/*   border: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--Color--100); */
 }

package/components/gdprBanner/gdprBanner.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '@patternfly/react-core';
+import { Panel, PanelMain, PanelMainBody, Flex, FlexItem, Button } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 import './gdprBanner.css';
 
@@ -12,20 +12,27 @@ export const GdprBanner = () => {
     setBannerOpen(false);
   }
 
-  return !isBannerOpen ? null : (
-    <section aria-label="Cookies on PatternFly" className="ws-gdpr-banner-container pf-v6-l-flex">
-      <div id="ws-gdpr-banner" className="pf-v6-l-flex pf-v6-u-py-md pf-m-align-items-center">
-        <p id="ws-gdpr-banner-text" className="pf-v6-u-ml-xl">
-          We use cookies on our websites to deliver our online services.
-          Details about how we use cookies and how you may disable them are set out in our <a href="//www.redhat.com/en/about/privacy-policy">Privacy Statement</a>.
-          By using this website you agree to our use of cookies.
-        </p>
-        <div className="pf-m-align-self-flex-start">
-          <Button variant="plain" aria-label="Close banner" onClick={closeBanner}>
-            <TimesIcon />
-          </Button>
-        </div>
-      </div>
-    </section>
+  // return !isBannerOpen ? null : (
+  return (
+    <Flex className="ws-gdpr-banner-container">
+    <Panel variant="bordered" className="pf-m-raised" id="ws-gdpr-banner">
+      <PanelMain>
+        <PanelMainBody>
+          <Flex flexWrap={{default: 'nowrap'}} alignItems={{default: 'alignItemsFlexStart'}}>
+            <FlexItem className="pf-v6-u-ml-xl">
+              We use cookies on our websites to deliver our online services.
+              Details about how we use cookies and how you may disable them are set out in our <a href="//www.redhat.com/en/about/privacy-policy">Privacy Statement</a>.
+              By using this website you agree to our use of cookies.
+            </FlexItem>
+            <FlexItem>
+              <Button variant="plain" aria-label="Close banner" onClick={closeBanner}>
+                <TimesIcon />
+              </Button>
+            </FlexItem>
+          </Flex>
+        </PanelMainBody>
+      </PanelMain>
+    </Panel>
+    </Flex>
   );
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "6.0.0-alpha.49",
+  "version": "6.0.0-alpha.50",
   "author": "Red Hat",
   "license": "MIT",
   "private": false,
@@ -13,7 +13,7 @@
     "@babel/preset-env": "^7.24.3",
     "@babel/preset-react": "^7.24.1",
     "@mdx-js/util": "1.6.16",
-    "@patternfly/ast-helpers": "^1.4.0-alpha.38",
+    "@patternfly/ast-helpers": "^1.4.0-alpha.39",
     "@reach/router": "npm:@gatsbyjs/reach-router@1.3.9",
     "autoprefixer": "9.8.6",
     "babel-loader": "^9.1.3",
@@ -80,5 +80,5 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "gitHead": "11e7cf09028ab556765ba853f4db8fad15738122"
+  "gitHead": "f5e51846b5d04ac7d9cde0ae2e6d029ded280e14"
 }