@posiwise/core-styles 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@posiwise/core-styles",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "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,23 +2270,48 @@ body {
                         color: rgb(255 255 255);
                     }
                 }
+
+                > .p-accordioncontent {
+                    max-height: 9999px !important;
+                    overflow: visible !important;
+                }
             }
         }
 
+        .p-accordioncontent {
+            max-height: 0 !important;
+            overflow: hidden !important;
+            transition: max-height 0.25s 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;
         }
+
     }
 
-    /* PrimeNG 19 Accordion - keep header and icon color as tabs_bg (do not change) */
+    /* 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;
+        display: flex !important;
+        flex-direction: row-reverse !important;
+        align-items: center !important;
+        justify-content: flex-end !important; /* in row-reverse: pack icon+label to the left */
+
+        /* Label/content: do not grow – stay next to icon so layout is [icon][Apple][empty space] */
+        > *:not(.p-accordionheader-toggle-icon) {
+            flex: 0 1 auto !important;
+        }
 
         .p-accordionheader-toggle-icon {
             color: var(--tabs_bg) !important;
+            margin-left: 0;
+            margin-right: 6px; /* Small distinct gap between icon and label per design */
         }
     }