Refresh UI components and showcase; release updated framework packages

packages/ui/components/Accordion.wrn

@@ -77,7 +77,7 @@ component Accordion {
       wasOpen = isOpen(value)
 
       if (wasOpen) {
-        openValues = openValues.filter((entry) => entry !== value)
+        openValues = openValues.slice(0, openValues.indexOf(value)).concat(openValues.slice(openValues.indexOf(value) + 1))
       } else if (allowsMultiple()) {
         openValues = openValues.concat([value])
       } else {
@@ -102,6 +102,7 @@ component Accordion {
       data-wrn-accordion
       data-variant="{variant}"
       data-indicator="{indicator}"
+      data-indicator-position="{showIndicator ? indicatorPosition : 'none'}"
       data-multiple="{allowsMultiple() ? 'true' : 'false'}"
       class="wrn-component wrn-component--color-{color} wrn-component--size-{size} wrn-next--accordion wrn-next--accordion-{variant} {bordered ? 'wrn-next--accordion-bordered' : ''} {separated ? 'wrn-next--accordion-separated' : ''} {flush ? 'wrn-next--accordion-flush' : ''} {disabled ? 'wrn-next--disabled' : ''} {class}"
     >
@@ -208,7 +209,7 @@ component Accordion {
 
   style {
     .wrn-next--accordion {
-      --wrn-accordion-accent: var(--wrn-component-color);
+      --wrn-accordion-accent: var(--wrn-color-primary-text);
       display: grid;
       width: 100%;
       color: var(--wrn-color-text);
@@ -234,7 +235,7 @@ component Accordion {
       color: var(--wrn-color-text);
       font: inherit;
       font-size: 0.88rem;
-      font-weight: 700;
+      font-weight: 600;
       text-align: left;
       cursor: pointer;
     }
@@ -319,12 +320,16 @@ component Accordion {
     }
 
     .wrn-next__accordion-content {
-      padding: 0 0 1rem 1.75rem;
+      padding: 0 0 1rem;
       color: var(--wrn-color-muted);
       font-size: 0.86rem;
       line-height: 1.65;
     }
 
+    .wrn-next--accordion[data-indicator-position="start"] .wrn-next__accordion-content {
+      padding-inline-start: 1.75rem;
+    }
+
     .wrn-next__accordion-content > p {
       color: inherit;
     }
@@ -369,6 +374,8 @@ component Accordion {
 
     .wrn-next--accordion-separated {
       gap: 0.5rem;
+      border: 0;
+      background: transparent;
     }
 
     .wrn-next--accordion-separated > .wrn-next__accordion-item {