@danske/sapphire-react-lab 0.89.0 → 0.90.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-react-lab",
-  "version": "0.89.0",
+  "version": "0.90.3",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Experimental React components of the Sapphire Design System from Danske Bank A/S",
   "exports": {
@@ -25,25 +25,23 @@
   },
   "peerDependencies": {
     "@danske/sapphire-icons": "^2.1.0",
-    "@danske/sapphire-react": "^3.42.1",
+    "@danske/sapphire-react": "^4.0.4",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@danske/sapphire-icons": "^2.1.0",
-    "@danske/sapphire-react": "^3.42.1",
+    "@danske/sapphire-react": "^4.0.4",
     "@types/react-transition-group": "^4.4.5",
     "cross-env": "^7.0.3"
   },
   "dependencies": {
-    "@danske/sapphire-css": "^32.2.0",
+    "@danske/sapphire-css": "^34.0.0",
     "@internationalized/date": "^3.5.5",
     "@internationalized/string": "^3.2.3",
     "@react-aria/accordion": "^3.0.0-alpha.31",
     "@react-aria/button": "^3.9.8",
-    "@react-aria/calendar": "^3.5.11",
     "@react-aria/combobox": "^3.10.1",
-    "@react-aria/datepicker": "^3.11.1",
     "@react-aria/dialog": "^3.5.16",
     "@react-aria/dnd": "^3.7.2",
     "@react-aria/focus": "^3.18.2",
@@ -52,20 +50,14 @@
     "@react-aria/label": "^3.7.11",
     "@react-aria/numberfield": "^3.11.6",
     "@react-aria/overlays": "^3.23.2",
-    "@react-aria/searchfield": "^3.7.7",
     "@react-aria/tag": "^3.4.5",
-    "@react-aria/toast": "^3.0.0-beta.14",
     "@react-aria/utils": "^3.25.2",
     "@react-aria/visually-hidden": "^3.8.15",
     "@react-spectrum/utils": "^3.11.8",
-    "@react-stately/calendar": "^3.5.4",
     "@react-stately/collections": "^3.10.9",
     "@react-stately/combobox": "^3.9.2",
-    "@react-stately/datepicker": "^3.10.2",
     "@react-stately/list": "^3.10.8",
     "@react-stately/numberfield": "^3.9.6",
-    "@react-stately/searchfield": "^3.5.6",
-    "@react-stately/toast": "^3.0.0-beta.5",
     "@react-stately/toggle": "^3.7.7",
     "@react-stately/tree": "^3.8.4",
     "@react-stately/utils": "^3.10.3",
@@ -74,5 +66,5 @@
     "clsx": "^1.1.1",
     "react-transition-group": "^4.4.5"
   },
-  "gitHead": "fd750fe463ba6d4f8a15c35e6f660fd6e46d0ec7"
+  "gitHead": "038080059449e1550c0283e6ee617f11437cbeb6"
 }

package/build/esm/AlertDialog/src/AlertDialog.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import { useThemeCheck, Dialog, tokens, DialogTitle, Heading, ButtonGroup } from '@danske/sapphire-react';
-import { FeedbackMessage } from '../../FeedbackMessage/src/FeedbackMessage.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const AlertDialog = React.forwardRef(function AlertDialog2(props, ref) {
-  useThemeCheck();
-  const _a = props, {
-    variant = "neutral",
-    icon,
-    body,
-    actionsOrientation = "horizontal",
-    actions,
-    heading
-  } = _a, rest = __objRest(_a, [
-    "variant",
-    "icon",
-    "body",
-    "actionsOrientation",
-    "actions",
-    "heading"
-  ]);
-  return /* @__PURE__ */ React.createElement(Dialog, __spreadValues({
-    ref,
-    role: "alertdialog",
-    type: "active",
-    size: "extra-small",
-    header: null,
-    footer: null,
-    content: /* @__PURE__ */ React.createElement(Dialog.Content, null, /* @__PURE__ */ React.createElement(FeedbackMessage, {
-      marginTop: tokens.size.spacing60,
-      heading: /* @__PURE__ */ React.createElement(DialogTitle, null, (titleProps) => /* @__PURE__ */ React.createElement(Heading, __spreadValues({
-        level: 6
-      }, titleProps), heading)),
-      variant,
-      icon,
-      body,
-      actions: /* @__PURE__ */ React.createElement(ButtonGroup, {
-        width: "100%",
-        stretch: "autoVertical",
-        orientation: actionsOrientation
-      }, actions)
-    }))
-  }, rest));
-});
-
-export { AlertDialog };
-//# sourceMappingURL=AlertDialog.js.map

