Merge branch 'main' of https://github.com/bcgov/nr-theme into fix/sty…

…le-adjust-for-lastet-primevue-3.36.0

CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.8.1](https://github.com/bcgov/nr-theme/compare/v1.8.0...v1.8.1) (2024-01-04)
+
+
+### Bug Fixes
+
+* adjust the style to support the latest primevue version v3.36+ ([#111](https://github.com/bcgov/nr-theme/issues/111)) ([e5bf0f0](https://github.com/bcgov/nr-theme/commit/e5bf0f00ef67a83b4d8f4ec7aea65b92bfc2f6b3))
+
 ## [1.8.0](https://github.com/bcgov/nr-theme/compare/v1.7.1...v1.8.0) (2023-12-15)
 
 

style-sheets/primevue-components-overrides.scss

@@ -845,6 +845,13 @@ label {
     right: 0;
 }
 
+.#{variables.$primevue-prefix}-message
+    .#{variables.$primevue-prefix}-message-wrapper {
+    display: flex;
+    align-items: baseline;
+    padding: 0.5rem 0.5rem 0.5rem 0;
+}
+
 .#{variables.$primevue-prefix}-message
     .#{variables.$primevue-prefix}-message-text {
     @extend %body-compact-01;
@@ -869,25 +876,24 @@ label {
     flex-shrink: 0;
 }
 
-.#{variables.$primevue-prefix}-message
-    .#{variables.$primevue-prefix}-message-wrapper {
-        display: flex;
-        align-items: baseline;
-        padding: 0 0.5rem 0 0;
+.#{variables.$primevue-prefix}-message-close.#{variables.$primevue-prefix}-link {
+    margin-left: auto;
+    overflow: hidden;
+    position: relative;
 }
 
 .#{variables.$primevue-prefix}-message-wrapper
     .#{variables.$primevue-prefix}-message-close {
-        align-self: flex-start;
-        margin-top: 0.5rem;
+    align-self: flex-start;
+    margin-top: 0.5rem;
 }
 
 .#{variables.$primevue-prefix}-message-wrapper
     .#{variables.$primevue-prefix}-message-close
     svg {
-        color: colors.$gray-100 !important;
-        margin: 0.55rem 0 0;
-        align-self: baseline !important;
+    color: colors.$gray-100 !important;
+    margin: 0.55rem 0 0;
+    align-self: baseline !important;
 }
 
 .#{variables.$primevue-prefix}-message-close.#{variables.$primevue-prefix}-link {