@posiwise/core-styles 1.0.7 → 1.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posiwise/core-styles",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/scss/shared/_prime-ng.scss

@@ -2243,7 +2243,7 @@ body {
 
             &:not(.p-accordionpanel-active):not(.p-disabled) {
                 > .p-accordionheader:hover {
-                    border: 1px solid $tabView;
+                    border: 1px solid $ng-gray;
                     color: $font-color-main;
 
                     .p-accordionheader-toggle-icon {
@@ -2270,30 +2270,32 @@ body {
                         color: rgb(255 255 255);
                     }
                 }
+
+                > .p-accordioncontent {
+                    max-height: 9999px !important;
+                }
             }
         }
 
+        .p-accordioncontent {
+            max-height: 0 !important;
+            overflow: hidden !important;
+            transition: max-height 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
+        }
+
         .p-accordioncontent-content {
             background-color: rgb(255 255 255);
             border: 1px solid $ng-gray;
             color: $font-color-main;
             padding: 1.171em 1em;
+            box-sizing: border-box;
         }
-        /* Collapsed: hide content completely so no space */
-        .p-accordionpanel:not(.p-accordionpanel-active) .p-accordion-content,
-        .p-accordionpanel:not(.p-accordionpanel-active) .p-accordioncontent,
-        .p-accordionpanel:not(.p-accordionpanel-active) p-accordion-content,
-        .p-accordionpanel:not(.p-accordionpanel-active) [data-pc-name='accordioncontent'] {
-            overflow: hidden;
-            height: 0;
-        }
-
     }
 
     /* PrimeNG 19 Accordion - icon then label on the left, rest of space empty (match design) */
     .p-accordionheader {
         color: var(--tabs_bg) !important;
-        gap:  1.125rem;
+        gap: 1.125rem;
         display: flex !important;
         flex-direction: row-reverse !important;
         align-items: center !important;