package/build/esm/AlertDialog/src/AlertDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertDialog.js","sources":["../../../../src/AlertDialog/src/AlertDialog.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  ButtonGroup,\n  Dialog,\n  DialogProps,\n  Heading,\n  SapphireStyleProps,\n  tokens,\n  useThemeCheck,\n} from '@danske/sapphire-react';\nimport {\n  FeedbackMessage,\n  SapphireFeedbackMessageProps,\n} from '../../FeedbackMessage';\nimport { AriaModalOverlayProps } from '@react-aria/overlays';\nimport { DOMRef } from '@react-types/shared';\nimport { DialogTitle } from '@danske/sapphire-react';\n\nexport type SapphireAlertDialogProps = AriaModalOverlayProps &\n  SapphireStyleProps &\n  Pick<DialogProps, 'isOpen' | 'onClose'> &\n  Omit<SapphireFeedbackMessageProps, 'heading' | 'actions'> & {\n    /**\n     *\n     * @default \"horizontal\"\n     */\n    actionsOrientation?: 'vertical' | 'horizontal';\n    /**\n     * The elements that will be rendered in the footer of the dialog.\n     */\n    actions: ReactNode;\n    /**\n     * The title of the dialog.\n     */\n    heading: string;\n  };\n\n/**\n * `AlertDialog` is a wrapper component around `Dialog` and allows you to interrupt the user's\n * experience to prompt them for important confirmations. (e.g. deleting something, confirming\n * an important or irreversible choice etc.).\n * Don't use them for less relevant of unnecessary confirmations.\n *\n * The title should be similar to the action that prompted the user to open it.\n */\nexport const AlertDialog = React.forwardRef(function AlertDialog(\n  props: SapphireAlertDialogProps,\n  ref: DOMRef<HTMLDivElement>\n) {\n  useThemeCheck();\n\n  const {\n    variant = 'neutral',\n    icon,\n    body,\n    actionsOrientation = 'horizontal',\n    actions,\n    heading,\n    ...rest\n  } = props;\n\n  return (\n    <Dialog\n      ref={ref}\n      role=\"alertdialog\"\n      type=\"active\"\n      size=\"extra-small\"\n      header={null}\n      footer={null}\n      content={\n        <Dialog.Content>\n          <FeedbackMessage\n            // FIXME: change to `margin` when Dialog is refactored in UC-3020\n            marginTop={tokens.size.spacing60}\n            heading={\n              <DialogTitle>\n                {(titleProps) => (\n                  <Heading level={6} {...titleProps}>\n                    {heading}\n                  </Heading>\n                )}\n              </DialogTitle>\n            }\n            variant={variant}\n            icon={icon}\n            body={body}\n            actions={\n              <ButtonGroup\n                width=\"100%\"\n                stretch=\"autoVertical\"\n                orientation={actionsOrientation}\n              >\n                {actions}\n              </ButtonGroup>\n            }\n          />\n        </Dialog.Content>\n      }\n      {...rest}\n    />\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CO,MAAM,WAAc,GAAA,KAAA,CAAM,UAAW,CAAA,SAAA,YAAA,CAC1C,OACA,GACA,EAAA;AACA,EAAA,aAAA,EAAA,CAAA;AAEA,EAAA,MAQI,EAPF,GAAA,KAAA,EAAA;AAAA,IAAU,OAAA,GAAA,SAAA;AAAA,IACV,IAAA;AAAA,IACA,IAAA;AAAA,IACA,kBAAqB,GAAA,YAAA;AAAA,IACrB,OAAA;AAAA,IACA,OAAA;AAAA,GAEE,GAAA,EAAA,EADC,iBACD,EADC,EAAA;AAAA,IANH,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA,oBAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAIF,EAAA,2CACG,MAAD,EAAA,cAAA,CAAA;AAAA,IACE,GAAA;AAAA,IACA,IAAK,EAAA,aAAA;AAAA,IACL,IAAK,EAAA,QAAA;AAAA,IACL,IAAK,EAAA,aAAA;AAAA,IACL,MAAQ,EAAA,IAAA;AAAA,IACR,MAAQ,EAAA,IAAA;AAAA,IACR,yBACG,KAAA,CAAA,aAAA,CAAA,MAAA,CAAO,OAAR,EAAA,IAAA,sCACG,eAAD,EAAA;AAAA,MAEE,SAAA,EAAW,OAAO,IAAK,CAAA,SAAA;AAAA,MACvB,yBACG,KAAA,CAAA,aAAA,CAAA,WAAA,EAAD,MACG,CAAC,UAAA,yCACC,OAAD,EAAA,cAAA,CAAA;AAAA,QAAS,KAAO,EAAA,CAAA;AAAA,OAAA,EAAO,UACpB,CAAA,EAAA,OAAA,CAAA,CAAA;AAAA,MAKT,OAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA,sCACG,WAAD,EAAA;AAAA,QACE,KAAM,EAAA,MAAA;AAAA,QACN,OAAQ,EAAA,cAAA;AAAA,QACR,WAAa,EAAA,kBAAA;AAAA,OAEZ,EAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAAA,GAMP,EAAA,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;"}

package/build/esm/Avatar/src/Avatar.js

@@ -1,76 +0,0 @@
-import { useThemeCheck, useSapphireStyleProps, Icon } from '@danske/sapphire-react';
-import React from 'react';
-import styles from '@danske/sapphire-css/components/avatar/avatar.module.css';
-import clsx from 'clsx';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const getIconSize = (size) => {
-  switch (size) {
-    case "medium":
-      return "m";
-    case "large":
-      return "l";
-    case "extraLarge":
-      return "xl";
-    default:
-      return "s";
-  }
-};
-const Avatar = (_a) => {
-  var _b = _a, {
-    monogram,
-    icon,
-    color = "informative",
-    size = "medium"
-  } = _b, props = __objRest(_b, [
-    "monogram",
-    "icon",
-    "color",
-    "size"
-  ]);
-  useThemeCheck();
-  const { styleProps } = useSapphireStyleProps(props);
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, styleProps), {
-    className: clsx(styleProps.className, styles["sapphire-avatar"], {
-      [styles["sapphire-avatar--extra-large"]]: size === "extraLarge",
-      [styles["sapphire-avatar--large"]]: size === "large",
-      [styles["sapphire-avatar--small"]]: size === "small",
-      [styles["sapphire-avatar--extra-small"]]: size === "extraSmall"
-    }, color !== "passive" && styles[`sapphire-avatar--${color}`])
-  }), icon ? /* @__PURE__ */ React.createElement(Icon, {
-    size: getIconSize(size)
-  }, icon) : monogram);
-};
-
-export { Avatar };
-//# sourceMappingURL=Avatar.js.map

