design-system-next 2.10.1 → 2.10.2

package/dist/design-system-next.js

@@ -15626,20 +15626,17 @@ const k5 = ["white", "dark", "gray", "green"], E5 = [
   });
   const c = E(() => {
     const p = "spr-fixed spr-left-0 spr-top-0 spr-z-[1010] spr-h-full spr-w-full spr-bg-mushroom-700/60", f = L(
-      "spr-fixed spr-right-4 spr-top-1/2 spr-z-[1015] spr-flex spr-flex-row-reverse spr-gap-size-spacing-xs spr-transition-all spr-ease-[ease-in-out]"
+      "spr-fixed spr-right-4 spr-top-1/2 spr-z-[1015] spr-flex spr-flex-row-reverse spr-gap-size-spacing-xs spr-transition-all spr-ease-[ease-in-out] spr-duration-[300ms]"
     ), y = L(
-      "spr-transition-all spr-ease-[ease-in-out]",
-      {
-        "spr-duration-[150ms]": s.value.length <= 1,
-        "spr-duration-[300ms]": s.value.length > 1
-      }
+      "spr-transition-all spr-ease-[ease-in-out] spr-duration-[300ms]"
     ), b = L(
+      "spr-transition-all spr-ease-[ease-in-out] spr-duration-[150ms]"
+    ), h = L(
       "spr-opacity-0",
       {
-        "spr-translate-x-1/2": s.value.length <= 1,
-        "-spr-translate-x-1/2": s.value.length > 1
+        "spr-translate-x-1/2": s.value.length <= 1
       }
-    ), h = L(
+    ), m = L(
       "spr-opacity-0",
       {
         "spr-translate-x-1/2": s.value.length <= 0,
@@ -15649,9 +15646,10 @@ const k5 = ["white", "dark", "gray", "green"], E5 = [
     return {
       sidepanelStackBackdropClasses: p,
       sidepanelStackBaseClasses: f,
-      sidepanelStackTransitionActiveClasses: y,
-      sidepanelStackEnterFromClasses: b,
-      sidepanelStackLeaveToClasses: h
+      sidepanelStackTransitionEnterActiveClasses: y,
+      sidepanelStackTransitionLeaveActiveClasses: b,
+      sidepanelStackEnterFromClasses: h,
+      sidepanelStackLeaveToClasses: m
     };
   });
   return {
@@ -15695,11 +15693,10 @@ const k5 = ["white", "dark", "gray", "green"], E5 = [
         style: Ae(o(d))
       }, [
         B(Hs, {
-          "enter-active-class": o(u).sidepanelStackTransitionActiveClasses,
-          "leave-active-class": o(u).sidepanelStackTransitionActiveClasses,
+          "enter-active-class": o(u).sidepanelStackTransitionEnterActiveClasses,
+          "leave-active-class": o(u).sidepanelStackTransitionLeaveActiveClasses,
           "enter-from-class": o(u).sidepanelStackEnterFromClasses,
           "leave-to-class": o(u).sidepanelStackLeaveToClasses,
-          "move-class": o(u).sidepanelStackTransitionActiveClasses,
           appear: ""
         }, {
           default: V(() => [
@@ -15708,7 +15705,7 @@ const k5 = ["white", "dark", "gray", "green"], E5 = [
             ]))), 128))
           ]),
           _: 3
-        }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class", "move-class"])
+        }, 8, ["enter-active-class", "leave-active-class", "enter-from-class", "leave-to-class"])
       ], 6)
     ], 64));
   }
@@ -18810,7 +18807,7 @@ const u7 = (e) => ({
 }), nf = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: sf
