@temp-spotwork/ui 1.6.9 → 1.7.2

package/dist/components/molecules/dataviz/dot-matrix/DotMatrix.stories.js

@@ -1,4 +1,4 @@
-import { f as o } from "../../../../index-CktvVE7I.js";
+import { f as o } from "../../../../index-Dpx0xQmQ.js";
 import { DotMatrix as t } from "./dot-matrix.js";
 const e = {
   title: "@spotwork-ui/DotMatrix",

package/dist/components/molecules/dataviz/progress-bar/progress-bar.js

@@ -3,7 +3,7 @@ import { Typography as h } from "../../../styles/typography/typography.js";
 import "../../../styles/colors/colors.js";
 import { surface as b, crusta as B, sun as v, apple as y } from "../../../styles/colors/colormap.js";
 import { getStyles as $ } from "./styles.js";
-import { t as o } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as o } from "../../../../bundle-mjs-BjFsLjkg.js";
 function P({
   progress: e,
   total: r,

package/dist/components/molecules/dataviz/single-stacked-bar/SingleStackedBar.stories.js

@@ -1,4 +1,4 @@
-import { f as o } from "../../../../index-CktvVE7I.js";
+import { f as o } from "../../../../index-Dpx0xQmQ.js";
 import { SingleStackedBar as r } from "./single-stacked-bar.js";
 const e = {
   title: "@spotwork-ui/SingleStackedBar",

package/dist/components/molecules/dialog/dialog.js

@@ -1,10 +1,10 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { R as $, P as I, O as _, C as j, T as R, D as z } from "../../../index-C0ZrzaoZ.js";
+import { R as $, P as I, O as _, C as j, T as R, D as z } from "../../../index-Ck3lRuRz.js";
 import "../../styles/tailwind-config/index.js";
 import { Typography as D } from "../../styles/typography/typography.js";
 import "../../styles/colors/colors.js";
 import "../../styles/colors/colormap.js";
-import { t as c } from "../../../bundle-mjs-CAy1p0fn.js";
+import { t as c } from "../../../bundle-mjs-BjFsLjkg.js";
 import { Icons as O } from "../../atoms/icons/icons.js";
 import "../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../atoms/icons/iconsSVGs/Small/Profile.js";
@@ -15,7 +15,7 @@ import "../../atoms/form/time-picker/time-picker.js";
 import "../../atoms/form/dropdown/dropdown.js";
 import "../filter/dropdown-selector/styles.js";
 import "../../atoms/form/dropdown-search/dropdown-search.js";
-import "../../../index-CYyrKZeH.js";
+import "../../../index-DMvnp-vR.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";
@@ -24,7 +24,7 @@ import "../../atoms/form/timeselect/timeselect.js";
 import { Button as d } from "../button/button.js";
 import "../datatables/cell/cell.js";
 import "../dataviz/donut-chart/donut-chart.js";
-import "../../../react-spring_web.modern-BLL8Qmtg.js";
+import "../../../react-spring_web.modern-BzbxCya-.js";
 import "../form/radiogroup/radiogroup.js";
 import "../../../card-Cc2Qkiqr.js";
 import { useUIElementSize as n } from "./use-ui-element-size.js";

package/dist/components/molecules/dialog/dialog.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { w as n, e as i } from "../../../index-CktvVE7I.js";
+import { w as n, e as i } from "../../../index-Dpx0xQmQ.js";
 import { useState as l } from "react";
 import { Dialog as s } from "./dialog.js";
 const a = (t) => {

package/dist/components/molecules/drawer/drawer.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as t, Fragment as k } from "react/jsx-runtime";
 import { useState as I, useRef as y, useMemo as X, useEffect as v } from "react";
-import { u as E, b as F, a as g } from "../../../react-spring_web.modern-BLL8Qmtg.js";
-import { R as M, P as q, O as z, C as A, D as G, T as H } from "../../../index-C0ZrzaoZ.js";
+import { u as E, b as F, a as g } from "../../../react-spring_web.modern-BzbxCya-.js";
+import { R as M, P as q, O as z, C as A, D as G, T as H } from "../../../index-Ck3lRuRz.js";
 import "../../styles/tailwind-config/index.js";
 import { Typography as w } from "../../styles/typography/typography.js";
 import "../../styles/colors/colors.js";
@@ -15,7 +15,7 @@ import "../../atoms/form/time-picker/time-picker.js";
 import "../../atoms/form/dropdown/dropdown.js";
 import "../filter/dropdown-selector/styles.js";
 import "../../atoms/form/dropdown-search/dropdown-search.js";
-import "../../../index-CYyrKZeH.js";
+import "../../../index-DMvnp-vR.js";
 import "../../atoms/form/textfield/textfield.js";
 import "../../atoms/form/stepper/stepper.js";
 import "../../atoms/form/textarea/textarea.js";

package/dist/components/molecules/filter/checkbox/checkbox.js

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { useId as n } from "react";
-import { C as d, a as c } from "../../../../index-DrfOymtc.js";
+import { C as d, a as c } from "../../../../index-B9jfXCBx.js";
 import { Icons as i } from "../../../atoms/icons/icons.js";
 import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
 import { Typography as m } from "../../../styles/typography/typography.js";
-import { t as f } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as f } from "../../../../bundle-mjs-BjFsLjkg.js";
 function C({
   label: t,
   onChange: s,

package/dist/components/molecules/filter/context-search/context-search.js

@@ -3,9 +3,9 @@ import { useState as x } from "react";
 import { Icons as g } from "../../../atoms/icons/icons.js";
 import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
-import { t as s } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as s } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { outlinedBorder as l } from "../../../styles/defaults/defaults.js";
-import "../../../../purify.es-eYFoHPwR.js";
+import "../../../../purify.es-CcKdJiNO.js";
 import { styleMap as v } from "../../../styles/typography/style.js";
 import "../../../styles/colors/colormap.js";
 const $ = ({

package/dist/components/molecules/filter/date-range-selector/date-range-selector.js

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import y from "react";
-import { t as M } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as M } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { Icons as C } from "../../../atoms/icons/icons.js";
 import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
@@ -11,11 +11,11 @@ import { Typography as i } from "../../../styles/typography/typography.js";
 import { getBorderClasses as ee, getInnerIconColor as te } from "../../../atoms/form/utils-for-forms/state-functions.js";
 import { formatDateToMonthYear as R, parseShortMonthYear as j, formatShortMonthYear as re, isSameMonth as T } from "../../../atoms/form/dateselect/helpers.js";
 import { useStickyZIndex as ne } from "../../../../hooks/use-sticky-z-index.js";
+import { s as se } from "../../../../startOfToday-BPMZZniU.js";
+import { p as oe, s as ae, a as ce, e as ie, b as le, c as $, i as f } from "../../../../isToday-DmBTkQMq.js";
+import { a as L } from "../../../../addYears-D3POA9ql.js";
 import { t as m } from "../../../../toDate-DF9e2eS8.js";
-import { f as O, a as D, s as l, g as se } from "../../../../format-BwmhcciO.js";
-import { s as oe } from "../../../../startOfToday-BPMZZniU.js";
-import { a as $ } from "../../../../addYears-D3POA9ql.js";
-import { p as ae, s as ce, a as ie, e as le, b as de, c as L, i as f } from "../../../../isToday-DmBTkQMq.js";
+import { f as O, a as D, s as l, g as de } from "../../../../format-BwmhcciO.js";
 import { i as a } from "../../../../isWithinInterval-BTUruC3j.js";
 import { i as fe } from "../../../../isBefore-D0yKF9R5.js";
 function me(t) {
@@ -42,12 +42,12 @@ function ge(t) {
 function _e({
   value: t,
   onChange: s,
-  min: d = $(/* @__PURE__ */ new Date(), -5),
-  max: h = $(/* @__PURE__ */ new Date(), 5),
+  min: d = L(/* @__PURE__ */ new Date(), -5),
+  max: h = L(/* @__PURE__ */ new Date(), 5),
   disabled: c = !1,
   endText: F = "End Date"
 }) {
-  const w = y.useRef(null), _ = ne(w), E = oe(), [x, b] = y.useState(!1), [o, S] = y.useState(
+  const w = y.useRef(null), _ = ne(w), E = se(), [x, b] = y.useState(!1), [o, S] = y.useState(
     null
   ), H = ee(
     x,
@@ -72,7 +72,7 @@ function _e({
       document.removeEventListener("click", r);
     };
   }, []);
-  const [u, v] = y.useState(() => t ? R(new Date(t[0])) : R(E)), I = ae(u, "MMM-yyyy", /* @__PURE__ */ new Date()), k = (r) => O(r, "MM/dd/yyyy"), G = () => {
+  const [u, v] = y.useState(() => t ? R(new Date(t[0])) : R(E)), I = oe(u, "MMM-yyyy", /* @__PURE__ */ new Date()), k = (r) => O(r, "MM/dd/yyyy"), G = () => {
     const r = D(I, { months: -1 });
     v(O(r, "MMM-yyyy"));
   }, Z = () => {
@@ -121,13 +121,13 @@ function _e({
     r + e
   )) });
   function K(r) {
-    const e = ce(j(r)), p = Y(j(r));
-    return ie({
+    const e = ae(j(r)), p = Y(j(r));
+    return ce({
       start: e,
       end: p
-    }).map((B) => le({
+    }).map((B) => ie({
       start: B,
-      end: de(B)
+      end: le(B)
     }));
   }
   const Q = K(u), W = (r) => `linear-gradient(to ${r}, ${N.active} 0%, ${N.default} 60%,  ${N.default} 100%)`, U = (r) => {
@@ -165,12 +165,12 @@ function _e({
               className: M(
                 "min-w-[2rem] h-[2rem] text-center select-none  ",
                 // base styles
-                L(e) && "border border-bcolor-subdued rounded",
+                $(e) && "border border-bcolor-subdued rounded",
                 // grey border for current day
                 !o && a(e, {
                   start: l(t[0]),
                   end: l(t[1])
-                }) && L(e) && "border-bcolor-active",
+                }) && $(e) && "border-bcolor-active",
                 // active border for selected current day
                 o && f(e, o) && "bg-surface-active rounded border-bcolor-active",
                 !o && a(e, {
@@ -218,7 +218,7 @@ function _e({
         e.getDate()
       ))
     },
-    `week-${se(r[0])}`
+    `week-${de(r[0])}`
   )) });
   return /* @__PURE__ */ g(
     "div",

package/dist/components/molecules/filter/date-selector/DateSelector.stories.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { w as o, u as r, e as s } from "../../../../index-CktvVE7I.js";
+import { w as o, u as r, e as s } from "../../../../index-Dpx0xQmQ.js";
 import { useState as i } from "react";
 import { DateSelector as d } from "./date-selector.js";
 const n = (e) => {

package/dist/components/molecules/filter/date-selector/date-selector.js

@@ -10,10 +10,10 @@ import { outlinedBorder as dt } from "../../../styles/defaults/defaults.js";
 import { Typography as p } from "../../../styles/typography/typography.js";
 import { c as x } from "../../../../index-fN7hCOo3.js";
 import { formatDateToMonthYear as N, endOfMonth as v, parseShortMonthYear as u, formatShortMonthYear as mt, isSameMonth as P, isSameWeek as D } from "../../../atoms/form/dateselect/helpers.js";
-import { p as ft, e as Y, s as ht, a as ut, b as yt, i as O, c as k } from "../../../../isToday-DmBTkQMq.js";
-import { f as s, g as Mt, a as w } from "../../../../format-BwmhcciO.js";
-import { s as gt } from "../../../../startOfToday-BPMZZniU.js";
-import { s as pt, a as f } from "../../../../startOfWeek-DBvLd9He.js";
+import { s as ft } from "../../../../startOfToday-BPMZZniU.js";
+import { p as ht, e as Y, s as ut, a as yt, b as Mt, i as O, c as k } from "../../../../isToday-DmBTkQMq.js";
+import { s as gt, a as f } from "../../../../startOfWeek-DBvLd9He.js";
+import { f as s, g as pt, a as w } from "../../../../format-BwmhcciO.js";
 function Pt({
   mode: y = "day",
   weekStartsAt: a = 0,
@@ -22,7 +22,7 @@ function Pt({
   autoFocus: E = !1,
   calendarPlacement: F = "bottom"
 }) {
-  const $ = m.useRef(null), H = m.useRef(null), S = gt(), [_, W] = m.useState(!1), z = () => {
+  const $ = m.useRef(null), H = m.useRef(null), S = ft(), [_, W] = m.useState(!1), z = () => {
     W((t) => !t);
   };
   m.useEffect(() => {
@@ -81,7 +81,7 @@ function Pt({
       className: "min-w-[2rem] text-center"
     },
     t + e
-  )) }), h = ft(c, "MMM-yyyy", /* @__PURE__ */ new Date()), j = Y({
+  )) }), h = ht(c, "MMM-yyyy", /* @__PURE__ */ new Date()), j = Y({
     start: h,
     end: v(h)
   }), X = (h.getDay() - a + 7) % 7;
@@ -120,16 +120,16 @@ function Pt({
     d(s(t, "MMM-yyyy")), l([t, e]);
   };
   function nt(t) {
-    const e = ht(u(t)), i = v(u(t));
-    return ut(
+    const e = ut(u(t)), i = v(u(t));
+    return yt(
       {
         start: e,
         end: i
       },
       { weekStartsOn: a }
     ).map((b) => Y({
-      start: pt(b, { weekStartsOn: a }),
-      end: yt(b, { weekStartsOn: a })
+      start: gt(b, { weekStartsOn: a }),
+      end: Mt(b, { weekStartsOn: a })
     }));
   }
   const at = nt(c), R = (t) => {
@@ -180,7 +180,7 @@ function Pt({
         e.getDate()
       ) : /* @__PURE__ */ n("div", { className: "w-[2rem] h-[2rem]" }, e.getDate()))
     },
-    `week-${Mt(t[0])}`
+    `week-${pt(t[0])}`
   )) }), st = {
     top: "bottom-[3rem] right-0",
     bottom: "top-[3rem] right-0",

package/dist/components/molecules/filter/dropdown-selector/dropdown-selector.js

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as n } from "react/jsx-runtime";
 import { useRef as V, useState as P } from "react";
-import { R as $, T as F, I as K, P as z, C as L, V as M, a as U } from "../../../../index-CnWyMXBX.js";
+import { R as $, T as F, I as K, P as z, C as L, V as M, a as U } from "../../../../index-DVNTJNwY.js";
 import { c as W } from "../../../../index-fN7hCOo3.js";
 import { outlinedBorder as S, border as Z } from "../../../styles/defaults/defaults.js";
 import { Typography as g } from "../../../styles/typography/typography.js";
@@ -10,7 +10,7 @@ import { Icons as A } from "../../../atoms/icons/icons.js";
 import "../../../atoms/icons/iconsSVGs/Large/Profile.js";
 import "../../../atoms/icons/iconsSVGs/Small/Profile.js";
 import { CheckboxFilter as H } from "../checkbox/checkbox.js";
-import { t as y } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as y } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { getBorderClasses as J } from "../../../atoms/form/utils-for-forms/state-functions.js";
 import { useStickyZIndex as Q } from "../../../../hooks/use-sticky-z-index.js";
 const me = ({

package/dist/components/molecules/filter/range-selector/RangeSelector.stories.js

@@ -1,4 +1,4 @@
-import { f as o } from "../../../../index-CktvVE7I.js";
+import { f as o } from "../../../../index-Dpx0xQmQ.js";
 import { RangeSelector as r } from "./range-selector.js";
 const a = {
   title: "@spotwork-ui/RangeSelector",

package/dist/components/molecules/filter/range-selector/range-selector.js

@@ -2,8 +2,8 @@ import { jsx as s, jsxs as _ } from "react/jsx-runtime";
 import * as w from "react";
 import fe, { useState as F } from "react";
 import { c as Q } from "../../../../index-rKs9bXHr.js";
-import { u as pe, c as he, d as T, a as k, b as B, e as Se } from "../../../../index-DotfMcM0.js";
-import { c as ve, u as ge } from "../../../../index-OIdMhwsO.js";
+import { u as pe, c as T, a as k, b as B, d as he, e as Se } from "../../../../index-DLKZ-XYv.js";
+import { c as ve, u as ge } from "../../../../index-ByBd5wKB.js";
 import { u as be } from "../../../../index-BZPx6jYI.js";
 import { Typography as K } from "../../../styles/typography/typography.js";
 import { Badge as we } from "../../../atoms/badge/badge.js";
@@ -17,7 +17,7 @@ var Z = ["PageUp", "PageDown"], ee = ["ArrowUp", "ArrowDown", "ArrowLeft", "Arro
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, A = "Slider", [Y, Re, De] = ve(A), [ne, et] = he(A, [
+}, A = "Slider", [Y, Re, De] = ve(A), [ne] = Se(A, [
   De
 ]), [Pe, O] = ne(A), re = w.forwardRef(
   (e, t) => {
@@ -309,7 +309,7 @@ var X = "SliderThumb", de = w.forwardRef(
   }
 ), _e = w.forwardRef(
   (e, t) => {
-    const { __scopeSlider: o, index: n, name: l, ...c } = e, r = O(X, o), i = ae(X, o), [f, S] = w.useState(null), v = B(t, (C) => S(C)), a = f ? r.form || !!f.closest("form") : !0, u = Se(f), g = r.values[n], D = g === void 0 ? 0 : me(g, r.min, r.max), R = Ie(n, r.values.length), y = u == null ? void 0 : u[i.size], x = y ? Te(y, D, i.direction) : 0;
+    const { __scopeSlider: o, index: n, name: l, ...c } = e, r = O(X, o), i = ae(X, o), [f, S] = w.useState(null), v = B(t, (C) => S(C)), a = f ? r.form || !!f.closest("form") : !0, u = he(f), g = r.values[n], D = g === void 0 ? 0 : me(g, r.min, r.max), R = Ie(n, r.values.length), y = u == null ? void 0 : u[i.size], x = y ? Te(y, D, i.direction) : 0;
     return w.useEffect(() => {
       if (f)
         return r.thumbs.add(f), () => {
@@ -427,7 +427,7 @@ function Ke(e, t) {
   return Math.round(e * o) / o;
 }
 var ke = re, Fe = le, Oe = ce, J = de;
-function tt({
+function et({
   range: e,
   step: t,
   defaultValue: o,
@@ -626,5 +626,5 @@ function tt({
   ] });
 }
 export {
-  tt as RangeSelector
+  et as RangeSelector
 };

package/dist/components/molecules/filter/range-selector/styles.js

@@ -1,6 +1,6 @@
 import { outlinedBorder as r, border as e } from "../../../styles/defaults/defaults.js";
 import "react";
-import "../../../../purify.es-eYFoHPwR.js";
+import "../../../../purify.es-CcKdJiNO.js";
 import { styleMap as n } from "../../../styles/typography/style.js";
 import "../../../styles/colors/colormap.js";
 const d = (t, l) => ({

package/dist/components/molecules/filter/segmented-control/segmented-control.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Typography as i } from "../../../styles/typography/typography.js";
 import { getStyles as p, getContainerStyles as f } from "./styles.js";
-import { t as n } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as n } from "../../../../bundle-mjs-BjFsLjkg.js";
 function C({
   segments: a,
   handleClick: l,

package/dist/components/molecules/form/radiogroup/radiogroup.js

@@ -2,7 +2,7 @@ import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import b, { useCallback as y } from "react";
 import { Typography as n } from "../../../styles/typography/typography.js";
 import { FormHelperText as v } from "../../../atoms/form/form-helper-text/form-helper-text.js";
-import { t as l } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t as l } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { border as C } from "../../../styles/defaults/defaults.js";
 const _ = b.memo(function({
   value: p,

package/dist/components/molecules/form/radiogroup/radiogroup.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { f as t } from "../../../../index-CktvVE7I.js";
+import { f as t } from "../../../../index-Dpx0xQmQ.js";
 import { Radiogroup as s } from "./radiogroup.js";
 import { useState as d } from "react";
 import { Icons as r } from "../../../atoms/icons/icons.js";

package/dist/components/molecules/link/Link.stories.js

@@ -1,4 +1,4 @@
-import { f as o } from "../../../index-CktvVE7I.js";
+import { f as o } from "../../../index-Dpx0xQmQ.js";
 import { Link as r } from "./link.js";
 const e = {
   title: "@spotwork-ui/Link",

package/dist/components/molecules/navigation/context-menu/context-menu.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { t } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { t } from "../../../../bundle-mjs-BjFsLjkg.js";
 import { NavigationItem as a } from "../../../atoms/navigation/navigation-item/navigation-item.js";
-import { I as n } from "../../../../index-BKdkX0lZ.js";
+import { I as n } from "../../../../index-QKj2bKph.js";
 function u({ options: m, classNames: o }) {
   return /* @__PURE__ */ r(
     "div",

package/dist/components/molecules/navigation/header/Header.stories.js

@@ -1,4 +1,4 @@
-import { f as o } from "../../../../index-CktvVE7I.js";
+import { f as o } from "../../../../index-Dpx0xQmQ.js";
 import { Header as r } from "./header.js";
 const e = {
   title: "@spotwork-ui/Header",

package/dist/components/molecules/navigation/menubar/menubar.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { R as c, T as f, P as m, C as d } from "../../../../index-BKdkX0lZ.js";
-import { t as u } from "../../../../bundle-mjs-CAy1p0fn.js";
+import { R as c, T as f, P as m, C as d } from "../../../../index-QKj2bKph.js";
+import { t as u } from "../../../../bundle-mjs-BjFsLjkg.js";
 function h({
   trigger: a,
   children: e,

package/dist/components/molecules/navigation/sidebar/Sidebar.stories.d.ts

@@ -12,3 +12,5 @@ export declare const TransparentOverlay: Story;
 export declare const CustomWidth: Story;
 export declare const SlowTransition: Story;
 export declare const FastTransition: Story;
+export declare const KeyboardNavigation: Story;
+export declare const NewTabNavigation: Story;