@posiwise/core-styles 1.0.5 → 1.0.7

package/package.json

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

package/scss/shared/_prime-ng.scss

@@ -2279,14 +2279,35 @@ body {
             color: $font-color-main;
             padding: 1.171em 1em;
         }
+        /* 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 - 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 */
         }
     }