design-system-next 2.27.2 → 2.27.5

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

@@ -8896,7 +8896,8 @@ const T4 = {
   "update:selectedDepartment",
   "update:selectedBranch",
   "onClickEmptyButton",
-  "onClick"
+  "onClick",
+  "onHover"
 ];
 var Ts = { exports: {} }, U5 = Ts.exports, Il;
 function B5() {
@@ -9235,7 +9236,7 @@ const G5 = (e, t, r) => {
   }, C = (k) => {
     i.value = k, t("onCellClick", k);
   }, $ = (k, S, j) => {
-    a.isHover.value = k, a.hoveredCell.value = k ? S : void 0, a.employeeId.value = j;
+    a.isHover.value = k, a.hoveredCell.value = k ? S : void 0, a.employeeId.value = j, t("onHover", { isHover: k, index: S, employeeId: j });
   }, x = (k, S) => a.hoveredCell.value === k && a.isHover.value && a.employeeId.value === S && !s.value, _ = (k, S) => a.hoveredCell.value === k && a.isHover.value && a.employeeId.value === S && r.hoverCell, D = (k, S, j) => {
     a.isClick.value = k, a.clickedCellIndex.value = S, a.employeeIdClickedCell.value = j, t("onClick", { isClick: k, index: S, employeeId: j });
   }, M = () => {
@@ -9259,11 +9260,11 @@ const G5 = (e, t, r) => {
     ), W = U(
       "spr-h-full spr-table spr-w-full spr-table-fixed spr-border-collapse spr-border-spacing-0 spr-rounded-border"
     ), X = U(
-      "spr-sticky spr-left-0 spr-z-20 spr-background-color spr-body-xs-regular-medium spr-p-size-spacing-xs spr-text-left spr-overflow-hidden spr-h-full spr-border-x-0 spr-border-t-0 "
+      "spr-sticky spr-left-0 spr-z-20 spr-background-color spr-body-xs-regular-medium spr-p-size-spacing-3xs spr-py-size-spacing-xs spr-text-left spr-overflow-hidden spr-h-full spr-border-x-0 spr-border-t-0 "
     ), V = U(
-      "spr-background-color spr-border-x-0 spr-border-t-0 spr-border-l  spr-p-size-spacing-sm spr-text-center"
+      "spr-background-color spr-border-x-0 spr-border-t-0 spr-border-l  spr-px-size-spacing-3xs spr-py-size-spacing-xs spr-text-center"
     ), Q = U(
-      "spr-flex  spr-flex-row spr-w-full spr-items-center spr-gap-size-spacing-3xs lg:spr-flex-col spr-overflow-hidden"
+      "spr-flex lg:spr-flex-row md:spr-flex-col sm:spr-flex-col spr-w-full spr-items-center spr-gap-size-spacing-3xs spr-overflow-hidden"
     ), P = U(
       "spr-font-size-400 spr-line-height-500 spr-letter-spacing-dense spr-flex spr-h-size-spacing-md spr-w-size-spacing-md spr-items-center spr-justify-center spr-rounded-full spr-font-main spr-font-normal"
     );
@@ -9468,7 +9469,7 @@ const G5 = (e, t, r) => {
                     I("td", {
                       class: w([
                         o(i).borderClasses,
-                        "spr-bg-white spr-sticky spr-left-0 spr-z-10 spr-content-start spr-border-y spr-border-l-0 spr-border-r spr-border-t-0 spr-p-size-spacing-xs"
+                        "spr-bg-white spr-sticky spr-left-0 spr-z-10 spr-h-[200px] spr-content-start spr-border-y spr-border-l-0 spr-border-r spr-border-t-0 spr-p-size-spacing-xs"
                       ])
                     }, [
                       I("div", t9, [
@@ -10547,7 +10548,7 @@ const uf = (e, t) => {
     const ae = U("spr-body-sm-regular spr-text-color-strong spr-block", {
       "spr-text-color-on-fill-disabled": n.value
     }), me = U(
-      "spr-flex spr-justify-between spr-items-center spr-gap-6 spr-rounded-lg spr-bg-white-50 spr-min-w-[180px] spr-py-1.5 spr-px-3",
+      "spr-flex spr-justify-between spr-items-center spr-gap-6 spr-rounded-lg spr-bg-white-50 spr-min-w-[180px] spr-py-1.5",
       {
         // Normal State
         "spr-border spr-border-solid spr-border-mushroom-200 focus:spr-border-kangkong-700": !a.value && !n.value && !r.value && !C.value && !p.value || s.value,
@@ -10558,7 +10559,8 @@ const uf = (e, t) => {
         // Disabled State
         "spr-background-color-disabled spr-border-white-100 focus:spr-border-white-100 spr-cursor-not-allowed !spr-text-white-400": n.value,
         // Readonly State
-        "spr-cursor-default": s.value || p.value
+        "spr-cursor-default": s.value || p.value,
+        "spr-px-3": !p.value
       }
     ), ye = U(
       "spr-h-full spr-border-none spr-bg-transparent spr-outline-none",
@@ -10682,7 +10684,7 @@ const uf = (e, t) => {
         return me.isAfter(x.value.endOf("day"));
       {
         const ye = te(u.value.futureDates);
-        return me.isAfter(te(ye, "MM-DD-YYYY").endOf("day"));
+        return console.log(me.isAfter(te(ye, "MM-DD-YYYY").endOf("day")), "future date disabled"), me.isAfter(te(ye, "MM-DD-YYYY").endOf("day"));
       }
     }
     return !1;
@@ -11220,7 +11222,7 @@ const uf = (e, t) => {
         default: q(() => [
           I("div", {
             id: n.id,
-            class: "spr-grid spr-gap-size-spacing-4xs"
+            class: w(["spr-grid", { "spr-gap-size-spacing-4xs": !n.readonly2 }])
           }, [
             n.label ? (g(), y("label", {
               key: 0,
@@ -11306,7 +11308,7 @@ const uf = (e, t) => {
                 ])) : O("", !0)
               ], 2)
             ])
-          ], 8, df)
+          ], 10, df)
         ]),
         _: 3
       }, 8, ["shown", "placement", "disabled", "container", "strategy", "style"]),
@@ -20823,9 +20825,9 @@ const _m = ["white", "dark", "gray", "green"], Im = [
               ])) : O("", !0),
               r.userMenu ? (g(), y("div", Rb, [
                 B(o(lt), {
+                  id: "mobile-user-menu",
                   shown: o(p),
                   "onUpdate:shown": m[12] || (m[12] = (b) => Ie(p) ? p.value = b : null),
-                  id: "mobile-user-menu",
                   "aria-id": "mobile-user-menu-wrapper",
                   distance: r.userMenu.profileImage ? "-2" : "2",
                   skidding: "-65",
@@ -21231,7 +21233,7 @@ const _m = ["white", "dark", "gray", "green"], Im = [
       ], 16)
     ], 8, ["disabled"]));
   }
-}), rC = /* @__PURE__ */ Ft(tC, [["__scopeId", "data-v-36c29188"]]), nC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), rC = /* @__PURE__ */ Ft(tC, [["__scopeId", "data-v-506801bc"]]), nC = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: rC
 }, Symbol.toStringTag, { value: "Module" })), sC = (e, t) => {
@@ -29744,7 +29746,7 @@ const F$ = (e, t) => {
 }), Ux = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Fx
-}, Symbol.toStringTag, { value: "Module" })), Bx = "2.27.2", Rx = {
+}, Symbol.toStringTag, { value: "Module" })), Bx = "2.27.5", 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]) => {