-}, Symbol.toStringTag, { value: "Module" })), af = "2.10.1", of = {
+}, Symbol.toStringTag, { value: "Module" })), af = "2.10.2", of = {
   version: af
 }, lf = "spr-", uf = /* @__PURE__ */ Object.assign({ "../src/components/accordion/accordion.vue": Yi, "../src/components/avatar/avatar.vue": tl, "../src/components/badge/badge.vue": Xi, "../src/components/banner/banner.vue": il, "../src/components/button/button.vue": ji, "../src/components/calendar-cell/calendar-cell.vue": Cl, "../src/components/calendar/calendar.vue": P1, "../src/components/card/card.vue": Al, "../src/components/checkbox/checkbox.vue": V1, "../src/components/chips/chips.vue": au, "../src/components/collapsible/collapsible.vue": Ro, "../src/components/date-picker/date-picker.vue": k3, "../src/components/dropdown/dropdown.vue": Id, "../src/components/empty-state/empty-state.vue": ql, "../src/components/file-upload/file-upload.vue": Hd, "../src/components/filter/filter.vue": l4, "../src/components/floating-action/floating-action.vue": f4, "../src/components/input/input-contact-number/input-contact-number.vue": x6, "../src/components/input/input-dropdown/input-dropdown.vue": S6, "../src/components/input/input-email/input-email.vue": j6, "../src/components/input/input-password/input-password.vue": z6, "../src/components/input/input-search/input-search.vue": L6, "../src/components/input/input-url/input-url.vue": E6, "../src/components/input/input-username/input-username.vue": Y6, "../src/components/input/input.vue": W3, "../src/components/list/ladderized-list/ladderized-list-back.vue": cd, "../src/components/list/ladderized-list/ladderized-list.vue": yd, "../src/components/list/list.vue": id, "../src/components/logo/logo.vue": F5, "../src/components/lozenge/lozenge.vue": zl, "../src/components/modal/modal.vue": W5, "../src/components/progress-bar/progress-bar.vue": r9, "../src/components/radio/radio.vue": c9, "../src/components/select/select-ladderized/select-ladderized.vue": b9, "../src/components/select/select-multiple/select-multiple.vue": P9, "../src/components/select/select.vue": ep, "../src/components/sidenav/sidenav.vue": i8, "../src/components/sidepanel/sidepanel.vue": h8, "../src/components/sidepanel/stacking-sidepanel/stacking-sidepanel.vue": M8, "../src/components/slider/slider.vue": A8, "../src/components/snackbar/snack/snack.vue": _8, "../src/components/snackbar/snackbar.vue": f7, "../src/components/status/status.vue": yl, "../src/components/stepper/step/step.vue": b7, "../src/components/stepper/stepper.vue": D7, "../src/components/switch/switch.vue": z7, "../src/components/table/table-actions/table-actions.vue": P7, "../src/components/table/table-chips-title/table-chips-title.vue": B7, "../src/components/table/table-lozenge-title/table-lozenge-title.vue": H7, "../src/components/table/table-pagination/table-pagination.vue": J7, "../src/components/table/table.vue": Ag, "../src/components/tabs/tabs.vue": Lg, "../src/components/textarea/textarea.vue": Bg, "../src/components/time-picker/time-picker.vue": Xg, "../src/components/tooltip/tooltip.vue": nf }), df = (e) => {
   Object.entries(uf).forEach(([t, r]) => {

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "design-system-next",
   "private": false,
-  "version": "2.10.1",
+  "version": "2.10.2",
   "main": "./dist/design-system-next.js",
   "module": "./dist/design-system-next.js",
   "repository": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "design-system-next",
   "private": false,
-  "version": "2.10.1",
+  "version": "2.10.2",
   "main": "./dist/design-system-next.js",
   "module": "./dist/design-system-next.js",
   "repository": {

package/src/components/sidepanel/stacking-sidepanel/stacking-sidepanel.vue

@@ -2,11 +2,10 @@
   <div v-if="activePanels.length > 0" :class="stackingSidepanelClasses.sidepanelStackBackdropClasses"></div>
   <div ref="stacking-sidepanel-base" :class="[stackingSidepanelClasses.sidepanelStackBaseClasses]" :style="stackingSidepanelBaseTransform">
     <transition-group 
-      :enter-active-class="stackingSidepanelClasses.sidepanelStackTransitionActiveClasses"
-      :leave-active-class="stackingSidepanelClasses.sidepanelStackTransitionActiveClasses"
+      :enter-active-class="stackingSidepanelClasses.sidepanelStackTransitionEnterActiveClasses"
+      :leave-active-class="stackingSidepanelClasses.sidepanelStackTransitionLeaveActiveClasses"
       :enter-from-class="stackingSidepanelClasses.sidepanelStackEnterFromClasses"
       :leave-to-class="stackingSidepanelClasses.sidepanelStackLeaveToClasses"
-      :move-class="stackingSidepanelClasses.sidepanelStackTransitionActiveClasses"
       appear
     >
       <div v-for="name in activePanels" :key="name">

package/src/components/sidepanel/stacking-sidepanel/use-stacking-sidepanel.ts

@@ -53,15 +53,15 @@ export const useStackingSidepanel = (props: StackingSidePanelPropTypes, emits:Se
     const sidepanelStackBackdropClasses = 'spr-fixed spr-left-0 spr-top-0 spr-z-[1010] spr-h-full spr-w-full spr-bg-mushroom-700/60';
 
     const sidepanelStackBaseClasses = classNames(
-      'spr-fixed spr-right-4 spr-top-1/2 spr-z-[1015] spr-flex spr-flex-row-reverse spr-gap-size-spacing-xs spr-transition-all spr-ease-[ease-in-out]',
+      'spr-fixed spr-right-4 spr-top-1/2 spr-z-[1015] spr-flex spr-flex-row-reverse spr-gap-size-spacing-xs spr-transition-all spr-ease-[ease-in-out] spr-duration-[300ms]',
     );
 
-    const sidepanelStackTransitionActiveClasses = classNames(
-      'spr-transition-all spr-ease-[ease-in-out]',
-      {
-        'spr-duration-[150ms]': activePanels.value.length <= 1,
-        'spr-duration-[300ms]': activePanels.value.length > 1,
-      }
+    const sidepanelStackTransitionEnterActiveClasses = classNames(
+      'spr-transition-all spr-ease-[ease-in-out] spr-duration-[300ms]'
+    );
+
+    const sidepanelStackTransitionLeaveActiveClasses = classNames(
+      'spr-transition-all spr-ease-[ease-in-out] spr-duration-[150ms]'
     );
     
 
@@ -69,7 +69,6 @@ export const useStackingSidepanel = (props: StackingSidePanelPropTypes, emits:Se
       'spr-opacity-0',
       {
         'spr-translate-x-1/2': activePanels.value.length <= 1,
-        '-spr-translate-x-1/2': activePanels.value.length > 1,
       }
     );
 
@@ -84,7 +83,8 @@ export const useStackingSidepanel = (props: StackingSidePanelPropTypes, emits:Se
     return {
       sidepanelStackBackdropClasses,
       sidepanelStackBaseClasses,
-      sidepanelStackTransitionActiveClasses,
+      sidepanelStackTransitionEnterActiveClasses,
+      sidepanelStackTransitionLeaveActiveClasses,
       sidepanelStackEnterFromClasses,
       sidepanelStackLeaveToClasses,
     }