design-system-next 2.27.1 → 2.27.2

package/dist/design-system-next.es.js

@@ -8380,7 +8380,7 @@ const T4 = {
   return {
     getCalendarCellClassess: L(() => {
       const W = U(
-        "spr-flex spr-items-center spr-p-size-spacing-3xs spr-gap-size-spacing-3xs spr-relative spr-rounded-lg spr-border-2 spr-transition-all sm:spr-flex-col spr-overflow-hidden",
+        "spr-flex spr-items-center spr-p-size-spacing-3xs spr-gap-size-spacing-3xs spr-relative spr-rounded-lg spr-border-2 spr-transition-all spr-flex-col sm:spr-flex-row spr-overflow-hidden",
         {
           "spr-w-full": d.value,
           "spr-max-w-[217px]": !d.value,
@@ -14238,17 +14238,17 @@ const L7 = {
           tertiary: "spr-text-color-caution-base"
         }
       }, i = {
-        "2xl": "spr-h-20 spr-min-w-20 spr-font-size-700",
-        xl: "spr-h-14 spr-min-w-14 spr-font-size-600",
-        lg: "spr-h-10 spr-min-w-10 spr-font-size-500",
-        md: "spr-h-9 spr-min-w-9 spr-font-size-400",
-        sm: "spr-h-6 spr-min-w-6 spr-font-size-300 spr-rounded-border-radius-sm",
-        xs: "spr-h-5 spr-min-w-5 spr-font-size-250 spr-rounded-border-radius-xs",
-        "2xs": "spr-h-4 spr-min-w-4  spr-font-size-250 spr-rounded-border-radius-xs"
+        "2xl": n.value === "tertiary" ? "spr-font-size-700" : "spr-h-20 spr-min-w-20 spr-font-size-700",
+        xl: n.value === "tertiary" ? "spr-font-size-600" : "spr-h-14 spr-min-w-14 spr-font-size-600",
+        lg: n.value === "tertiary" ? "spr-font-size-500" : "spr-h-10 spr-min-w-10 spr-font-size-500",
+        md: n.value === "tertiary" ? "spr-font-size-400" : "spr-h-9 spr-min-w-9 spr-font-size-400",
+        sm: n.value === "tertiary" ? "spr-font-size-300" : "spr-h-6 spr-min-w-6 spr-font-size-300 spr-rounded-border-radius-sm",
+        xs: n.value === "tertiary" ? "spr-font-size-250" : "spr-h-5 spr-min-w-5 spr-font-size-250 spr-rounded-border-radius-xs",
+        "2xs": n.value === "tertiary" ? "spr-font-size-250" : "spr-h-4 spr-min-w-4  spr-font-size-250 spr-rounded-border-radius-xs"
       }, d = U("spr-border spr-border-solid", ((p = l[r.value]) == null ? void 0 : p[n.value]) || ""), u = i[t.value] || i.md, c = U({
         "spr-border-0": n.value === "primary",
         "spr-border": n.value === "secondary",
-        "spr-border-0 spr-bg-transparent spr-h-0 spr-min-w-0": n.value === "tertiary" || !n.value
+        "spr-border-0 spr-bg-transparent ": n.value === "tertiary" || !n.value
       });
       return U(c, a, u, d);
     })
@@ -17973,21 +17973,21 @@ const _m = ["white", "dark", "gray", "green"], Im = [
       "spr-fixed spr-z-[1100] spr-left-1/2 spr-top-1/2 spr-transform -spr-translate-x-1/2 -spr-translate-y-1/2",
       "spr-background-color spr-rounded-xl",
       "spr-border spr-border-solid spr-border-color-weak",
-      "sm:spr-w-[calc(100%-2rem)] sm:spr-max-w-[calc(100%-2rem)]",
+      "spr-w-[calc(100%-2rem)] spr-max-w-[calc(100%-2rem)]",
       {
-        "spr-w-[360px] spr-max-w-[480px]": r.value === "sm",
-        "spr-w-[480px] spr-max-w-[720px]": r.value === "md",
-        "spr-w-[720px] spr-max-w-[960px]": r.value === "lg",
-        "spr-w-[900px] spr-max-w-[1200px]": r.value === "xl",
-        "spr-w-[1200px] spr-max-w-[1400px]": r.value === "xxl"
+        "sm:spr-w-[360px] sm:spr-max-w-[480px]": r.value === "sm",
+        "sm:spr-w-[480px] sm:spr-max-w-[720px]": r.value === "md",
+        "md:spr-w-[720px] md:spr-max-w-[960px]": r.value === "lg",
+        "lg:spr-w-[900px] lg:spr-max-w-[1200px]": r.value === "xl",
+        "xl:spr-w-[1200px] xl:spr-max-w-[1400px]": r.value === "xxl"
       },
       { "bounce-animation": l.value }
     ), p = U(
-      "spr-flex spr-items-start spr-justify-between spr-gap-2 spr-px-4 spr-py-3",
+      "spr-flex spr-items-start spr-justify-between spr-gap-2",
       "spr-text-color-strong spr-subheading-xs",
       "spr-border-color-weak spr-border-x-0 spr-border-b spr-border-t-0 spr-border-solid",
       "spr-rounded-tl-xl spr-rounded-tr-xl",
-      "sm:spr-p-2"
+      "spr-p-2 sm:spr-px-4 sm:spr-py-3"
     ), f = U(
       "spr-text-color-weak spr-subheading-xs spr-mt-0.5 spr-cursor-pointer",
       "spr-transition spr-duration-150 spr-ease-in-out",
@@ -17996,7 +17996,7 @@ const _m = ["white", "dark", "gray", "green"], Im = [
     ), h = U(
       "spr-body-sm-regular spr-max-h-[calc(100vh-200px)] spr-overflow-y-auto spr-overflow-x-hidden",
       {
-        "spr-p-4 sm:spr-p-2": n.value
+        "spr-p-2 sm:spr-p-4": n.value
       }
     ), v = U(
       "spr-border-color-weak spr-border-x-0 spr-border-b-0 spr-border-t spr-border-solid",
@@ -29744,7 +29744,7 @@ const F$ = (e, t) => {
 }), Ux = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Fx
-}, Symbol.toStringTag, { value: "Module" })), Bx = "2.27.1", Rx = {
+}, Symbol.toStringTag, { value: "Module" })), Bx = "2.27.2", Rx = {
   version: Bx
 }, Vx = "spr-", Hx = /* @__PURE__ */ Object.assign({ "../src/components/accordion/accordion.vue": mp, "../src/components/attribute-filter/attribute-filter.vue": a6, "../src/components/audit-trail/audit-trail.vue": D6, "../src/components/avatar/avatar.vue": U3, "../src/components/badge/badge.vue": T3, "../src/components/banner/banner.vue": A6, "../src/components/button/button-dropdown/button-dropdown.vue": e5, "../src/components/button/button.vue": up, "../src/components/calendar-cell/calendar-cell.vue": d5, "../src/components/calendar/calendar.vue": _9, "../src/components/card/card.vue": b5, "../src/components/checkbox/checkbox.vue": d4, "../src/components/chips/chips.vue": Z3, "../src/components/collapsible/collapsible.vue": C1, "../src/components/date-picker/date-calendar-picker/date-calendar-picker.vue": rf, "../src/components/date-picker/date-picker.vue": Ef, "../src/components/date-picker/date-range-picker/date-range-picker.vue": v8, "../src/components/date-picker/month-year-picker/month-year-picker.vue": Y8, "../src/components/date-picker/tabs/DatePickerCalendarTab.vue": z9, "../src/components/date-picker/tabs/DatePickerMonthTab.vue": U9, "../src/components/date-picker/tabs/DatePickerYearTab.vue": H9, "../src/components/dropdown/dropdown.vue": J6, "../src/components/empty-state/empty-state.vue": P5, "../src/components/file-upload/file-upload.vue": m7, "../src/components/filter/filter.vue": E7, "../src/components/floating-action/floating-action.vue": Y7, "../src/components/icon/icon.vue": Q7, "../src/components/input/input-contact-number/input-contact-number.vue": fv, "../src/components/input/input-currency/input-currency.vue": yv, "../src/components/input/input-dropdown/input-dropdown.vue": Cv, "../src/components/input/input-email/input-email.vue": Dv, "../src/components/input/input-password/input-password.vue": xv, "../src/components/input/input-search/input-search.vue": n4, "../src/components/input/input-url/input-url.vue": Iv, "../src/components/input/input-username/input-username.vue": wv, "../src/components/input/input.vue": r4, "../src/components/list/ladderized-list/ladderized-list-back.vue": R6, "../src/components/list/ladderized-list/ladderized-list.vue": Q6, "../src/components/list/list-item/list-item.vue": L4, "../src/components/list/list.vue": X4, "../src/components/logo/logo.vue": Tm, "../src/components/lozenge/lozenge.vue": I4, "../src/components/modal/modal.vue": Ym, "../src/components/popper/popper.vue": Rm, "../src/components/progress-bar/progress-bar.vue": e7, "../src/components/radio/radio-grouped/radio-grouped.vue": Zm, "../src/components/radio/radio.vue": y4, "../src/components/select/select-ladderized/select-ladderized.vue": ay, "../src/components/select/select-multiple/select-multiple.vue": Cy, "../src/components/select/select.vue": Ey, "../src/components/sidenav/mobile/sidenav-menu-links-mobile.vue": Wy, "../src/components/sidenav/mobile/sidenav-nav-link-item.vue": Fy, "../src/components/sidenav/sidenav-loader.vue": Ky, "../src/components/sidenav/sidenav-menu-links.vue": yb, "../src/components/sidenav/sidenav.vue": nC, "../src/components/sidepanel/sidepanel.vue": vC, "../src/components/sidepanel/stacking-sidepanel/stacking-sidepanel.vue": MC, "../src/components/slider/slider.vue": IC, "../src/components/snackbar/snack/snack.vue": OC, "../src/components/snackbar/snackbar.vue": pN, "../src/components/status/status.vue": u5, "../src/components/stepper/step/step.vue": bN, "../src/components/stepper/stepper.vue": DN, "../src/components/switch/switch.vue": kN, "../src/components/table/table-actions/table-actions.vue": LN, "../src/components/table/table-chips-title/table-chips-title.vue": FN, "../src/components/table/table-header-dropdown/table-header-dropdown.vue": KN, "../src/components/table/table-lozenge-title/table-lozenge-title.vue": e$, "../src/components/table/table-pagination/table-pagination.vue": d$, "../src/components/table/table.vue": gx, "../src/components/tabs/tabs.vue": Nx, "../src/components/textarea/textarea.vue": Tx, "../src/components/time-picker/time-picker.vue": Ux, "../src/components/tooltip/tooltip.vue": p6 }), Qx = ["sidenav-menu-links.vue"], Gx = (e) => {
   Object.entries(Hx).filter(([t]) => {