package/build/esm/Avatar/src/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/Avatar/src/Avatar.tsx"],"sourcesContent":["import {\n  Icon,\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n} from '@danske/sapphire-react';\nimport React, { ReactNode } from 'react';\nimport styles from '@danske/sapphire-css/components/avatar/avatar.module.css';\nimport clsx from 'clsx';\n\nconst getIconSize = (\n  size?: 'extraLarge' | 'large' | 'medium' | 'small' | 'extraSmall'\n) => {\n  switch (size) {\n    case 'medium':\n      return 'm';\n    case 'large':\n      return 'l';\n    case 'extraLarge':\n      return 'xl';\n    default:\n      return 's';\n  }\n};\n\nexport type SapphireAvatarProps = SapphireStyleProps & {\n  /**\n   * @default 'medium'\n   */\n  size?: 'extraLarge' | 'large' | 'medium' | 'small' | 'extraSmall';\n\n  /**\n   * The background color of the avatar.\n   * Can either be semantic or one of the named decorative colors.\n   *\n   * @default 'informative'\n   */\n\n  color?:\n    | 'positive'\n    | 'negative'\n    | 'warning'\n    | 'informative'\n    | 'passive'\n    | 'aqua'\n    | 'copper'\n    | 'electro'\n    | 'indigo'\n    | 'lime'\n    | 'pink'\n    | 'violet'\n    | 'gold'\n    | 'beige'\n    | 'orchid'\n    | 'gray'\n    | 'cobalt'\n    | 'forestGreen'\n    | 'teal'\n    | 'orange';\n} & (\n    | {\n        monogram: ReactNode;\n        icon?: never;\n      }\n    | {\n        monogram?: never;\n        icon: ReactNode;\n      }\n  );\n\nexport const Avatar = ({\n  monogram,\n  icon,\n  color = 'informative',\n  size = 'medium',\n  ...props\n}: SapphireAvatarProps): React.ReactElement => {\n  useThemeCheck();\n  const { styleProps } = useSapphireStyleProps(props);\n\n  return (\n    <div\n      {...styleProps}\n      className={clsx(\n        styleProps.className,\n        styles['sapphire-avatar'],\n        {\n          [styles['sapphire-avatar--extra-large']]: size === 'extraLarge',\n          [styles['sapphire-avatar--large']]: size === 'large',\n          [styles['sapphire-avatar--small']]: size === 'small',\n          [styles['sapphire-avatar--extra-small']]: size === 'extraSmall',\n        },\n        color !== 'passive' && styles[`sapphire-avatar--${color}`]\n      )}\n    >\n      {icon ? <Icon size={getIconSize(size)}>{icon}</Icon> : monogram}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,MAAM,WAAA,GAAc,CAClB,IACG,KAAA;AACH,EAAQ,QAAA,IAAA;AAAA,IACD,KAAA,QAAA;AACH,MAAO,OAAA,GAAA,CAAA;AAAA,IACJ,KAAA,OAAA;AACH,MAAO,OAAA,GAAA,CAAA;AAAA,IACJ,KAAA,YAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IAAA;AAEP,MAAO,OAAA,GAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA;AAiDA,MAAA,MAAA,GAAS,CAAC,EAMwB,KAAA;AANxB,EACrB,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAQ,GAAA,aAAA;AAAA,IACR,IAAO,GAAA,QAAA;AAAA,GAJc,GAAA,EAAA,EAKlB,kBALkB,EAKlB,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,aAAA,EAAA,CAAA;AACA,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAE7C,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,UADN,CAAA,EAAA;AAAA,IAEE,SAAW,EAAA,IAAA,CACT,UAAW,CAAA,SAAA,EACX,OAAO,iBACP,CAAA,EAAA;AAAA,MACG,CAAA,MAAA,CAAO,kCAAkC,IAAS,KAAA,YAAA;AAAA,MAClD,CAAA,MAAA,CAAO,4BAA4B,IAAS,KAAA,OAAA;AAAA,MAC5C,CAAA,MAAA,CAAO,4BAA4B,IAAS,KAAA,OAAA;AAAA,MAC5C,CAAA,MAAA,CAAO,kCAAkC,IAAS,KAAA,YAAA;AAAA,KAErD,EAAA,KAAA,KAAU,SAAa,IAAA,MAAA,CAAO,CAAoB,iBAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAGnD,CAAA,EAAA,IAAA,uCAAQ,IAAD,EAAA;AAAA,IAAM,MAAM,WAAY,CAAA,IAAA,CAAA;AAAA,GAAA,EAAQ,IAAe,CAAA,GAAA,QAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/Calendar/i18n/da-DK.js

@@ -1,9 +0,0 @@
-var year = "År";
-var week = "Uge {weekNumber}";
-var da = {
-	year: year,
-	week: week
-};
-
-export { da as default, week, year };
-//# sourceMappingURL=da-DK.js.map

package/build/esm/Calendar/i18n/da-DK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"da-DK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/de-DE.js

@@ -1,9 +0,0 @@
-var year = "Jahr";
-var week = "Woche {weekNumber}";
-var de = {
-	year: year,
-	week: week
-};
-
-export { de as default, week, year };
-//# sourceMappingURL=de-DE.js.map

package/build/esm/Calendar/i18n/de-DE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"de-DE.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/en-US.js

@@ -1,9 +0,0 @@
-var year = "Year";
-var week = "Week {weekNumber}";
-var en = {
-	year: year,
-	week: week
-};
-
-export { en as default, week, year };
-//# sourceMappingURL=en-US.js.map

package/build/esm/Calendar/i18n/en-US.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-US.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/fi-FI.js

@@ -1,9 +0,0 @@
-var year = "Vuosi";
-var week = "Viikko {weekNumber}";
-var fi = {
-	year: year,
-	week: week
-};
-
-export { fi as default, week, year };
-//# sourceMappingURL=fi-FI.js.map

package/build/esm/Calendar/i18n/fi-FI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fi-FI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/index.js

@@ -1,20 +0,0 @@
-import da from './da-DK.js';
-import en from './en-US.js';
-import de from './de-DE.js';
-import fi from './fi-FI.js';
-import no from './nb-NO.js';
-import pl from './pl-PL.js';
-import se from './sv-SE.js';
-
-var intlMessages = {
-  "da-DK": da,
-  "en-US": en,
-  "de-DE": de,
-  "fi-FI": fi,
-  "no-NO": no,
-  "pl-PL": pl,
-  "sv-SE": se
-};
-
-export { intlMessages as default };
-//# sourceMappingURL=index.js.map

package/build/esm/Calendar/i18n/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/Calendar/i18n/index.ts"],"sourcesContent":["import da from './da-DK.json';\nimport en from './en-US.json';\nimport de from './de-DE.json';\nimport fi from './fi-FI.json';\nimport no from './nb-NO.json';\nimport pl from './pl-PL.json';\nimport se from './sv-SE.json';\n\nexport default {\n  'da-DK': da,\n  'en-US': en,\n  'de-DE': de,\n  'fi-FI': fi,\n  'no-NO': no,\n  'pl-PL': pl,\n  'sv-SE': se,\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,mBAAe;AAAA,EACb,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,CAAA;;;;"}

package/build/esm/Calendar/i18n/nb-NO.js

@@ -1,9 +0,0 @@
-var year = "År";
-var week = "Uke {weekNumber}";
-var no = {
-	year: year,
-	week: week
-};
-
-export { no as default, week, year };
-//# sourceMappingURL=nb-NO.js.map

package/build/esm/Calendar/i18n/nb-NO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nb-NO.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/pl-PL.js

@@ -1,9 +0,0 @@
-var year = "Rok";
-var week = "Tydzień {weekNumber}";
-var pl = {
-	year: year,
-	week: week
-};
-
-export { pl as default, week, year };
-//# sourceMappingURL=pl-PL.js.map

package/build/esm/Calendar/i18n/pl-PL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pl-PL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/i18n/sv-SE.js

@@ -1,9 +0,0 @@
-var year = "År";
-var week = "Vecka {weekNumber}";
-var se = {
-	year: year,
-	week: week
-};
-
-export { se as default, week, year };
-//# sourceMappingURL=sv-SE.js.map

package/build/esm/Calendar/i18n/sv-SE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sv-SE.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/esm/Calendar/src/Calendar.js

@@ -1,121 +0,0 @@
-import React from 'react';
-import { createCalendar } from '@internationalized/date';
-import { useCalendar } from '@react-aria/calendar';
-import { mergeProps, filterDOMProps } from '@react-aria/utils';
-import { useThemeCheck, useSapphireStyleProps, Button } from '@danske/sapphire-react';
-import styles from '@danske/sapphire-css/components/calendar/calendar.module.css';
-import { CalendarDaysGrid } from './CalendarDaysGrid.js';
-import { useLocale, useMessageFormatter, useDateFormatter } from '@react-aria/i18n';
-import { CalendarMonthsGrid } from './CalendarMonthsGrid.js';
-import { CalendarYearsGrid } from './CalendarYearsGrid.js';
-import { useSapphireCalendarState } from './useSapphireCalendarState.js';
-import clsx from 'clsx';
-import { CalendarHeader } from './CalendarHeader.js';
-import { useCalendarAnimationState, CalendarPageAnimation } from './CalendarPageAnimation.js';
-import intlMessages from '../i18n/index.js';
-import { sentenceCase } from './utils.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Calendar = (_a) => {
-  var _b = _a, {
-    showWeekNumbers
-  } = _b, props = __objRest(_b, [
-    "showWeekNumbers"
-  ]);
-  useThemeCheck();
-  const { locale } = useLocale();
-  const formatMessage = useMessageFormatter(intlMessages);
-  const { styleProps } = useSapphireStyleProps(props);
-  const state = useCalendarAnimationState(useSapphireCalendarState(__spreadProps(__spreadValues({
-    selectionAlignment: "start"
-  }, props), {
-    locale,
-    createCalendar
-  })));
-  const monthDateFormatter = useDateFormatter({
-    month: "long",
-    year: "numeric",
-    era: state.visibleRange.start.calendar.identifier === "gregory" && state.visibleRange.start.era === "BC" ? "short" : void 0,
-    calendar: state.visibleRange.start.calendar.identifier,
-    timeZone: state.timeZone
-  });
-  const { calendarProps, prevButtonProps, nextButtonProps } = useCalendar(props, state);
-  const renderGrid = () => {
-    switch (state.view) {
-      case "years":
-        return /* @__PURE__ */ React.createElement(CalendarYearsGrid, {
-          state
-        });
-      case "months":
-        return /* @__PURE__ */ React.createElement(CalendarMonthsGrid, {
-          state
-        });
-      case "days":
-      default:
-        return /* @__PURE__ */ React.createElement(CalendarDaysGrid, {
-          state,
-          showWeekNumbers
-        });
-    }
-  };
-  const renderTitle = () => {
-    switch (state.view) {
-      case "days":
-        return sentenceCase(monthDateFormatter.format(state.visibleRange.start.toDate(state.timeZone)));
-      case "months":
-        return state.focusedDate.year;
-      case "years":
-        return sentenceCase(formatMessage("year"));
-    }
-  };
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({
-    className: styles["sapphire-calendar"]
-  }, mergeProps(calendarProps, filterDOMProps(props))), /* @__PURE__ */ React.createElement("div", {
-    className: clsx(styles["sapphire-calendar__table-container"], styleProps.className),
-    style: styleProps.style
-  }, /* @__PURE__ */ React.createElement(CalendarHeader, {
-    prevButtonProps,
-    nextButtonProps
-  }, state.canBroadenView ? /* @__PURE__ */ React.createElement(Button, {
-    onPress: state.broadenView,
-    isDisabled: state.isDisabled,
-    variant: "tertiary",
-    appearance: "ghost",
-    size: "large"
-  }, renderTitle()) : renderTitle()), state.view === "days" ? /* @__PURE__ */ React.createElement(CalendarPageAnimation, {
-    state: state.animationState
-  }, renderGrid()) : renderGrid()));
-};
-
-export { Calendar };
-//# sourceMappingURL=Calendar.js.map

package/build/esm/Calendar/src/Calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../src/Calendar/src/Calendar.tsx"],"sourcesContent":["import React from 'react';\nimport { createCalendar, DateValue } from '@internationalized/date';\nimport { AriaCalendarProps, useCalendar } from '@react-aria/calendar';\nimport { filterDOMProps, mergeProps } from '@react-aria/utils';\n\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  Button,\n} from '@danske/sapphire-react';\nimport styles from '@danske/sapphire-css/components/calendar/calendar.module.css';\n\nimport { CalendarDaysGrid } from './CalendarDaysGrid';\nimport {\n  useDateFormatter,\n  useLocale,\n  useMessageFormatter,\n} from '@react-aria/i18n';\nimport { CalendarMonthsGrid } from './CalendarMonthsGrid';\nimport { CalendarYearsGrid } from './CalendarYearsGrid';\nimport {\n  SapphireCalendarStateOptions,\n  useSapphireCalendarState,\n} from './useSapphireCalendarState';\nimport clsx from 'clsx';\nimport { CalendarHeader } from './CalendarHeader';\nimport {\n  CalendarPageAnimation,\n  useCalendarAnimationState,\n} from './CalendarPageAnimation';\nimport intlMessages from '../i18n';\nimport { sentenceCase } from './utils';\n\nexport interface SapphireCalendarProps<T extends DateValue = DateValue>\n  extends SapphireStyleProps,\n    Omit<AriaCalendarProps<T>, 'validationState' | 'errorMessage'>,\n    Omit<SapphireCalendarStateOptions<T>, 'createCalendar'> {\n  /**\n   * Whether week numbers are visible as a first column\n   */\n  showWeekNumbers?: boolean;\n}\n\n/**\n * Displays a calendar and allows users to select a single date. It displays a grid of days in one\n * month, by default, and the user can navigate to previous and next months. It's also possible\n * to navigate to months and years view, to quickly jump to a date far away from the focused date.\n */\nexport const Calendar = <T extends DateValue = DateValue>({\n  showWeekNumbers,\n  ...props\n}: Omit<SapphireCalendarProps<T>, 'locale'>): JSX.Element => {\n  useThemeCheck();\n  const { locale } = useLocale();\n  const formatMessage = useMessageFormatter(intlMessages);\n\n  const { styleProps } = useSapphireStyleProps(props);\n  const state = useCalendarAnimationState(\n    useSapphireCalendarState({\n      selectionAlignment: 'start',\n      ...props,\n      locale,\n      createCalendar,\n    })\n  );\n\n  const monthDateFormatter = useDateFormatter({\n    month: 'long',\n    year: 'numeric',\n    era:\n      state.visibleRange.start.calendar.identifier === 'gregory' &&\n      state.visibleRange.start.era === 'BC'\n        ? 'short'\n        : undefined,\n    calendar: state.visibleRange.start.calendar.identifier,\n    timeZone: state.timeZone,\n  });\n\n  const { calendarProps, prevButtonProps, nextButtonProps } = useCalendar(\n    props,\n    state\n  );\n\n  const renderGrid = () => {\n    switch (state.view) {\n      case 'years':\n        return <CalendarYearsGrid state={state} />;\n      case 'months':\n        return <CalendarMonthsGrid state={state} />;\n      case 'days':\n      default:\n        return (\n          <CalendarDaysGrid state={state} showWeekNumbers={showWeekNumbers} />\n        );\n    }\n  };\n\n  const renderTitle = () => {\n    switch (state.view) {\n      case 'days':\n        return sentenceCase(\n          monthDateFormatter.format(\n            state.visibleRange.start.toDate(state.timeZone)\n          )\n        );\n      case 'months':\n        return state.focusedDate.year;\n      case 'years':\n        return sentenceCase(formatMessage('year'));\n    }\n  };\n\n  return (\n    <div\n      className={styles['sapphire-calendar']}\n      {...mergeProps(calendarProps, filterDOMProps(props))}\n    >\n      <div\n        className={clsx(\n          styles['sapphire-calendar__table-container'],\n          styleProps.className\n        )}\n        style={styleProps.style}\n      >\n        <CalendarHeader\n          prevButtonProps={prevButtonProps}\n          nextButtonProps={nextButtonProps}\n        >\n          {state.canBroadenView ? (\n            <Button\n              onPress={state.broadenView}\n              isDisabled={state.isDisabled}\n              variant=\"tertiary\"\n              appearance=\"ghost\"\n              size=\"large\"\n            >\n              {renderTitle()}\n            </Button>\n          ) : (\n            renderTitle()\n          )}\n        </CalendarHeader>\n        {state.view === 'days' ? (\n          <CalendarPageAnimation state={state.animationState}>\n            {renderGrid()}\n          </CalendarPageAnimation>\n        ) : (\n          renderGrid()\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/build/esm/Calendar/src/CalendarButtons.js

@@ -1,96 +0,0 @@
-import React from 'react';
-import clsx from 'clsx';
-import { FocusRing } from '@react-aria/focus';
-import styles from '@danske/sapphire-css/components/calendar/calendar.module.css';
-import { useHover } from '@react-aria/interactions';
-import { mergeProps } from '@react-aria/utils';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const CalendarButton = React.forwardRef(function SapphireCalendarButton(_a, forwardedRef) {
-  var _b = _a, {
-    children,
-    className = "",
-    isSelected,
-    isDisabled,
-    isInGridCell,
-    hasCurrentIndicator
-  } = _b, otherProps = __objRest(_b, [
-    "children",
-    "className",
-    "isSelected",
-    "isDisabled",
-    "isInGridCell",
-    "hasCurrentIndicator"
-  ]);
-  const { hoverProps, isHovered } = useHover({ isDisabled });
-  const ElementType = isInGridCell ? "span" : "button";
-  return /* @__PURE__ */ React.createElement(FocusRing, {
-    focusRingClass: styles["is-focus"]
-  }, /* @__PURE__ */ React.createElement(ElementType, __spreadProps(__spreadValues(__spreadValues({
-    ref: forwardedRef,
-    role: "button"
-  }, ElementType === "button" ? { type: "button" } : {}), mergeProps(otherProps, hoverProps)), {
-    className: clsx(className, styles["js-focus"], styles["js-hover"], styles["sapphire-calendar__button"], {
-      [styles[`sapphire-calendar__button--selected`]]: isSelected,
-      [styles["sapphire-calendar__button--current"]]: hasCurrentIndicator,
-      [styles[`is-hover`]]: isHovered,
-      [styles[`is-disabled`]]: isDisabled
-    })
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: styles["sapphire-calendar__button-text"]
-  }, children)));
-});
-const CalendarDayButton = React.forwardRef(function SapphireCalendarDayButton(_c, forwardedRef) {
-  var _d = _c, {
-    isOutsideVisibleRange,
-    rangeHighlight
-  } = _d, props = __objRest(_d, [
-    "isOutsideVisibleRange",
-    "rangeHighlight"
-  ]);
-  return /* @__PURE__ */ React.createElement(CalendarButton, __spreadProps(__spreadValues({}, props), {
-    isInGridCell: true,
-    className: clsx(styles["sapphire-calendar__button--day"], {
-      [styles["sapphire-calendar__button--range-selection"]]: rangeHighlight.highlighted,
-      [styles["sapphire-calendar__button--range-start"]]: rangeHighlight.highlighted && rangeHighlight.start,
-      [styles["sapphire-calendar__button--range-end"]]: rangeHighlight.highlighted && rangeHighlight.end,
-      [styles["sapphire-calendar__button--selection-start"]]: rangeHighlight.highlighted && rangeHighlight.start && props.isSelected,
-      [styles["sapphire-calendar__button--selection-end"]]: rangeHighlight.highlighted && rangeHighlight.end && props.isSelected,
-      [styles["sapphire-calendar__button--outside-month"]]: isOutsideVisibleRange
-    }),
-    ref: forwardedRef
-  }));
-});
-
-export { CalendarButton, CalendarDayButton };
-//# sourceMappingURL=CalendarButtons.js.map

package/build/esm/Calendar/src/CalendarButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarButtons.js","sources":["../../../../src/Calendar/src/CalendarButtons.tsx"],"sourcesContent":["import React, { DOMAttributes, ForwardedRef, HTMLAttributes } from 'react';\nimport clsx from 'clsx';\nimport { FocusRing } from '@react-aria/focus';\n\nimport styles from '@danske/sapphire-css/components/calendar/calendar.module.css';\nimport { useHover } from '@react-aria/interactions';\nimport { mergeProps } from '@react-aria/utils';\n\ninterface CalendarButtonProps extends DOMAttributes<HTMLButtonElement> {\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  hasCurrentIndicator?: boolean;\n  tabIndex?: HTMLAttributes<HTMLButtonElement>['tabIndex'];\n  isInGridCell?: boolean;\n}\n\nexport const CalendarButton = React.forwardRef(function SapphireCalendarButton(\n  {\n    children,\n    className = '',\n    isSelected,\n    isDisabled,\n    isInGridCell,\n    hasCurrentIndicator,\n    ...otherProps\n  }: CalendarButtonProps & { className?: string },\n  forwardedRef: ForwardedRef<HTMLButtonElement>\n) {\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  const ElementType: 'span' | 'button' = isInGridCell ? 'span' : 'button';\n\n  return (\n    <FocusRing focusRingClass={styles['is-focus']}>\n      <ElementType\n        ref={forwardedRef}\n        role=\"button\"\n        {...(ElementType === 'button' ? ({ type: 'button' } as const) : {})}\n        {...mergeProps(otherProps, hoverProps)}\n        className={clsx(\n          className,\n          styles['js-focus'],\n          styles['js-hover'],\n          styles['sapphire-calendar__button'],\n          {\n            [styles[`sapphire-calendar__button--selected`]]: isSelected,\n            [styles['sapphire-calendar__button--current']]: hasCurrentIndicator,\n            [styles[`is-hover`]]: isHovered,\n            [styles[`is-disabled`]]: isDisabled,\n          }\n        )}\n      >\n        <span className={styles['sapphire-calendar__button-text']}>\n          {children}\n        </span>\n      </ElementType>\n    </FocusRing>\n  );\n});\n\nexport const CalendarDayButton = React.forwardRef(\n  function SapphireCalendarDayButton(\n    {\n      isOutsideVisibleRange,\n      rangeHighlight,\n      ...props\n    }: CalendarButtonProps & {\n      rangeHighlight:\n        | { highlighted: false }\n        | { highlighted: true; start?: boolean | null; end?: boolean | null };\n      isOutsideVisibleRange?: boolean;\n    },\n    forwardedRef: ForwardedRef<HTMLButtonElement>\n  ) {\n    return (\n      <CalendarButton\n        {...props}\n        isInGridCell\n        className={clsx(styles['sapphire-calendar__button--day'], {\n          [styles['sapphire-calendar__button--range-selection']]:\n            rangeHighlight.highlighted,\n          [styles['sapphire-calendar__button--range-start']]:\n            rangeHighlight.highlighted && rangeHighlight.start,\n          [styles['sapphire-calendar__button--range-end']]:\n            rangeHighlight.highlighted && rangeHighlight.end,\n          [styles['sapphire-calendar__button--selection-start']]:\n            rangeHighlight.highlighted &&\n            rangeHighlight.start &&\n            props.isSelected,\n          [styles['sapphire-calendar__button--selection-end']]:\n            rangeHighlight.highlighted &&\n            rangeHighlight.end &&\n            props.isSelected,\n          [styles['sapphire-calendar__button--outside-month']]:\n            isOutsideVisibleRange,\n        })}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n"],"names":[],"mappings":"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"}