Add changelog and bump react-components version to 5.34.7.

puppetlabs · Apr 3, 2024 · 8944701 · 8944701
1 parent 2b3dd24
commit 8944701
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,11 +1,15 @@
+## react-components 5.34.7 (2024-04-03)
+
+- [Popover] Add new side prop options to enable rendering the arrow in all corners of the box (by [@sean-mckenna](https://github.com/sean-mckenna)) in [#661](https://github.com/puppetlabs/design-system/pull/661))
+
 ## 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))
+  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)

diff --git a/packages/react-components/package-lock.json b/packages/react-components/package-lock.json
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.6",
+  "version": "5.34.7",
   "author": "Puppet, Inc.",
   "license": "Apache-2.0",
   "main": "build/library.js",

diff --git a/packages/react-components/source/scss/library/components/_popover.scss b/packages/react-components/source/scss/library/components/_popover.scss
@@ -68,15 +68,15 @@ $null-shadow: 0 0 0 0 transparent;
   &::after {
     border-color: transparent transparent transparent $popover-fill-color;
     border-width: 10px;
-    left: 100%;
     bottom: 10px;
+    left: 100%;
   }
   // arrow 'border'
   &::before {
     border-color: transparent transparent transparent $popover-border-color;
     border-width: 11px;
-    left: 100%;
     bottom: 9px;
+    left: 100%;
   }
 }
 
@@ -102,15 +102,15 @@ $null-shadow: 0 0 0 0 transparent;
   &::after {
     border-color: transparent $popover-fill-color transparent transparent;
     border-width: 10px;
-    right: 100%;
     bottom: 10px;
+    right: 100%;
   }
   // arrow 'border'
   &::before {
     border-color: transparent $popover-border-color transparent transparent;
     border-width: 11px;
-    right: 100%;
     bottom: 9px;
+    right: 100%;
   }
 }