@caspeco/casper-ui-library 7.6.0 → 7.7.1

package/README.md

@@ -61,6 +61,7 @@ export default defineConfig({
    git checkout -b UTF-837-add-checkbox-component
    ```
 3. Make your changes.
-4. Bump the `version` field in `package.json` (following [Semantic versioning](https://semver.org/)) and run `npm install`.
+4. Bump the `version` field in `package.json` (following [Semantic versioning](https://semver.org/)) and run `npm install`. The version reflects API changes only (e.g. removing a prop → MAJOR, adding a prop → MINOR, no public API changes → PATCH). UI changes are **NOT** API changes.
 5. Open a [pull request](https://github.com/Caspeco/casper-ui-library/pulls) using the template and assign a reviewer.
-6. When you have gotten your PR approved, merge the PR. If you have a new version in package.json it will automatically publish your changes to npm. A new version of the documentation website will always be built.
+6. If the PR makes significant changes to the UI (e.g. changes the sizes for all buttons), clearly announce this in the [Mattermost channel](https://snack.azure.caspeco.com/default/channels/casper-ui-20---devs).
+7. After approval, merge the PR. If you have a new version in package.json it will automatically publish your changes to npm. The documentation website is always rebuilt.

package/dist/components/button/helper.d.ts

@@ -1,9 +1,12 @@
+import { ButtonSize } from './types.js';
 import { ThemeIconSizeVariable } from '../../theme/index.js';
 import { ResponsiveValue } from '@chakra-ui/react';
 export declare const iconSizeMap: {
+    xl: ThemeIconSizeVariable;
     lg: ThemeIconSizeVariable;
     md: ThemeIconSizeVariable;
     sm: ThemeIconSizeVariable;
+    xs: ThemeIconSizeVariable;
 };
 /**
  * Maps a ResponsiveValue of button sizes to corresponding icon sizes.
@@ -11,5 +14,5 @@ export declare const iconSizeMap: {
  * @param size - The ResponsiveValue of the button size.
  * @returns A ResponsiveValue of icon sizes.
  */
-export declare function getIconSizeFromButtonSize(size: ResponsiveValue<"lg" | "sm" | "md">): ThemeIconSizeVariable | (ThemeIconSizeVariable | null)[] | Record<string, ThemeIconSizeVariable | undefined> | undefined;
+export declare function getIconSizeFromButtonSize(size: ResponsiveValue<ButtonSize>): ThemeIconSizeVariable | (ThemeIconSizeVariable | null)[] | Record<string, ThemeIconSizeVariable | undefined> | undefined;
 //# sourceMappingURL=helper.d.ts.map

package/dist/components/button/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/button/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,4HA2BlF"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/button/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC,4HA2B1E"}

package/dist/components/button/helper.js

@@ -1,23 +1,25 @@
-import { ThemeIconSizeVariable as e } from "../../theme/theme-types.js";
+import { ThemeIconSizeVariable as t } from "../../theme/theme-types.js";
 const o = {
-  lg: e.Medium,
-  md: e.Medium,
-  sm: e.Small
+  xl: t.Medium,
+  lg: t.Medium,
+  md: t.Medium,
+  sm: t.Small,
+  xs: t.Small
 };
-function a(r) {
-  if (typeof r == "string")
-    return o[r];
-  if (Array.isArray(r))
-    return r.map((t) => t && o[t]);
-  if (typeof r == "object") {
-    const t = {};
-    return Object.keys(r).forEach((n) => {
-      const i = r[n];
-      i && (t[n] = o[i]);
-    }), t;
+function c(e) {
+  if (typeof e == "string")
+    return o[e];
+  if (Array.isArray(e))
+    return e.map((r) => r && o[r]);
+  if (typeof e == "object") {
+    const r = {};
+    return Object.keys(e).forEach((n) => {
+      const i = e[n];
+      i && (r[n] = o[i]);
+    }), r;
   }
 }
 export {
-  a as getIconSizeFromButtonSize,
+  c as getIconSizeFromButtonSize,
   o as iconSizeMap
 };

package/dist/components/button/types.d.ts

@@ -1,6 +1,7 @@
 import { Icons } from '../icon/index.js';
 import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
 import { ButtonProps as ChakraButtonProps, LinkProps as ChakraLinkProps, ResponsiveValue } from '@chakra-ui/react';
+export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type ButtonProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps & Pick<ChakraLinkProps, "href" | "target" | "rel"> & Pick<ChakraButtonProps, "children" | "isDisabled" | "onClick" | "type" | "isLoading" | "loadingText"> & {
     /**
      * Appearance variant for Button.
@@ -8,8 +9,10 @@ export type ButtonProps = CustomChakraBoxProps & LayoutProps & MarginProps & Pad
      * @note The 'card' variant is deprecated, use the component ToggleButton instead.
      */
     variant?: ResponsiveValue<"primary" | "secondary" | "link" | "ghost" | "tertiary" | "segmentedControl" | "card" | "alert"> | undefined;
-    /** The size of the button, default: md */
-    size?: ResponsiveValue<"lg" | "sm" | "md"> | undefined;
+    /**
+     * The size of the button, default: md
+     */
+    size?: ResponsiveValue<ButtonSize> | undefined;
     /**
      * When set to true or false, will indicate to screen readers that this is a toggle button, with a selected state that can be true or false.
      * Only compatible with the "card"-variant. Defaults to undefined (not a toggle button).

package/dist/components/button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EACN,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,SAAS,IAAI,eAAe,EACjC,KAAK,eAAe,EACpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG,oBAAoB,GAC7C,WAAW,GACX,WAAW,GACX,YAAY,GACZ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,GAChD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG;IACvG;;;;OAIG;IACH,OAAO,CAAC,EACL,eAAe,CACf,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAC9F,GACD,SAAS,CAAC;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAEvD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEjC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC;IAEjB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,EACN,KAAK,WAAW,IAAI,iBAAiB,EACrC,KAAK,SAAS,IAAI,eAAe,EACjC,KAAK,eAAe,EACpB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,MAAM,MAAM,WAAW,GAAG,oBAAoB,GAC7C,WAAW,GACX,WAAW,GACX,YAAY,GACZ,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC,GAChD,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG;IACvG;;;;OAIG;IACH,OAAO,CAAC,EACL,eAAe,CACf,SAAS,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,kBAAkB,GAAG,MAAM,GAAG,OAAO,CAC9F,GACD,SAAS,CAAC;IAEb;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAE/C;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEjC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC;IAEjB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC"}

package/dist/components/date-picker/base-date-picker.js

@@ -5,16 +5,16 @@ import { DatePickerDateCell as X } from "./date-picker-date-cell.js";
 import { DatePickerHeader as Lt } from "./date-picker-header.js";
 import { DatePickerWeekCell as Pt } from "./date-picker-week-cell.js";
 import { hasDotOnDate as p, isDateStrikeThrough as Ut, getWeekCellVariant as _t, getDateCellVariant as Z, firstLetterUpperCase as zt, hasDatePassed as At } from "./helper.js";
-import { nlBE as Ht } from "../../node_modules/date-fns/locale/nl-BE.js";
-import { fr as N } from "../../node_modules/date-fns/locale/fr.js";
-import { lv as jt } from "../../node_modules/date-fns/locale/lv.js";
-import { lt as Kt } from "../../node_modules/date-fns/locale/lt.js";
-import { et as Yt } from "../../node_modules/date-fns/locale/et.js";
-import { es as qt } from "../../node_modules/date-fns/locale/es.js";
-import { fi as Jt } from "../../node_modules/date-fns/locale/fi.js";
-import { nl as Qt } from "../../node_modules/date-fns/locale/nl.js";
-import { endOfMonth as R } from "../../node_modules/date-fns/endOfMonth.js";
-import { startOfWeek as Xt } from "../../node_modules/date-fns/startOfWeek.js";
+import { lv as Ht } from "../../node_modules/date-fns/locale/lv.js";
+import { lt as jt } from "../../node_modules/date-fns/locale/lt.js";
+import { et as Kt } from "../../node_modules/date-fns/locale/et.js";
+import { es as Yt } from "../../node_modules/date-fns/locale/es.js";
+import { fi as qt } from "../../node_modules/date-fns/locale/fi.js";
+import { nl as Jt } from "../../node_modules/date-fns/locale/nl.js";
+import { endOfMonth as N } from "../../node_modules/date-fns/endOfMonth.js";
+import { startOfWeek as Qt } from "../../node_modules/date-fns/startOfWeek.js";
+import { nlBE as Xt } from "../../node_modules/date-fns/locale/nl-BE.js";
+import { fr as R } from "../../node_modules/date-fns/locale/fr.js";
 import { sv as Zt } from "../../node_modules/date-fns/locale/sv.js";
 import { da as Nt } from "../../node_modules/date-fns/locale/da.js";
 import { nb as Rt } from "../../node_modules/date-fns/locale/nb.js";
@@ -33,15 +33,15 @@ const ar = {
   "nb-NO": { locale: Rt },
   "da-DK": { locale: Nt },
   "sv-SE": { locale: Zt },
-  "nl-NL": { locale: Qt },
-  "fi-FI": { locale: Jt },
-  "es-ES": { locale: qt },
-  "et-EE": { locale: Yt },
-  "lt-LT": { locale: Kt },
-  "lv-LV": { locale: jt },
-  "fr-FR": { locale: N },
-  "fr-BE": { locale: N },
-  "nl-BE": { locale: Ht }
+  "nl-NL": { locale: Jt },
+  "fi-FI": { locale: qt },
+  "es-ES": { locale: Yt },
+  "et-EE": { locale: Kt },
+  "lt-LT": { locale: jt },
+  "lv-LV": { locale: Ht },
+  "fr-FR": { locale: R },
+  "fr-BE": { locale: R },
+  "nl-BE": { locale: Xt }
 };
 function Gr({
   selectedDate: l,
@@ -94,12 +94,12 @@ function Gr({
     [S, $, E, e?.startDate, s]
   );
   function yt() {
-    const o = Xt(/* @__PURE__ */ new Date(), { locale: D });
+    const o = Qt(/* @__PURE__ */ new Date(), { locale: D });
     return Array.from({ length: 7 }, (r, t) => tt(rt(o, t), "eee", { locale: D }));
   }
   const St = tt(F(n), "MMMM yyyy", {
     locale: D
-  }), Ct = R(n).getDate(), Mt = [a ? "v." : void 0, ...yt()], Ot = D.options?.weekStartsOn || 0, T = (F(n).getDay() - Ot + 7) % 7, kt = (7 - R(n).getDay()) % 7, gt = ["auto", "auto", "100%"], Bt = ["auto", "auto", "100%"], It = (o) => !mt && At(o) ? !0 : W ? W(o) : !1, vt = Array.from({ length: Ct + T + kt }, (o, r) => {
+  }), Ct = N(n).getDate(), Mt = [a ? "v." : void 0, ...yt()], Ot = D.options?.weekStartsOn || 0, T = (F(n).getDay() - Ot + 7) % 7, kt = (7 - N(n).getDay()) % 7, gt = ["auto", "auto", "100%"], Bt = ["auto", "auto", "100%"], It = (o) => !mt && At(o) ? !0 : W ? W(o) : !1, vt = Array.from({ length: Ct + T + kt }, (o, r) => {
     const t = rt(F(n), r - T), k = et(t, n), g = f(t, /* @__PURE__ */ new Date()), u = It(t) || ct, G = p(t, m?.yellowDotDates), L = p(t, m?.greenDotDates), P = p(t, m?.blueDotDates), U = p(t, m?.redDotDates), _ = p(t, m?.greyDotDates), z = Ut(t, nt) && !u;
     let B = !1;
     l && (B = f(t, l));

package/dist/components/date-picker/date-picker-date-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-date-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-date-cell.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GACT,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,CAAC;AAElB,KAAK,qBAAqB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,uLAgBhC,qBAAqB,4CAqGvB,CAAC"}
+{"version":3,"file":"date-picker-date-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-date-cell.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GACT,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,CAAC;AAElB,KAAK,qBAAqB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,uLAgBhC,qBAAqB,4CAuGvB,CAAC"}

package/dist/components/date-picker/date-picker-date-cell.js

@@ -1,46 +1,47 @@
-import { jsx as e, Fragment as w, jsxs as p } from "react/jsx-runtime";
-import { useStyleConfig as x, Button as O, Box as t, Stack as V } from "@chakra-ui/react";
-import { formatDate as W } from "../../node_modules/date-fns/format.js";
-import { ThemeColorVariable as r, ThemeSpaceVariable as m } from "../../theme/theme-types.js";
-const L = ({
-  gridColumn: u,
-  gridRow: b,
-  gridIndex: C,
-  day: c,
-  handleDateChange: g,
+import { jsx as e, Fragment as W, jsxs as p } from "react/jsx-runtime";
+import { useStyleConfig as m, Button as O, Box as t, Stack as V } from "@chakra-ui/react";
+import { formatDate as j } from "../../node_modules/date-fns/format.js";
+import { isToday as x } from "../../node_modules/date-fns/isToday.js";
+import { ThemeColorVariable as r, ThemeSpaceVariable as u } from "../../theme/theme-types.js";
+const N = ({
+  gridColumn: b,
+  gridRow: f,
+  gridIndex: g,
+  day: n,
+  handleDateChange: h,
   variant: o,
   isDisabled: d,
   isStrikeThrough: s,
-  hasBlueDot: h,
+  hasBlueDot: C,
   hasYellowDot: k,
-  hasGreenDot: f,
-  hasGreyDot: D,
-  hasRedDot: y,
+  hasGreenDot: D,
+  hasGreyDot: y,
+  hasRedDot: S,
   selectWeek: a,
   isHoliday: i
 }) => {
-  const S = x("DateCell", { variant: o }), R = x("DateCellWeek", { variant: o }), n = (o === "selectedDay" || o === "startDateRange" || o === "endDateRange") && !a, l = {
+  const R = m("DateCell", { variant: o }), B = m("DateCellWeek", { variant: o }), c = (o === "selectedDay" || o === "startDateRange" || o === "endDateRange") && !a, l = {
     borderRadius: "50%",
-    border: n ? "solid 1.5px white" : "",
-    width: n ? "7.5px" : "6px",
-    height: n ? "7.5px" : "6px"
-  }, B = C % 7 === 6;
-  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ p(
+    border: c ? "solid 1.5px white" : "",
+    width: c ? "7.5px" : "6px",
+    height: c ? "7.5px" : "6px"
+  }, w = g % 7 === 6;
+  return /* @__PURE__ */ e(W, { children: /* @__PURE__ */ p(
     O,
     {
-      __css: a ? R : S,
+      __css: a ? B : R,
       type: "button",
-      sx: a && o === "selectedDay" && B ? {
+      sx: a && o === "selectedDay" && w ? {
         borderTopRightRadius: "10px",
         borderBottomRightRadius: "10px"
       } : {},
       variant: o,
       isDisabled: d || s,
       onClick: () => {
-        !d && !s && g(c);
+        !d && !s && h(n);
       },
-      gridColumn: u,
-      gridRow: b,
+      gridColumn: b,
+      gridRow: f,
       display: "flex",
       "data-testid": "date-picker-date-cell",
       children: [
@@ -49,7 +50,9 @@ const L = ({
           {
             "data-testid": i ? "holiday" : void 0,
             sx: { color: i ? r.Error : "inherit" },
-            children: W(c, "d")
+            fontWeight: x(n) ? "bold" : "normal",
+            textDecoration: x(n) ? "underline" : "none",
+            children: j(n, "d")
           }
         ),
         s && /* @__PURE__ */ e("span", {}),
@@ -57,11 +60,11 @@ const L = ({
           V,
           {
             position: "absolute",
-            bottom: m.XSmall,
+            bottom: u.XSmall,
             direction: "row",
-            spacing: m.XSmall,
+            spacing: u.XSmall,
             children: [
-              h && /* @__PURE__ */ e(
+              C && /* @__PURE__ */ e(
                 t,
                 {
                   sx: {
@@ -70,7 +73,7 @@ const L = ({
                   }
                 }
               ),
-              f && /* @__PURE__ */ e(
+              D && /* @__PURE__ */ e(
                 t,
                 {
                   sx: {
@@ -88,7 +91,7 @@ const L = ({
                   }
                 }
               ),
-              D && /* @__PURE__ */ e(
+              y && /* @__PURE__ */ e(
                 t,
                 {
                   sx: {
@@ -97,7 +100,7 @@ const L = ({
                   }
                 }
               ),
-              y && /* @__PURE__ */ e(
+              S && /* @__PURE__ */ e(
                 t,
                 {
                   sx: {
@@ -114,5 +117,5 @@ const L = ({
   ) });
 };
 export {
-  L as DatePickerDateCell
+  N as DatePickerDateCell
 };

package/dist/components/date-picker/date-picker-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-header.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAaN,KAAK,MAAM,EACX,MAAM,UAAU,CAAC;AAGlB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,qBAAqB,GAAG;IAC5B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,OAAO,CAAC;IAC3B,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,wMAc9B,qBAAqB,4CA4GvB,CAAC"}
+{"version":3,"file":"date-picker-header.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-header.tsx"],"names":[],"mappings":"AAKA,OAAO,EAeN,KAAK,MAAM,EACX,MAAM,UAAU,CAAC;AAGlB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,qBAAqB,GAAG;IAC5B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,OAAO,CAAC;IAC3B,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,wMAc9B,qBAAqB,4CAiJvB,CAAC"}

package/dist/components/date-picker/date-picker-header.js

@@ -1,107 +1,138 @@
-import { jsxs as L, jsx as p } from "react/jsx-runtime";
-import { Flex as W, Text as z } from "@chakra-ui/react";
-import { firstLetterUpperCase as S } from "./helper.js";
-import { startOfMonth as u } from "../../node_modules/date-fns/startOfMonth.js";
-import { isBefore as O } from "../../node_modules/date-fns/isBefore.js";
-import { isSameMonth as G } from "../../node_modules/date-fns/isSameMonth.js";
-import { IconButton as l } from "../icon-button/icon-button.js";
-import { Icons as w } from "../icon/types.js";
-import { subMonths as Y } from "../../node_modules/date-fns/subMonths.js";
-import { subWeeks as q } from "../../node_modules/date-fns/subWeeks.js";
-import { subDays as c } from "../../node_modules/date-fns/subDays.js";
-import { getISOWeek as A } from "../../node_modules/date-fns/getISOWeek.js";
-import { addMonths as C } from "../../node_modules/date-fns/addMonths.js";
-import { addWeeks as J } from "../../node_modules/date-fns/addWeeks.js";
-import { addDays as D } from "../../node_modules/date-fns/addDays.js";
-import { sv as K } from "../../node_modules/date-fns/locale/sv.js";
-import { da as N } from "../../node_modules/date-fns/locale/da.js";
-import { nb as Q } from "../../node_modules/date-fns/locale/nb.js";
-import { enGB as F } from "../../node_modules/date-fns/locale/en-GB.js";
-import { enUS as x } from "../../node_modules/date-fns/locale/en-US.js";
-import { isSameYear as X } from "../../node_modules/date-fns/isSameYear.js";
-import { ThemeSpaceVariable as Z, ThemeFontSizeVariable as _, ThemeFontVariable as E } from "../../theme/theme-types.js";
-import { formatDate as b } from "../../node_modules/date-fns/format.js";
-const Fr = ({
-  onMonthChange: k,
-  selectedMonth: e,
-  month: d,
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { Flex as p, Text as N } from "@chakra-ui/react";
+import { firstLetterUpperCase as T } from "./helper.js";
+import { startOfMonth as d } from "../../node_modules/date-fns/startOfMonth.js";
+import { isBefore as Q } from "../../node_modules/date-fns/isBefore.js";
+import { isSameMonth as X } from "../../node_modules/date-fns/isSameMonth.js";
+import { startOfDay as Z } from "../../node_modules/date-fns/startOfDay.js";
+import { Button as _ } from "../button/button.js";
+import { IconButton as x } from "../icon-button/icon-button.js";
+import { Icons as B } from "../icon/types.js";
+import { getISOWeek as E } from "../../node_modules/date-fns/getISOWeek.js";
+import { enGB as D } from "../../node_modules/date-fns/locale/en-GB.js";
+import { enUS as k } from "../../node_modules/date-fns/locale/en-US.js";
+import { nlBE as F } from "../../node_modules/date-fns/locale/nl-BE.js";
+import { fr as P } from "../../node_modules/date-fns/locale/fr.js";
+import { sv as V } from "../../node_modules/date-fns/locale/sv.js";
+import { da as v } from "../../node_modules/date-fns/locale/da.js";
+import { nb as j } from "../../node_modules/date-fns/locale/nb.js";
+import { subMonths as R } from "../../node_modules/date-fns/subMonths.js";
+import { subWeeks as rr } from "../../node_modules/date-fns/subWeeks.js";
+import { subDays as l } from "../../node_modules/date-fns/subDays.js";
+import { addMonths as tr } from "../../node_modules/date-fns/addMonths.js";
+import { addWeeks as or } from "../../node_modules/date-fns/addWeeks.js";
+import { addDays as b } from "../../node_modules/date-fns/addDays.js";
+import { isSameYear as er } from "../../node_modules/date-fns/isSameYear.js";
+import { isSameDay as ir } from "../../node_modules/date-fns/isSameDay.js";
+import { ThemeSpaceVariable as H, ThemeFontSizeVariable as ar, ThemeFontVariable as mr } from "../../theme/theme-types.js";
+import { formatDate as S } from "../../node_modules/date-fns/format.js";
+const gr = ({
+  onMonthChange: h,
+  selectedMonth: a,
+  month: w,
   selectWeek: m,
-  locale: o,
-  selectedDate: i,
-  onDateChange: a,
-  isExpanded: f,
-  disablePastMonths: P,
-  disableBackwardNavigation: B,
-  disableForwardNavigation: T,
-  dateRange: t,
-  onRangeChange: s
+  locale: e,
+  selectedDate: t,
+  onDateChange: i,
+  isExpanded: n,
+  disablePastMonths: I,
+  disableBackwardNavigation: U,
+  disableForwardNavigation: $,
+  dateRange: o,
+  onRangeChange: f
 }) => {
-  function V(r) {
+  function g(r) {
     switch (r) {
-      case x:
-      case F:
-        return "Week";
-      case Q:
+      case j:
         return "Uke";
-      case N:
+      case v:
         return "Uge";
-      case K:
-      default:
+      case V:
         return "Vecka";
+      case P:
+        return "Semaine";
+      case F:
+      case k:
+      case D:
+      default:
+        return "Week";
+    }
+  }
+  function z(r) {
+    switch (r) {
+      case j:
+      case v:
+      case V:
+        return "I dag";
+      case P:
+        return "Aujourd'hui";
+      case F:
+        return "Vandaag";
+      case k:
+      case D:
+      default:
+        return "Today";
     }
   }
-  function h(r) {
+  function L(r) {
     return !!r?.startDate && !!r?.endDate;
   }
-  const n = !m && h(t) && s;
-  function v(r) {
-    return X(r.startDate, r.endDate) ? o === F || o === x ? "MMM d" : "d MMM" : "PP";
+  const c = !m && L(o) && f;
+  function O(r) {
+    return er(r.startDate, r.endDate) ? e === D || e === k ? "MMM d" : "d MMM" : "PP";
   }
-  const y = () => {
-    if (f)
-      return S(d);
+  const W = () => {
+    if (n)
+      return T(w);
     if (m)
-      return `${V(o)} ${A(i)}`;
-    if (n) {
-      const r = v(t), j = b(t.startDate, r, { locale: o }), I = b(t.endDate, r, { locale: o });
-      return `${j} - ${I}`.replace(/\./g, "");
+      return `${g(e)} ${E(t)}`;
+    if (c) {
+      const r = O(o), J = S(o.startDate, r, { locale: e }), K = S(o.endDate, r, { locale: e });
+      return `${J} - ${K}`.replace(/\./g, "");
     }
-    return i ? b(i, "dd MMMM", { locale: o }) : S(d);
-  }, H = () => {
-    f ? k(Y(u(e))) : m ? a(q(i)) : n ? s({
-      startDate: c(t.startDate),
-      endDate: c(t.endDate)
-    }) : a(c(i));
-  }, U = () => {
-    f ? k(C(u(e), 1)) : m ? a(J(i, 1)) : n ? s({
-      startDate: D(t.startDate, 1),
-      endDate: D(t.endDate, 1)
-    }) : a(D(i, 1));
-  }, M = u(/* @__PURE__ */ new Date()), $ = B || P && (O(e, M) || G(e, M));
-  return /* @__PURE__ */ L(W, { justify: "space-between", align: "center", mb: Z.Small, children: [
-    /* @__PURE__ */ p(
-      l,
-      {
-        icon: w.Back,
-        "aria-label": "Back",
-        variant: "ghost",
-        onClick: H,
-        isDisabled: $
-      }
-    ),
-    /* @__PURE__ */ p(z, { fontWeight: "500", fontFamily: E.SubHeader, fontSize: _.Large, children: y() }),
-    /* @__PURE__ */ p(
-      l,
-      {
-        icon: w.Forward,
-        "aria-label": "Forward",
-        variant: "ghost",
-        onClick: U,
-        isDisabled: T
-      }
-    )
+    return t ? S(t, "dd MMMM", { locale: e }) : T(w);
+  }, A = () => {
+    n ? h(R(d(a))) : m ? i(rr(t)) : c ? f({
+      startDate: l(o.startDate),
+      endDate: l(o.endDate)
+    }) : i(l(t));
+  }, C = () => {
+    n ? h(tr(d(a), 1)) : m ? i(or(t, 1)) : c ? f({
+      startDate: b(o.startDate, 1),
+      endDate: b(o.endDate, 1)
+    }) : i(b(t, 1));
+  }, y = d(/* @__PURE__ */ new Date()), G = U || I && (Q(a, y) || X(a, y)), M = Z(/* @__PURE__ */ new Date()), Y = !ir(t, M), q = () => {
+    i(M);
+  };
+  return /* @__PURE__ */ u(p, { justify: "space-between", align: "center", mb: H.Small, children: [
+    /* @__PURE__ */ s(N, { fontWeight: "500", fontFamily: mr.SubHeader, fontSize: ar.Large, children: W() }),
+    /* @__PURE__ */ u(p, { align: "center", gap: H.Small, children: [
+      Y && /* @__PURE__ */ s(_, { variant: "ghost", size: "sm", onClick: q, children: z(e) }),
+      /* @__PURE__ */ u(p, { align: "center", children: [
+        /* @__PURE__ */ s(
+          x,
+          {
+            icon: B.Back,
+            "aria-label": "Back",
+            variant: "ghost",
+            onClick: A,
+            isDisabled: G
+          }
+        ),
+        /* @__PURE__ */ s(
+          x,
+          {
+            icon: B.Forward,
+            "aria-label": "Forward",
+            variant: "ghost",
+            onClick: C,
+            isDisabled: $
+          }
+        )
+      ] })
+    ] })
   ] });
 };
 export {
-  Fr as DatePickerHeader
+  gr as DatePickerHeader
 };

package/dist/components/icon-button/helper.d.ts

@@ -1,9 +1,12 @@
+import { ButtonSize } from '../button/types.js';
 import { ThemeIconSizeVariable } from '../../theme/index.js';
 import { ResponsiveValue } from '@chakra-ui/react';
 export declare const iconSizeMap: {
+    xl: ThemeIconSizeVariable;
     lg: ThemeIconSizeVariable;
     md: ThemeIconSizeVariable;
     sm: ThemeIconSizeVariable;
+    xs: ThemeIconSizeVariable;
 };
 /**
  * Maps a ResponsiveValue of button sizes to corresponding icon sizes.
@@ -11,5 +14,5 @@ export declare const iconSizeMap: {
  * @param size - The ResponsiveValue of the button size.
  * @returns A ResponsiveValue of icon sizes.
  */
-export declare function getIconSizeFromButtonSize(size: ResponsiveValue<"lg" | "sm" | "md">): ThemeIconSizeVariable | (ThemeIconSizeVariable | null)[] | Record<string, ThemeIconSizeVariable | undefined> | undefined;
+export declare function getIconSizeFromButtonSize(size: ResponsiveValue<ButtonSize>): ThemeIconSizeVariable | (ThemeIconSizeVariable | null)[] | Record<string, ThemeIconSizeVariable | undefined> | undefined;
 //# sourceMappingURL=helper.d.ts.map

package/dist/components/icon-button/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,4HA2BlF"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC,4HA2B1E"}

package/dist/components/icon-button/helper.js

@@ -1,23 +1,25 @@
-import { ThemeIconSizeVariable as e } from "../../theme/theme-types.js";
+import { ThemeIconSizeVariable as t } from "../../theme/theme-types.js";
 const o = {
-  lg: e.Medium,
-  md: e.Medium,
-  sm: e.Small
+  xl: t.Large,
+  lg: t.Medium,
+  md: t.Medium,
+  sm: t.Small,
+  xs: t.Small
 };
-function a(r) {
+function c(r) {
   if (typeof r == "string")
     return o[r];
   if (Array.isArray(r))
-    return r.map((t) => t && o[t]);
+    return r.map((e) => e && o[e]);
   if (typeof r == "object") {
-    const t = {};
+    const e = {};
     return Object.keys(r).forEach((n) => {
-      const i = r[n];
-      i && (t[n] = o[i]);
-    }), t;
+      const a = r[n];
+      a && (e[n] = o[a]);
+    }), e;
   }
 }
 export {
-  a as getIconSizeFromButtonSize,
+  c as getIconSizeFromButtonSize,
   o as iconSizeMap
 };

package/dist/components/icon-button/icon-button.d.ts

@@ -8,7 +8,7 @@
 export declare const IconButton: import('react').ForwardRefExoticComponent<{
     icon: import('../icon/index.js').Icons;
     variant?: Exclude<import('../button/index.js').ButtonProps["variant"], "link" | "segmentedControl" | import('@chakra-ui/styled-system').ResponsiveArray<unknown> | Partial<Record<string, unknown>>>;
-    size?: import('@chakra-ui/styled-system').ResponsiveValue<"lg" | "sm" | "md">;
+    size?: import('@chakra-ui/styled-system').ResponsiveValue<import('../button/types.js').ButtonSize>;
 } & {
     "aria-label": string;
     onKeyDown?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;

package/dist/components/icon-button/types.d.ts

@@ -1,3 +1,4 @@
+import { ButtonSize } from '../button/types.js';
 import { Icons } from '../icon/index.js';
 import { CustomChakraBoxProps, MarginProps, PaddingProps } from '../../theme/index.js';
 import { IconButtonProps as ChakraIconButtonProps, ResponsiveArray, ResponsiveValue } from '@chakra-ui/react';
@@ -15,7 +16,7 @@ type CustomProperties = {
     /**
      * The size of the button, defaults to md
      */
-    size?: ResponsiveValue<"lg" | "sm" | "md">;
+    size?: ResponsiveValue<ButtonSize>;
 };
 type ChakraIconButtonProperties = Pick<ChakraIconButtonProps, "aria-label" | "isDisabled" | "onClick" | "type" | "isLoading" | "onKeyDown">;
 export type IconButtonProps = CustomProperties & ChakraIconButtonProperties & CustomStyleProps;

package/dist/components/icon-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,KAAK,EACX,eAAe,IAAI,qBAAqB,EACxC,eAAe,EACf,eAAe,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE1E,KAAK,gBAAgB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAChB,WAAW,CAAC,SAAS,CAAC,EACtB,MAAM,GAAG,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CACzF,CAAC;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;CAC3C,CAAC;AAEF,KAAK,0BAA0B,GAAG,IAAI,CACrC,qBAAqB,EACrB,YAAY,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,CAC5E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,0BAA0B,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/icon-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC/E,OAAO,KAAK,EACX,eAAe,IAAI,qBAAqB,EACxC,eAAe,EACf,eAAe,EACf,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE1E,KAAK,gBAAgB,GAAG;IACvB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAChB,WAAW,CAAC,SAAS,CAAC,EACtB,MAAM,GAAG,kBAAkB,GAAG,eAAe,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CACzF,CAAC;IACF;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEF,KAAK,0BAA0B,GAAG,IAAI,CACrC,qBAAqB,EACrB,YAAY,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,GAAG,WAAW,GAAG,WAAW,CAC5E,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,0BAA0B,GAAG,gBAAgB,CAAC"}

package/dist/components/toggle-button/types.d.ts

@@ -1,3 +1,4 @@
+import { ButtonSize } from '../button/types.js';
 import { CustomChakraBoxProps, LayoutProps, MarginProps, PaddingProps } from '../../theme/index.js';
 import { ButtonProps as ChakraButtonProps, ResponsiveValue } from '@chakra-ui/react';
 type CustomStyleProps = CustomChakraBoxProps & LayoutProps & MarginProps & PaddingProps;
@@ -5,7 +6,7 @@ type ToggleButtonPropsBase = {
     /** Indicate whether button is pressed or not. Defaults to false. */
     isPressed?: boolean;
     /** The size of the button, default: md */
-    size?: ResponsiveValue<"lg" | "sm" | "md"> | undefined;
+    size?: ResponsiveValue<ButtonSize> | undefined;
 } & Pick<ChakraButtonProps, "children" | "isDisabled" | "onClick" | "type"> & CustomStyleProps;
 type ToggleButtonPropsWithSubText = ToggleButtonPropsBase & {
     /**

package/dist/components/toggle-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,qBAAqB,GAAG;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC,GAC1E,gBAAgB,CAAC;AAElB,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC3D;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG,qBAAqB,GAAG;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,4BAA4B,GAAG,+BAA+B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/toggle-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5F,OAAO,KAAK,EAAE,WAAW,IAAI,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE1F,KAAK,gBAAgB,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,CAAC;AAExF,KAAK,qBAAqB,GAAG;IAC5B,oEAAoE;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;CAC/C,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC,GAC1E,gBAAgB,CAAC;AAElB,KAAK,4BAA4B,GAAG,qBAAqB,GAAG;IAC3D;;;;;OAKG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,KAAK,+BAA+B,GAAG,qBAAqB,GAAG;IAC9D,OAAO,CAAC,EAAE,KAAK,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,4BAA4B,GAAG,+BAA+B,CAAC"}

package/dist/node_modules/date-fns/constructNow.js

@@ -0,0 +1,8 @@
+import { constructFrom as o } from "./constructFrom.js";
+function n(t) {
+  return o(t, Date.now());
+}
+export {
+  n as constructNow,
+  n as default
+};

package/dist/node_modules/date-fns/isToday.js

@@ -0,0 +1,13 @@
+import { constructFrom as r } from "./constructFrom.js";
+import { constructNow as t } from "./constructNow.js";
+import { isSameDay as m } from "./isSameDay.js";
+function f(o, i) {
+  return m(
+    r(o, o),
+    t(o)
+  );
+}
+export {
+  f as default,
+  f as isToday
+};

package/dist/theme/theme-config/components/button-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/button-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAA6C,MAAM,kBAAkB,CAAC;AAuO9G,eAAO,MAAM,YAAY,EAAE,0BAgCzB,CAAC"}
+{"version":3,"file":"button-theme.d.ts","sourceRoot":"","sources":["../../../../lib/theme/theme-config/components/button-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,0BAA0B,EAA6C,MAAM,kBAAkB,CAAC;AAyO9G,eAAO,MAAM,YAAY,EAAE,0BA4CzB,CAAC"}

package/dist/theme/theme-config/components/button-theme.js

@@ -1,7 +1,7 @@
 import { defineStyleConfig as i } from "@chakra-ui/react";
-import { isTouchScreenDevice as r } from "../../theme-helper.js";
-import { ThemeColorToken as o, ThemeBorderToken as a, ThemeRadiusToken as d, ThemeFontToken as t, ThemeFontSizeToken as c } from "../theme-tokens.js";
-const l = {
+import { isTouchScreenDevice as e } from "../../theme-helper.js";
+import { ThemeColorToken as o, ThemeSpaceToken as l, ThemeBorderToken as a, ThemeRadiusToken as d, ThemeFontToken as t, ThemeFontSizeToken as r } from "../theme-tokens.js";
+const g = {
   fontFamily: t.SubHeader,
   borderRadius: d.XLarge,
   border: a.XSmall,
@@ -21,7 +21,7 @@ const l = {
   background: o.Accent,
   color: o.OnAccent,
   _hover: {
-    background: r() ? o.Accent : o.AccentHover,
+    background: e() ? o.Accent : o.AccentHover,
     _disabled: {
       background: o.Accent,
       color: o.OnAccent
@@ -35,8 +35,8 @@ const l = {
   background: o.AccentContainer,
   color: o.OnAccentContainer,
   _hover: {
-    background: r() ? o.AccentContainer : o.AccentHover,
-    color: r() ? o.OnAccentContainer : o.OnAccent,
+    background: e() ? o.AccentContainer : o.AccentHover,
+    color: e() ? o.OnAccentContainer : o.OnAccent,
     _disabled: {
       background: o.AccentContainer,
       color: o.OnAccentContainer
@@ -46,12 +46,12 @@ const l = {
     background: o.AccentActive,
     color: o.OnAccent
   }
-}, g = {
+}, s = {
   color: o.OnBackground,
   fontWeight: "medium",
   _hover: {
     color: o.OnBackground,
-    bg: r() ? "none" : o.AccentHoverAlpha,
+    bg: e() ? "none" : o.AccentHoverAlpha,
     textDecoration: "none"
   },
   _active: {
@@ -62,7 +62,7 @@ const l = {
   background: o.Error,
   color: o.OnAccent,
   _hover: {
-    background: r() ? o.Error : o.ErrorHover,
+    background: e() ? o.Error : o.ErrorHover,
     _disabled: {
       background: o.Error,
       color: o.OnAccent
@@ -72,7 +72,7 @@ const l = {
     background: o.ErrorActive,
     color: o.OnAccent
   }
-}, s = {
+}, h = {
   color: o.OnBackground,
   fontFamily: t.Body,
   borderRadius: 0,
@@ -83,7 +83,7 @@ const l = {
   width: "fit-content",
   border: 0,
   _hover: {
-    color: r() ? o.OnBackground : o.AccentHover
+    color: e() ? o.OnBackground : o.AccentHover
   },
   _active: {
     color: o.AccentActive,
@@ -148,24 +148,25 @@ const l = {
       }
     }
   }
-}, e = '&[aria-pressed="true"]', n = '&[aria-pressed="false"]', h = {
+}, n = '&[aria-pressed="true"]', c = '&[aria-pressed="false"]', p = {
   // Base style
   borderRadius: d.Small,
   borderWidth: a.XSmall,
   borderColor: o.OnSurfaceBorder,
+  paddingX: l.Small,
   // Pressed state
-  [`${e}`]: {
+  [`${n}`]: {
     background: o.Accent,
     color: o.OnAccent
   },
   // Not pressed state
-  [`${n}`]: {
+  [`${c}`]: {
     background: o.Surface,
     color: o.OnSurface
   },
   // Hover styles
   "@media(hover: hover)": {
-    [`${e}&:hover`]: {
+    [`${n}&:hover`]: {
       background: o.AccentHover,
       borderColor: o.AccentHover,
       _disabled: {
@@ -173,7 +174,7 @@ const l = {
         borderColor: o.Accent
       }
     },
-    [`${n}&:hover`]: {
+    [`${c}&:hover`]: {
       background: o.AccentHoverAlpha,
       color: o.OnSurface,
       _disabled: {
@@ -183,57 +184,69 @@ const l = {
     }
   },
   // Active styles
-  [`${e}:active`]: {
+  [`${n}:active`]: {
     color: o.OnAccent,
     background: o.AccentActive
   },
-  [`${n}:active`]: {
+  [`${c}:active`]: {
     color: o.OnSurface,
     background: o.AccentActiveAlpha
   },
   // Define general disabled styles last to ensure they are not overridden
-  [`${e}:disabled`]: {
+  [`${n}:disabled`]: {
     color: o.OnAccent,
     background: o.Accent,
     borderColor: o.Accent
   },
-  [`${n}:disabled`]: {
+  [`${c}:disabled`]: {
     color: o.OnSurface,
     background: o.Surface
   }
-}, f = i({
-  baseStyle: l,
+}, S = i({
+  baseStyle: g,
   sizes: {
-    lg: {
-      px: "24px",
+    xl: {
+      paddingX: "24px",
       height: "56px",
       minWidth: "56px",
-      fontSize: c.Large
+      fontSize: r.Large
+    },
+    lg: {
+      paddingX: "16px",
+      height: "48px",
+      minWidth: "48px",
+      fontSize: r.Medium
     },
     md: {
-      px: "16px",
+      paddingX: "16px",
       height: "40px",
       minWidth: "40px",
-      fontSize: c.Medium
+      fontSize: r.Medium
     },
     sm: {
-      px: "8px",
+      paddingX: "8px",
+      height: "32px",
+      minWidth: "32px",
+      fontSize: r.Small
+    },
+    xs: {
+      paddingX: "8px",
       height: "24px",
       minWidth: "24px",
-      fontSize: c.Small
+      fontSize: r.Small
     }
   },
   variants: {
     primary: u,
     secondary: b,
-    ghost: g,
-    link: s,
+    ghost: s,
+    link: h,
     segmentedControl: v,
     tertiary: k,
-    toggle: h,
+    toggle: p,
     alert: A
   }
 });
 export {
-  f as buttonConfig
+  S as buttonConfig
 };

package/dist/theme/theme-config/components/combobox-theme.d.ts

@@ -51,7 +51,7 @@ export declare const comboboxConfig: {
         };
     } | undefined;
     defaultProps?: {
-        size?: "md" | "sm" | "lg" | "xs" | "xl" | undefined;
+        size?: "md" | "sm" | "xl" | "lg" | "xs" | undefined;
         variant?: "outline" | "ghost" | undefined;
         colorScheme?: string | undefined;
     } | undefined;

package/dist/theme/theme-config/components/drawer-theme.d.ts

@@ -39,7 +39,7 @@ export declare const drawerConfig: {
         }>;
     } | undefined;
     defaultProps?: {
-        size?: "md" | "sm" | "lg" | "xs" | "xl" | undefined;
+        size?: "md" | "sm" | "xl" | "lg" | "xs" | undefined;
         variant?: string | number | undefined;
         colorScheme?: string | undefined;
     } | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "7.6.0",
+	"version": "7.7.1",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,
@@ -35,22 +35,22 @@
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
-		"@types/node": "^24.10.0",
+		"@types/node": "^24.10.1",
 		"@types/react": "^18.3.12",
 		"@types/react-dom": "^18.3.1",
-		"@vitejs/plugin-react-swc": "^4.2.1",
+		"@vitejs/plugin-react-swc": "^4.2.2",
 		"eslint": "^9.39.1",
 		"eslint-plugin-react-hooks": "^7.0.1",
 		"eslint-plugin-react-refresh": "^0.4.24",
 		"globals": "^16.5.0",
-		"jsdom": "^27.1.0",
+		"jsdom": "^27.2.0",
 		"tsc-alias": "^1.8.16",
 		"typescript": "~5.9.3",
-		"typescript-eslint": "^8.46.3",
+		"typescript-eslint": "^8.46.4",
 		"vite": "^7.2.2",
 		"vite-plugin-dts": "^4.5.4",
 		"vite-tsconfig-paths": "^5.1.4",
-		"vitest": "^4.0.8"
+		"vitest": "^4.0.9"
 	},
 	"peerDependencies": {
 		"@chakra-ui/react": "^2.8.2",
@@ -62,7 +62,7 @@
 		"@chakra-ui/anatomy": "^2.3.4",
 		"@floating-ui/dom": "^1.7.4",
 		"@tanstack/react-table": "^8.21.3",
-		"csstype": "^3.1.3",
+		"csstype": "^3.2.2",
 		"date-fns": "^4.1.0"
 	}
 }