Merge pull request #660 from puppetlabs/CDPE-6148/Change-authenticati…

…on-component-title-size (CDPE-6574) Add Puppet logo and change title and fix styling of Authentication component
puppetlabs · Mar 28, 2024 · 4382e0e · 4382e0e
2 parents b13d64e + 195c186
commit 4382e0e
Show file tree

Hide file tree

Showing 8 changed files with 72 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,13 @@
+## react-components 5.34.6 (2024-03-28)
+
+- [Logo] Add standalone Puppet logo (by [@petergmurphy](https://github.com/petergmurphy))
+
+## react-layouts 2.0.0-alpha.10 (2024-03-28)
+
+- [Authentication] Fix Authentication component styling issue. This change resolves the problem where the Authentication component's
+styling was not being applied due to the stylesheet not being bundled.  (by [@petergmurphy](https://github.com/petergmurphy))
+- [Authentication] Change the title of the Authentication component from a `h5` to a `h3` element. (by [@petergmurphy](https://github.com/petergmurphy))
+
 ## react-components 5.34.5 (2024-03-25)
 
 - [Logo] Bug fixing continuous delivery logo viewBox size (by [@danadoherty639](https://github.com/danadoherty639))

diff --git a/packages/react-components/package.json b/packages/react-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@puppet/react-components",
-  "version": "5.34.5",
+  "version": "5.34.6",
   "author": "Puppet, Inc.",
   "license": "Apache-2.0",
   "main": "build/library.js",

diff --git a/packages/react-components/source/react/library/logo/Logo.js b/packages/react-components/source/react/library/logo/Logo.js
@@ -15,6 +15,7 @@ export const SUPPORTED_LOGOS = [
   'comply',
   'security-compliance-management',
   'continuous-delivery',
+  'puppet-standalone',
 ];
 
 const propTypes = {

diff --git a/packages/react-components/source/react/library/logo/Logo.md b/packages/react-components/source/react/library/logo/Logo.md
@@ -26,6 +26,7 @@ The standard style variation exists for light backgrounds.
   <Logo product="connect" style={{ margin: 5 }} />
   <Logo product="security-compliance-management" style={{ margin: 5 }} />
   <Logo product="continuous-delivery" style={{ margin: 5 }} />
+  <Logo product="puppet-standalone" style={{ margin: 5 }} />
   <Logo product="My Product" style={{ margin: 5 }} />
 </div>
 ```
@@ -59,6 +60,7 @@ This style variation exists for dark backgrounds, where the Puppet logo uses whi
     style={{ margin: 5 }}
   />
   <Logo inverted product="continuous-delivery" style={{ margin: 5 }} />
+  <Logo inverted product="puppet-standalone" style={{ margin: 5 }} />
   <Logo inverted product="My Product" style={{ margin: 5 }} />
 </div>
 ```

diff --git a/packages/react-components/source/react/library/logo/logos.js b/packages/react-components/source/react/library/logo/logos.js
diff --git a/packages/react-layouts/package.json b/packages/react-layouts/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@puppet/react-layouts",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0-alpha.10",
   "author": "Puppet, Inc.",
   "license": "Apache-2.0",
   "main": "dist/react-layouts.js",

diff --git a/packages/react-layouts/src/Authentication/Authentication.jsx b/packages/react-layouts/src/Authentication/Authentication.jsx
@@ -55,7 +55,7 @@ const Authentication = ({
       />
       <Card className="rl-authentication-content">
         <div className="rl-authentication-title">
-          <Heading as="h5">{title}</Heading>
+          <Heading as="h3">{title}</Heading>
           <div className="rl-authentication-subtitle">{subtitle}</div>
         </div>
         {children}

diff --git a/packages/react-layouts/src/index.js b/packages/react-layouts/src/index.js
@@ -1,5 +1,6 @@
 import Authentication from './Authentication';
 import Columns from './Columns';
 import PageContent from './PageContent';
+import 'index.scss';
 
 export { Authentication, Columns, PageContent };