@danske/sapphire-react-lab 0.88.1 → 0.90.2

package/build/esm/SearchField/src/useComboBoxState.js

@@ -1,42 +0,0 @@
-import { useComboBoxState as useComboBoxState$1 } from '@react-stately/combobox';
-
-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));
-const useComboBoxState = (options) => {
-  const state = useComboBoxState$1(__spreadProps(__spreadValues({}, options), {
-    defaultFilter: (textValue, query) => {
-      if (query.length > 0) {
-        return options.defaultFilter ? options.defaultFilter(textValue, query) : textValue.toLowerCase().includes(query.toLowerCase());
-      } else {
-        return false;
-      }
-    }
-  }));
-  return __spreadProps(__spreadValues({}, state), {
-    open: (focusStrategy, triggerMode) => {
-      if (triggerMode !== "manual") {
-        state.open(focusStrategy, triggerMode);
-      }
-    }
-  });
-};
-
-export { useComboBoxState };
-//# sourceMappingURL=useComboBoxState.js.map

package/build/esm/SearchField/src/useComboBoxState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useComboBoxState.js","sources":["../../../../src/SearchField/src/useComboBoxState.ts"],"sourcesContent":["import { useComboBoxState as originalUseComboBoxState } from '@react-stately/combobox';\n\n/**\n * A wrapper for `useComboBoxState` to make the combobox more like \"autocomplete\":\n *\n * 1) We don't want to allow opening the combobox \"manually\".\n * In react-aria terms \"manual\" opening means where the user explicitly\n * wants to open the popover.\n * In the autocomplete feature we don't want such behaviour because the\n * popover has the role of assisting typing, not \"selecting\" a value.\n *\n * 2) We don't want to show any options if the query is empty.\n *\n * More details here\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/combobox/src/useComboBox.ts\n */\nexport const useComboBoxState: typeof originalUseComboBoxState = (options) => {\n  const state = originalUseComboBoxState({\n    ...options,\n    defaultFilter: (textValue, query) => {\n      if (query.length > 0) {\n        return options.defaultFilter\n          ? options.defaultFilter(textValue, query)\n          : textValue.toLowerCase().includes(query.toLowerCase());\n      } else {\n        return false;\n      }\n    },\n  });\n  return {\n    ...state,\n    open: (focusStrategy, triggerMode) => {\n      if (triggerMode !== 'manual') {\n        state.open(focusStrategy, triggerMode);\n      }\n    },\n  };\n};\n"],"names":["originalUseComboBoxState"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgBa,MAAA,gBAAA,GAAoD,CAAC,OAAY,KAAA;AAC5E,EAAM,MAAA,KAAA,GAAQA,kBAAyB,CAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAClC,OADkC,CAAA,EAAA;AAAA,IAErC,aAAA,EAAe,CAAC,SAAA,EAAW,KAAU,KAAA;AACnC,MAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,QAAO,OAAA,OAAA,CAAQ,gBACX,OAAQ,CAAA,aAAA,CAAc,WAAW,KACjC,CAAA,GAAA,SAAA,CAAU,WAAc,EAAA,CAAA,QAAA,CAAS,KAAM,CAAA,WAAA,EAAA,CAAA,CAAA;AAAA,OACtC,MAAA;AACL,QAAO,OAAA,KAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAIb,EAAA,OAAO,iCACF,KADE,CAAA,EAAA;AAAA,IAEL,IAAA,EAAM,CAAC,aAAA,EAAe,WAAgB,KAAA;AACpC,MAAA,IAAI,gBAAgB,QAAU,EAAA;AAC5B,QAAA,KAAA,CAAM,KAAK,aAAe,EAAA,WAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/Toast/src/Toast.js

@@ -1,77 +0,0 @@
-import React, { useRef } from 'react';
-import clsx from 'clsx';
-import { useToast } from '@react-aria/toast';
-import { useSapphireStyleProps, Icon } from '@danske/sapphire-react';
-import styles from '@danske/sapphire-css/components/toast/toast.module.css';
-import { CheckMarkCircle } from '@danske/sapphire-icons/react';
-import { ToastCloseButton } from './ToastCloseButton.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 Toast = (_a) => {
-  var _b = _a, {
-    state
-  } = _b, props = __objRest(_b, [
-    "state"
-  ]);
-  var _a2;
-  const {
-    styleProps: { style, className }
-  } = useSapphireStyleProps(props);
-  const ref = useRef(null);
-  const { toastProps, titleProps, closeButtonProps } = useToast(props, state, ref);
-  const content = props.toast.content;
-  const icon = (_a2 = content.icon) != null ? _a2 : content.variant === "success" ? /* @__PURE__ */ React.createElement(CheckMarkCircle, null) : null;
-  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, toastProps), {
-    className: clsx(styles["sapphire-toast"], props.toast.animation ? styles[`sapphire-toast--${props.toast.animation}`] : {}, className),
-    style,
-    ref,
-    onAnimationEnd: () => {
-      if (props.toast.animation === "exiting") {
-        state.remove(props.toast.key);
-      }
-    }
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: clsx(styles["sapphire-toast__content"], {
-      [styles["sapphire-toast__content--success"]]: content.variant === "success"
-    })
-  }, icon && /* @__PURE__ */ React.createElement(Icon, {
-    size: "m"
-  }, icon), /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, titleProps), {
-    className: clsx({
-      [styles["sapphire-toast__title--with-icon"]]: icon
-    })
-  }), content.content), /* @__PURE__ */ React.createElement(ToastCloseButton, __spreadValues({}, closeButtonProps))));
-};
-
-export { Toast };
-//# sourceMappingURL=Toast.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.js","sources":["../../../../src/Toast/src/Toast.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport clsx from 'clsx';\nimport { AriaToastProps, useToast } from '@react-aria/toast';\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  Icon,\n} from '@danske/sapphire-react';\n\nimport styles from '@danske/sapphire-css/components/toast/toast.module.css';\nimport { ToastState } from '@react-stately/toast';\nimport { CheckMarkCircle } from '@danske/sapphire-icons/react';\nimport { ToastData } from './context';\nimport { ToastCloseButton } from './ToastCloseButton';\n\nexport type ToastProps<T extends ToastData> = AriaToastProps<T> &\n  SapphireStyleProps & {\n    state: ToastState<T>;\n  };\n\nexport const Toast = <T extends ToastData>({\n  state,\n  ...props\n}: ToastProps<T>) => {\n  const {\n    styleProps: { style, className },\n  } = useSapphireStyleProps(props);\n\n  const ref = useRef(null);\n  const { toastProps, titleProps, closeButtonProps } = useToast(\n    props,\n    state,\n    ref\n  );\n\n  const content = props.toast.content;\n\n  const icon =\n    content.icon ??\n    (content.variant === 'success' ? <CheckMarkCircle /> : null);\n\n  return (\n    <div\n      {...toastProps}\n      className={clsx(\n        styles['sapphire-toast'],\n        props.toast.animation\n          ? styles[`sapphire-toast--${props.toast.animation}`]\n          : {},\n        className\n      )}\n      style={style}\n      ref={ref}\n      onAnimationEnd={() => {\n        // Remove the toast when the exiting animation completes.\n        if (props.toast.animation === 'exiting') {\n          state.remove(props.toast.key);\n        }\n      }}\n    >\n      <div\n        className={clsx(styles['sapphire-toast__content'], {\n          [styles['sapphire-toast__content--success']]:\n            content.variant === 'success',\n        })}\n      >\n        {icon && <Icon size=\"m\">{icon}</Icon>}\n        <div\n          {...titleProps}\n          className={clsx({\n            [styles['sapphire-toast__title--with-icon']]: icon,\n          })}\n        >\n          {content.content}\n        </div>\n        <ToastCloseButton {...closeButtonProps} />\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBa,MAAA,KAAA,GAAQ,CAAsB,EAGtB,KAAA;AAHsB,EACzC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,GADyC,GAAA,EAAA,EAEtC,kBAFsC,EAEtC,EAAA;AAAA,IADH,OAAA;AAAA,GAAA,CAAA,CAAA;AArBF,EAAA,IAAA,GAAA,CAAA;AAwBE,EAAM,MAAA;AAAA,IACJ,UAAA,EAAY,EAAE,KAAO,EAAA,SAAA,EAAA;AAAA,GAAA,GACnB,qBAAsB,CAAA,KAAA,CAAA,CAAA;AAE1B,EAAA,MAAM,MAAM,MAAO,CAAA,IAAA,CAAA,CAAA;AACnB,EAAA,MAAM,EAAE,UAAY,EAAA,UAAA,EAAY,gBAAqB,EAAA,GAAA,QAAA,CACnD,OACA,KACA,EAAA,GAAA,CAAA,CAAA;AAGF,EAAM,MAAA,OAAA,GAAU,MAAM,KAAM,CAAA,OAAA,CAAA;AAE5B,EAAM,MAAA,IAAA,GACJ,eAAQ,IAAR,KAAA,IAAA,GAAA,GAAA,GACC,QAAQ,OAAY,KAAA,SAAA,mBAAa,KAAA,CAAA,aAAA,CAAA,eAAA,EAAD,IAAsB,CAAA,GAAA,IAAA,CAAA;AAEzD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,UADN,CAAA,EAAA;AAAA,IAEE,SAAW,EAAA,IAAA,CACT,MAAO,CAAA,gBAAA,CAAA,EACP,KAAM,CAAA,KAAA,CAAM,SACR,GAAA,MAAA,CAAO,CAAmB,gBAAA,EAAA,KAAA,CAAM,KAAM,CAAA,SAAA,CAAA,CAAA,CAAA,GACtC,EACJ,EAAA,SAAA,CAAA;AAAA,IAEF,KAAA;AAAA,IACA,GAAA;AAAA,IACA,gBAAgB,MAAM;AAEpB,MAAI,IAAA,KAAA,CAAM,KAAM,CAAA,SAAA,KAAc,SAAW,EAAA;AACvC,QAAM,KAAA,CAAA,MAAA,CAAO,MAAM,KAAM,CAAA,GAAA,CAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAAA,CAAA,sCAI5B,KAAD,EAAA;AAAA,IACE,SAAA,EAAW,IAAK,CAAA,MAAA,CAAO,yBAA4B,CAAA,EAAA;AAAA,MAChD,CAAA,MAAA,CAAO,kCACN,CAAA,GAAA,OAAA,CAAQ,OAAY,KAAA,SAAA;AAAA,KAAA,CAAA;AAAA,GAGvB,EAAA,IAAA,wCAAS,IAAD,EAAA;AAAA,IAAM,IAAK,EAAA,GAAA;AAAA,GAAA,EAAK,IACzB,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,UADN,CAAA,EAAA;AAAA,IAEE,WAAW,IAAK,CAAA;AAAA,MAAA,CACb,OAAO,kCAAsC,CAAA,GAAA,IAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,EAG/C,OAAQ,CAAA,OAAA,CAAA,kBAEV,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAD,cAAsB,CAAA,EAAA,EAAA,gBAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/Toast/src/ToastCloseButton.js

@@ -1,50 +0,0 @@
-import React, { useRef } from 'react';
-import { useButton, Icon } from '@danske/sapphire-react';
-import { useHover } from '@react-aria/interactions';
-import { useFocusRing, FocusRing } from '@react-aria/focus';
-import { mergeProps } from '@react-aria/utils';
-import clsx from 'clsx';
-import styles from '@danske/sapphire-css/components/toast/toast.module.css';
-import { Close } from '@danske/sapphire-icons/react';
-
-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));
-const ToastCloseButton = (props) => {
-  const ref = useRef(null);
-  const { buttonProps, isPressed } = useButton(props, ref);
-  const { hoverProps, isHovered } = useHover({ isDisabled: props.isDisabled });
-  const { focusProps, isFocusVisible } = useFocusRing();
-  return /* @__PURE__ */ React.createElement(FocusRing, {
-    focusRingClass: clsx(styles["is-focus"])
-  }, /* @__PURE__ */ React.createElement("button", __spreadProps(__spreadValues({}, mergeProps(buttonProps, hoverProps, focusProps)), {
-    "aria-label": "Close",
-    ref,
-    className: clsx(styles["sapphire-toast__close-button"], styles["js-focus"], styles["js-hover"], {
-      [styles["is-active"]]: isPressed,
-      [styles["is-hover"]]: isHovered,
-      [styles["is-focus"]]: isFocusVisible
-    })
-  }), /* @__PURE__ */ React.createElement(Icon, {
-    size: "s"
-  }, /* @__PURE__ */ React.createElement(Close, null))));
-};
-
-export { ToastCloseButton };
-//# sourceMappingURL=ToastCloseButton.js.map

package/build/esm/Toast/src/ToastCloseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastCloseButton.js","sources":["../../../../src/Toast/src/ToastCloseButton.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { AriaButtonProps } from '@react-aria/button';\nimport { Icon, useButton } from '@danske/sapphire-react';\nimport { useHover } from '@react-aria/interactions';\nimport { FocusRing, useFocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/toast/toast.module.css';\nimport { Close } from '@danske/sapphire-icons/react';\n\n/**\n * @internal\n */\nexport const ToastCloseButton = (props: AriaButtonProps) => {\n  const ref = useRef(null);\n  const { buttonProps, isPressed } = useButton(props, ref);\n  const { hoverProps, isHovered } = useHover({ isDisabled: props.isDisabled });\n  const { focusProps, isFocusVisible } = useFocusRing();\n\n  return (\n    <FocusRing focusRingClass={clsx(styles['is-focus'])}>\n      <button\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n        aria-label=\"Close\"\n        ref={ref}\n        className={clsx(\n          styles['sapphire-toast__close-button'],\n          styles['js-focus'],\n          styles['js-hover'],\n          {\n            [styles['is-active']]: isPressed,\n            [styles['is-hover']]: isHovered,\n            [styles['is-focus']]: isFocusVisible,\n          }\n        )}\n      >\n        <Icon size=\"s\">\n          <Close />\n        </Icon>\n      </button>\n    </FocusRing>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaa,MAAA,gBAAA,GAAmB,CAAC,KAA2B,KAAA;AAC1D,EAAA,MAAM,MAAM,MAAO,CAAA,IAAA,CAAA,CAAA;AACnB,EAAA,MAAM,EAAE,WAAA,EAAa,SAAc,EAAA,GAAA,SAAA,CAAU,KAAO,EAAA,GAAA,CAAA,CAAA;AACpD,EAAA,MAAM,EAAE,UAAY,EAAA,SAAA,EAAA,GAAc,QAAS,CAAA,EAAE,YAAY,KAAM,CAAA,UAAA,EAAA,CAAA,CAAA;AAC/D,EAAM,MAAA,EAAE,YAAY,cAAmB,EAAA,GAAA,YAAA,EAAA,CAAA;AAEvC,EAAA,2CACG,SAAD,EAAA;AAAA,IAAW,cAAA,EAAgB,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,GAAA,sCACpC,QAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,UAAW,CAAA,WAAA,EAAa,YAAY,UAD1C,CAAA,CAAA,EAAA;AAAA,IAEE,YAAW,EAAA,OAAA;AAAA,IACX,GAAA;AAAA,IACA,WAAW,IACT,CAAA,MAAA,CAAO,iCACP,MAAO,CAAA,UAAA,CAAA,EACP,OAAO,UACP,CAAA,EAAA;AAAA,MAAA,CACG,OAAO,WAAe,CAAA,GAAA,SAAA;AAAA,MAAA,CACtB,OAAO,UAAc,CAAA,GAAA,SAAA;AAAA,MAAA,CACrB,OAAO,UAAc,CAAA,GAAA,cAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,sCAIzB,IAAD,EAAA;AAAA,IAAM,IAAK,EAAA,GAAA;AAAA,GAAA,sCACR,KAAD,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/Toast/src/ToastProvider.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import { useThemeCheck } from '@danske/sapphire-react';
-import { useToastState } from '@react-stately/toast';
-import { ToastRegion } from './ToastRegion.js';
-import { ToastContext } from './context.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 ToastProvider = (_a) => {
-  var _b = _a, {
-    children,
-    placement = "bottom"
-  } = _b, props = __objRest(_b, [
-    "children",
-    "placement"
-  ]);
-  useThemeCheck();
-  const state = useToastState({
-    maxVisibleToasts: 1,
-    hasExitAnimation: true
-  });
-  return /* @__PURE__ */ React.createElement(ToastContext.Provider, {
-    value: state
-  }, children, state.visibleToasts.length > 0 && /* @__PURE__ */ React.createElement(ToastRegion, __spreadProps(__spreadValues({}, props), {
-    state,
-    placement
-  })));
-};
-
-export { ToastProvider };
-//# sourceMappingURL=ToastProvider.js.map

package/build/esm/Toast/src/ToastProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastProvider.js","sources":["../../../../src/Toast/src/ToastProvider.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { useThemeCheck } from '@danske/sapphire-react';\n\nimport { useToastState } from '@react-stately/toast';\nimport { ToastRegionProps, ToastRegion } from './ToastRegion';\nimport { ToastContext, ToastData } from './context';\n\nexport type ToastProviderProps = Omit<ToastRegionProps<ReactNode>, 'state'> & {\n  children: React.ReactNode;\n};\n\n/**\n * Sapphire toast provider.\n * Render this at the root of your app.\n */\nexport const ToastProvider = ({\n  children,\n  placement = 'bottom',\n  ...props\n}: ToastProviderProps) => {\n  useThemeCheck();\n\n  const state = useToastState<ToastData>({\n    maxVisibleToasts: 1,\n    hasExitAnimation: true,\n  });\n\n  return (\n    <ToastContext.Provider value={state}>\n      {children}\n      {state.visibleToasts.length > 0 && (\n        <ToastRegion {...props} state={state} placement={placement} />\n      )}\n    </ToastContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAea,MAAA,aAAA,GAAgB,CAAC,EAIJ,KAAA;AAJI,EAC5B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAY,GAAA,QAAA;AAAA,GAFgB,GAAA,EAAA,EAGzB,kBAHyB,EAGzB,EAAA;AAAA,IAFH,UAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,aAAA,EAAA,CAAA;AAEA,EAAA,MAAM,QAAQ,aAAyB,CAAA;AAAA,IACrC,gBAAkB,EAAA,CAAA;AAAA,IAClB,gBAAkB,EAAA,IAAA;AAAA,GAAA,CAAA,CAAA;AAGpB,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,aAAa,QAAd,EAAA;AAAA,IAAuB,KAAO,EAAA,KAAA;AAAA,GAC3B,EAAA,QAAA,EACA,MAAM,aAAc,CAAA,MAAA,GAAS,qBAC3B,KAAA,CAAA,aAAA,CAAA,WAAA,EAAD,iCAAiB,KAAjB,CAAA,EAAA;AAAA,IAAwB,KAAA;AAAA,IAAc,SAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/Toast/src/ToastRegion.js

@@ -1,66 +0,0 @@
-import React, { useRef } from 'react';
-import { useToastRegion } from '@react-aria/toast';
-import clsx from 'clsx';
-import { useThemeContext, SapphireOverlayContainer, ThemeRoot } from '@danske/sapphire-react';
-import styles from '@danske/sapphire-css/components/toast/toast.module.css';
-import { Toast } from './Toast.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 ToastRegion = (_a) => {
-  var _b = _a, {
-    state,
-    placement = "bottom"
-  } = _b, props = __objRest(_b, [
-    "state",
-    "placement"
-  ]);
-  const ref = useRef(null);
-  const { regionProps } = useToastRegion(props, state, ref);
-  const { overlayZIndex = 100 } = useThemeContext();
-  return /* @__PURE__ */ React.createElement(SapphireOverlayContainer, null, /* @__PURE__ */ React.createElement(ThemeRoot, {
-    contrast: true
-  }, /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, regionProps), {
-    ref,
-    className: clsx(styles["sapphire-toast-container"], styles[`sapphire-toast-container--${placement}`]),
-    style: {
-      zIndex: overlayZIndex + 200
-    }
-  }), state.visibleToasts.map((toast) => /* @__PURE__ */ React.createElement(Toast, __spreadProps(__spreadValues({}, props), {
-    key: toast.key,
-    toast,
-    state
-  }))))));
-};
-
-export { ToastRegion };
-//# sourceMappingURL=ToastRegion.js.map

package/build/esm/Toast/src/ToastRegion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastRegion.js","sources":["../../../../src/Toast/src/ToastRegion.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { AriaToastRegionProps, useToastRegion } from '@react-aria/toast';\nimport clsx from 'clsx';\nimport {\n  SapphireOverlayContainer,\n  SapphireStyleProps,\n  ThemeRoot,\n  useThemeContext,\n} from '@danske/sapphire-react';\n\nimport styles from '@danske/sapphire-css/components/toast/toast.module.css';\nimport { ToastState } from '@react-stately/toast';\nimport { Toast } from './Toast';\nimport { ToastData } from './context';\n\ntype VerticalPlacement = 'top' | 'bottom';\ntype HorizontalPlacement = 'left' | 'right';\n\nexport type ToastRegionProps<T> = AriaToastRegionProps &\n  SapphireStyleProps & {\n    state: ToastState<T>;\n    /**\n     * Placement of the Toast notifications on the page.\n     */\n    placement?:\n      | VerticalPlacement\n      | `${VerticalPlacement}-${HorizontalPlacement}`;\n  };\n\nexport const ToastRegion = <T extends ToastData>({\n  state,\n  placement = 'bottom',\n  ...props\n}: ToastRegionProps<T>) => {\n  const ref = useRef(null);\n  const { regionProps } = useToastRegion(props, state, ref);\n  const { overlayZIndex = 100 } = useThemeContext();\n\n  return (\n    <SapphireOverlayContainer>\n      <ThemeRoot contrast>\n        <div\n          {...regionProps}\n          ref={ref}\n          className={clsx(\n            styles['sapphire-toast-container'],\n            styles[`sapphire-toast-container--${placement}`]\n          )}\n          style={\n            {\n              zIndex: overlayZIndex + 200,\n            } /* above overlays from @danske/sapphire-react */\n          }\n        >\n          {state.visibleToasts.map((toast) => (\n            <Toast {...props} key={toast.key} toast={toast} state={state} />\n          ))}\n        </div>\n      </ThemeRoot>\n    </SapphireOverlayContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6Ba,MAAA,WAAA,GAAc,CAAsB,EAItB,KAAA;AAJsB,EAC/C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,SAAY,GAAA,QAAA;AAAA,GAFmC,GAAA,EAAA,EAG5C,kBAH4C,EAG5C,EAAA;AAAA,IAFH,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,MAAM,MAAO,CAAA,IAAA,CAAA,CAAA;AACnB,EAAA,MAAM,EAAE,WAAA,EAAA,GAAgB,cAAe,CAAA,KAAA,EAAO,KAAO,EAAA,GAAA,CAAA,CAAA;AACrD,EAAM,MAAA,EAAE,gBAAgB,GAAQ,EAAA,GAAA,eAAA,EAAA,CAAA;AAEhC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,wBAAA,EAAD,IACE,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAD,EAAA;AAAA,IAAW,QAAQ,EAAA,IAAA;AAAA,GACjB,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACM,WADN,CAAA,EAAA;AAAA,IAEE,GAAA;AAAA,IACA,SAAW,EAAA,IAAA,CACT,MAAO,CAAA,0BAAA,CAAA,EACP,OAAO,CAA6B,0BAAA,EAAA,SAAA,CAAA,CAAA,CAAA,CAAA;AAAA,IAEtC,KACE,EAAA;AAAA,MACE,QAAQ,aAAgB,GAAA,GAAA;AAAA,KAAA;AAAA,GAI3B,CAAA,EAAA,KAAA,CAAM,cAAc,GAAI,CAAA,CAAC,0BACvB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAD,iCAAW,KAAX,CAAA,EAAA;AAAA,IAAkB,KAAK,KAAM,CAAA,GAAA;AAAA,IAAK,KAAA;AAAA,IAAc,KAAA;AAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/build/esm/Toast/src/context.js

@@ -1,10 +0,0 @@
-import React, { useContext } from 'react';
-
-const ToastContext = React.createContext(null);
-const useToastContext = () => {
-  const context = useContext(ToastContext);
-  return context;
-};
-
-export { ToastContext, useToastContext };
-//# sourceMappingURL=context.js.map

package/build/esm/Toast/src/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sources":["../../../../src/Toast/src/context.ts"],"sourcesContent":["import React, { ReactNode, useContext } from 'react';\nimport { ToastState } from '@react-stately/toast';\n\nexport interface ToastData {\n  content: ReactNode;\n  variant: 'neutral' | 'success';\n  icon?: React.ReactNode;\n}\n\nexport const ToastContext = React.createContext<ToastState<ToastData> | null>(\n  null\n);\n\nexport const useToastContext = () => {\n  const context = useContext(ToastContext);\n\n  return context;\n};\n"],"names":[],"mappings":";;AASa,MAAA,YAAA,GAAe,MAAM,aAChC,CAAA,IAAA,EAAA;AAGK,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,UAAU,UAAW,CAAA,YAAA,CAAA,CAAA;AAE3B,EAAO,OAAA,OAAA,CAAA;AAAA;;;;"}

package/build/esm/Toast/src/useShowToast.js

@@ -1,25 +0,0 @@
-import { useToastContext } from './context.js';
-
-const useShowToast = () => {
-  const toastState = useToastContext();
-  if (!toastState) {
-    throw new Error('"useShowToast" should be used inside a <ToastProvider>.');
-  }
-  return (content, options) => {
-    const {
-      onClose,
-      timeout = 3e3,
-      variant = "neutral",
-      icon
-    } = options || {};
-    const toastData = {
-      content,
-      variant,
-      icon
-    };
-    toastState.add(toastData, { onClose, timeout });
-  };
-};
-
-export { useShowToast };
-//# sourceMappingURL=useShowToast.js.map

package/build/esm/Toast/src/useShowToast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useShowToast.js","sources":["../../../../src/Toast/src/useShowToast.ts"],"sourcesContent":["import { ToastData, useToastContext } from './context';\nimport { ReactNode } from 'react';\n\nexport type ShowToastFn = (\n  content: ReactNode,\n  options?: ShowToastOptions\n) => void;\n\nexport interface ShowToastOptions {\n  /**\n   * Handler that is called when the toast is closed, either by the user\n   * or after a timeout.\n   */\n  onClose?: () => void;\n  /**\n   * A timeout to automatically close the toast after, in milliseconds.\n   * Note that if the toast is hovered or interacted with, the timeout is\n   * paused.\n   *\n   * @default 3000\n   */\n  timeout?: number;\n  variant?: 'neutral' | 'success';\n  icon?: ReactNode;\n}\n\nexport const useShowToast = (): ShowToastFn => {\n  const toastState = useToastContext();\n\n  if (!toastState) {\n    throw new Error('\"useShowToast\" should be used inside a <ToastProvider>.');\n  }\n\n  return (content, options) => {\n    const {\n      onClose,\n      timeout = 3000,\n      variant = 'neutral',\n      icon,\n    } = options || {};\n\n    const toastData: ToastData = {\n      content,\n      variant,\n      icon,\n    };\n\n    /*\n     * NOTE:\n     * There is an addition \"priority\" parameter to \".add\".\n     * We don't use it now, but we should if we will have different types of\n     * toast notifications with different priorities.\n     */\n    toastState.add(toastData, { onClose, timeout });\n  };\n};\n"],"names":[],"mappings":";;AA0BO,MAAM,eAAe,MAAmB;AAC7C,EAAA,MAAM,UAAa,GAAA,eAAA,EAAA,CAAA;AAEnB,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAA,MAAM,IAAI,KAAM,CAAA,yDAAA,CAAA,CAAA;AAAA,GAAA;AAGlB,EAAO,OAAA,CAAC,SAAS,OAAY,KAAA;AAC3B,IAAM,MAAA;AAAA,MACJ,OAAA;AAAA,MACA,OAAU,GAAA,GAAA;AAAA,MACV,OAAU,GAAA,SAAA;AAAA,MACV,IAAA;AAAA,KAAA,GACE,OAAW,IAAA,EAAA,CAAA;AAEf,IAAA,MAAM,SAAuB,GAAA;AAAA,MAC3B,OAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,KAAA,CAAA;AASF,IAAW,UAAA,CAAA,GAAA,CAAI,SAAW,EAAA,EAAE,OAAS,EAAA,OAAA,EAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA;;;;"}

package/build/esm/ToggleButton/src/ToggleButton.js

@@ -1,85 +0,0 @@
-import React from 'react';
-import { useFocusableRef } from '@react-spectrum/utils';
-import { FocusRing } from '@react-aria/focus';
-import { mergeProps } from '@react-aria/utils';
-import { useToggleButton } from '@react-aria/button';
-import { useHover } from '@react-aria/interactions';
-import { useToggleState } from '@react-stately/toggle';
-import clsx from 'clsx';
-import styles from '@danske/sapphire-css/components/button/button.module.css';
-import { useThemeCheck, useSapphireStyleProps, Icon, usePreventTouchEnd } from '@danske/sapphire-react';
-
-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 ToggleButton = React.forwardRef(function Button(_a, ref) {
-  var _b = _a, {
-    iconAlign = "left",
-    icon,
-    size = "medium"
-  } = _b, otherProps = __objRest(_b, [
-    "iconAlign",
-    "icon",
-    "size"
-  ]);
-  useThemeCheck();
-  const { autoFocus, isDisabled } = otherProps;
-  const domRef = useFocusableRef(ref);
-  const { hoverProps, isHovered } = useHover({ isDisabled });
-  const { styleProps } = useSapphireStyleProps(otherProps);
-  const iconWrapper = icon && /* @__PURE__ */ React.createElement("span", {
-    className: clsx(styles["sapphire-button__icon"])
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    size: size === "small" ? "s" : size === "medium" ? "m" : "l"
-  }, icon));
-  const state = useToggleState(otherProps);
-  const { buttonProps, isPressed } = useToggleButton(otherProps, state, domRef);
-  usePreventTouchEnd(domRef);
-  return /* @__PURE__ */ React.createElement(FocusRing, {
-    focusRingClass: clsx(styles["is-focus"]),
-    autoFocus
-  }, /* @__PURE__ */ React.createElement("button", __spreadProps(__spreadValues({}, mergeProps(buttonProps, hoverProps)), {
-    ref: domRef,
-    style: __spreadValues({}, styleProps.style),
-    className: clsx(styles["sapphire-button"], styles["js-focus"], styles["js-hover"], {
-      [styles["is-active"]]: isPressed,
-      [styles["is-hover"]]: isHovered,
-      [styles["is-disabled"]]: isDisabled,
-      [styles["sapphire-button--small"]]: size === "small",
-      [styles["sapphire-button--large"]]: size === "large",
-      [styles["sapphire-button--with-left-icon"]]: icon && iconAlign === "left",
-      [styles["sapphire-button--with-right-icon"]]: icon && iconAlign === "right"
-    }, state.isSelected ? styles["sapphire-button--selected"] : styles["sapphire-button--unselected"], styleProps.className)
-  }), iconAlign === "left" && iconWrapper, otherProps.children, iconAlign === "right" && iconWrapper));
-});
-
-export { ToggleButton };
-//# sourceMappingURL=ToggleButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleButton.js","sources":["../../../../src/ToggleButton/src/ToggleButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useFocusableRef } from '@react-spectrum/utils';\nimport { FocusableRef, PressEvents } from '@react-types/shared';\nimport { FocusRing } from '@react-aria/focus';\nimport { mergeProps } from '@react-aria/utils';\nimport { AriaToggleButtonProps, useToggleButton } from '@react-aria/button';\nimport { useHover } from '@react-aria/interactions';\nimport { useToggleState } from '@react-stately/toggle';\nimport clsx from 'clsx';\n\nimport styles from '@danske/sapphire-css/components/button/button.module.css';\n\nimport {\n  SapphireStyleProps,\n  useSapphireStyleProps,\n  useThemeCheck,\n  usePreventTouchEnd,\n  Icon,\n} from '@danske/sapphire-react';\n\nexport type SapphireToggleButtonProps = Omit<\n  AriaToggleButtonProps<'button'>,\n  'elementType' | 'type'\n> &\n  SapphireStyleProps &\n  PressEvents & {\n    /**\n     * @default 'medium'\n     */\n    size?: 'large' | 'medium' | 'small';\n    onChange?: (selected: boolean) => void;\n    isSelected?: boolean;\n    defaultSelected?: boolean;\n  } & (ButtonWithIconProps | ButtonWithoutIconProps);\n\n// TODO: use ButtonWithIconProps and ButtonWithoutIconProps in core, when moved there\nexport interface ButtonWithIconProps {\n  /**\n   * The icon placed either before or after the `label`, based on `iconAlign` prop.\n   * */\n  icon: React.ReactNode;\n  /**\n   * The icon placement relative to the `label`.\n   * */\n  iconAlign?: 'left' | 'right';\n}\n\nexport interface ButtonWithoutIconProps {\n  icon?: never;\n  iconAlign?: never;\n}\n\n/**\n * A button with a toggleable `isSelected` state. By default, the selection is toggled when the\n * button is pressed, allowing user to switch between two states or modes.\n */\nexport const ToggleButton = React.forwardRef(function Button(\n  {\n    iconAlign = 'left',\n    icon,\n    size = 'medium',\n    ...otherProps\n  }: SapphireToggleButtonProps,\n  ref: FocusableRef<HTMLButtonElement>\n) {\n  useThemeCheck();\n\n  const { autoFocus, isDisabled } = otherProps;\n  const domRef = useFocusableRef<HTMLButtonElement>(ref);\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  const { styleProps } = useSapphireStyleProps(otherProps);\n\n  const iconWrapper = icon && (\n    <span className={clsx(styles['sapphire-button__icon'])}>\n      <Icon size={size === 'small' ? 's' : size === 'medium' ? 'm' : 'l'}>\n        {icon}\n      </Icon>\n    </span>\n  );\n\n  const state = useToggleState(otherProps);\n  const { buttonProps, isPressed } = useToggleButton(otherProps, state, domRef);\n  usePreventTouchEnd(domRef);\n\n  return (\n    <FocusRing focusRingClass={clsx(styles['is-focus'])} autoFocus={autoFocus}>\n      <button\n        {...mergeProps(buttonProps, hoverProps)}\n        ref={domRef}\n        style={{ ...styleProps.style }}\n        className={clsx(\n          styles['sapphire-button'],\n          styles['js-focus'],\n          styles['js-hover'],\n          {\n            [styles['is-active']]: isPressed,\n            [styles['is-hover']]: isHovered,\n            [styles['is-disabled']]: isDisabled,\n            [styles['sapphire-button--small']]: size === 'small',\n            [styles['sapphire-button--large']]: size === 'large',\n            [styles['sapphire-button--with-left-icon']]:\n              icon && iconAlign === 'left',\n            [styles['sapphire-button--with-right-icon']]:\n              icon && iconAlign === 'right',\n          },\n          state.isSelected\n            ? styles['sapphire-button--selected']\n            : styles['sapphire-button--unselected'],\n          styleProps.className\n        )}\n      >\n        {iconAlign === 'left' && iconWrapper}\n        {otherProps.children}\n        {iconAlign === 'right' && iconWrapper}\n      </button>\n    </FocusRing>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDO,MAAM,YAAe,GAAA,KAAA,CAAM,UAAW,CAAA,SAAA,MAAA,CAC3C,IAMA,GACA,EAAA;AAPA,EACE,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAY,SAAA,GAAA,MAAA;AAAA,IACZ,IAAA;AAAA,IACA,IAAO,GAAA,QAAA;AAAA,GAHT,GAAA,EAAA,EAIK,uBAJL,EAIK,EAAA;AAAA,IAHH,WAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAKF,EAAA,aAAA,EAAA,CAAA;AAEA,EAAM,MAAA,EAAE,WAAW,UAAe,EAAA,GAAA,UAAA,CAAA;AAClC,EAAA,MAAM,SAAS,eAAmC,CAAA,GAAA,CAAA,CAAA;AAClD,EAAA,MAAM,EAAE,UAAA,EAAY,SAAc,EAAA,GAAA,QAAA,CAAS,EAAE,UAAA,EAAA,CAAA,CAAA;AAC7C,EAAM,MAAA,EAAE,eAAe,qBAAsB,CAAA,UAAA,CAAA,CAAA;AAE7C,EAAM,MAAA,WAAA,GAAc,IAClB,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAD,EAAA;AAAA,IAAM,SAAA,EAAW,KAAK,MAAO,CAAA,uBAAA,CAAA,CAAA;AAAA,GAAA,sCAC1B,IAAD,EAAA;AAAA,IAAM,MAAM,IAAS,KAAA,OAAA,GAAU,GAAM,GAAA,IAAA,KAAS,WAAW,GAAM,GAAA,GAAA;AAAA,GAC5D,EAAA,IAAA,CAAA,CAAA,CAAA;AAKP,EAAA,MAAM,QAAQ,cAAe,CAAA,UAAA,CAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,WAAA,EAAa,SAAc,EAAA,GAAA,eAAA,CAAgB,YAAY,KAAO,EAAA,MAAA,CAAA,CAAA;AACtE,EAAmB,kBAAA,CAAA,MAAA,CAAA,CAAA;AAEnB,EAAA,2CACG,SAAD,EAAA;AAAA,IAAW,cAAA,EAAgB,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,IAAc,SAAA;AAAA,GAAA,kBAClD,KAAA,CAAA,aAAA,CAAA,QAAA,EAAD,aACM,CAAA,cAAA,CAAA,EAAA,EAAA,UAAA,CAAW,aAAa,UAD9B,CAAA,CAAA,EAAA;AAAA,IAEE,GAAK,EAAA,MAAA;AAAA,IACL,KAAA,EAAO,mBAAK,UAAW,CAAA,KAAA,CAAA;AAAA,IACvB,WAAW,IACT,CAAA,MAAA,CAAO,oBACP,MAAO,CAAA,UAAA,CAAA,EACP,OAAO,UACP,CAAA,EAAA;AAAA,MAAA,CACG,OAAO,WAAe,CAAA,GAAA,SAAA;AAAA,MAAA,CACtB,OAAO,UAAc,CAAA,GAAA,SAAA;AAAA,MAAA,CACrB,OAAO,aAAiB,CAAA,GAAA,UAAA;AAAA,MACxB,CAAA,MAAA,CAAO,4BAA4B,IAAS,KAAA,OAAA;AAAA,MAC5C,CAAA,MAAA,CAAO,4BAA4B,IAAS,KAAA,OAAA;AAAA,MAC5C,CAAA,MAAA,CAAO,iCACN,CAAA,GAAA,IAAA,IAAQ,SAAc,KAAA,MAAA;AAAA,MACvB,CAAA,MAAA,CAAO,kCACN,CAAA,GAAA,IAAA,IAAQ,SAAc,KAAA,OAAA;AAAA,KAAA,EAE1B,MAAM,UACF,GAAA,MAAA,CAAO,2BACP,CAAA,GAAA,MAAA,CAAO,gCACX,UAAW,CAAA,SAAA,CAAA;AAAA,GAAA,CAAA,EAGZ,cAAc,MAAU,IAAA,WAAA,EACxB,UAAW,CAAA,QAAA,EACX,cAAc,OAAW,IAAA,WAAA,CAAA,CAAA,CAAA;AAAA,CAAA;;;;"}

package/build/esm/Typography/index.js

@@ -1,14 +0,0 @@
-import { Heading } from './src/Heading.js';
-import { Subheading } from './src/Subheading.js';
-import { Body } from './src/Body.js';
-import { Caption } from './src/Caption.js';
-
-const Typography = {
-  Heading,
-  Subheading,
-  Body,
-  Caption
-};
-
-export { Typography };
-//# sourceMappingURL=index.js.map

package/build/esm/Typography/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/Typography/index.ts"],"sourcesContent":["import { Heading, type TypographyHeadingProps } from './src/Heading';\nimport { Subheading, type TypographySubheadingProps } from './src/Subheading';\nimport { Body, type TypographyBodyProps } from './src/Body';\nimport { Caption, TypographyCaptionProps } from './src/Caption';\nimport { ComponentType } from 'react';\n\nexport const Typography: {\n  Heading: ComponentType<TypographyHeadingProps>;\n  Subheading: ComponentType<TypographySubheadingProps>;\n  Body: ComponentType<TypographyBodyProps>;\n  Caption: ComponentType<TypographyCaptionProps>;\n} = {\n  Heading,\n  Subheading,\n  Body,\n  Caption,\n};\n\nexport type {\n  TypographyHeadingProps,\n  TypographySubheadingProps,\n  TypographyBodyProps,\n  TypographyCaptionProps,\n};\n"],"names":[],"mappings":";;;;;AAMO,MAAM,UAKT,GAAA;AAAA,EACF,OAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA;;;;"}

package/build/esm/Typography/src/Body.js

@@ -1,66 +0,0 @@
-import { filterDOMProps } from '@react-aria/utils';
-import React, { forwardRef } from 'react';
-import clsx from 'clsx';
-import styles from '@danske/sapphire-css/components/text/text.module.css';
-import { useThemeCheck, useTextStyleProps } from '@danske/sapphire-react';
-
-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 Body = forwardRef(function Body2(props, ref) {
-  useThemeCheck();
-  const _a = props, {
-    children,
-    level = 1,
-    elementType: CustomElement = "p",
-    isUnderlined = false,
-    isBold = false
-  } = _a, otherProps = __objRest(_a, [
-    "children",
-    "level",
-    "elementType",
-    "isUnderlined",
-    "isBold"
-  ]);
-  const { styleProps } = useTextStyleProps(otherProps);
-  const levelClassName = `sapphire-text--body-${level}`;
-  return /* @__PURE__ */ React.createElement(CustomElement, __spreadProps(__spreadValues(__spreadValues({}, filterDOMProps(props)), styleProps), {
-    className: clsx(styleProps.className, styles["sapphire-text"], styles[levelClassName], {
-      [styles["sapphire-text--strong"]]: isBold,
-      [styles["sapphire-text--underlined"]]: isUnderlined
-    }),
-    style: styleProps.style,
-    ref
-  }), children);
-});
-
-export { Body };
-//# sourceMappingURL=Body.js.map

package/build/esm/Typography/src/Body.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Body.js","sources":["../../../../src/Typography/src/Body.tsx"],"sourcesContent":["import { DOMProps } from '@react-types/shared';\nimport { filterDOMProps } from '@react-aria/utils';\nimport React, { ElementType, forwardRef } from 'react';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/text/text.module.css';\nimport {\n  SapphireStyleProps,\n  TextStyleProps,\n  useTextStyleProps,\n  useThemeCheck,\n} from '@danske/sapphire-react';\n\nexport interface TypographyBodyProps\n  extends DOMProps,\n    TextStyleProps,\n    SapphireStyleProps {\n  children: React.ReactNode;\n  /**\n   * The actual DOM element to render.\n   * @default 'p'\n   */\n  elementType?: string;\n  /**\n   * Sets the level of the hierarchy of the text.\n   * @default 1\n   */\n  level?: 1 | 2 | 3;\n  /**\n   * If text should be underlined.\n   * @default false\n   */\n  isUnderlined?: boolean;\n\n  /**\n   * If text is bold.\n   * @default false\n   */\n  isBold?: boolean;\n}\n\n/**\n * Body text. This is the most common text style. By default, it renders as a\n * paragraph (p), but you can render it as a span or something else.\n *\n * See:\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element#text_content\n * https://developer.mozilla.org/en-US/docs/Web/HTML/Element#inline_text_semantics\n */\nexport const Body = forwardRef(function Body(\n  props: TypographyBodyProps,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  useThemeCheck();\n\n  const {\n    children,\n    level = 1,\n    elementType: CustomElement = 'p' as ElementType,\n    isUnderlined = false,\n    isBold = false,\n    ...otherProps\n  } = props;\n  const { styleProps } = useTextStyleProps(otherProps);\n  const levelClassName = `sapphire-text--body-${level}` as const;\n\n  return (\n    <CustomElement\n      {...filterDOMProps(props)}\n      {...styleProps}\n      className={clsx(\n        styleProps.className,\n        styles['sapphire-text'],\n        styles[levelClassName],\n        {\n          [styles['sapphire-text--strong']]: isBold,\n          [styles['sapphire-text--underlined']]: isUnderlined,\n        }\n      )}\n      style={styleProps.style}\n      ref={ref}\n    >\n      {children}\n    </CustomElement>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDO,MAAM,IAAO,GAAA,UAAA,CAAW,SAC7B,KAAA,CAAA,KAAA,EACA,GACA,EAAA;AACA,EAAA,aAAA,EAAA,CAAA;AAEA,EAAA,MAOI,EANF,GAAA,KAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAQ,GAAA,CAAA;AAAA,IACR,aAAa,aAAgB,GAAA,GAAA;AAAA,IAC7B,YAAe,GAAA,KAAA;AAAA,IACf,MAAS,GAAA,KAAA;AAAA,GAEP,GAAA,EAAA,EADC,uBACD,EADC,EAAA;AAAA,IALH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,CAAA;AAGF,EAAM,MAAA,EAAE,eAAe,iBAAkB,CAAA,UAAA,CAAA,CAAA;AACzC,EAAA,MAAM,iBAAiB,CAAuB,oBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAE9C,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAD,aACM,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAA,cAAA,CAAe,SACf,UAFN,CAAA,EAAA;AAAA,IAGE,WAAW,IACT,CAAA,UAAA,CAAW,WACX,MAAO,CAAA,eAAA,CAAA,EACP,OAAO,cACP,CAAA,EAAA;AAAA,MAAA,CACG,OAAO,uBAA2B,CAAA,GAAA,MAAA;AAAA,MAAA,CAClC,OAAO,2BAA+B,CAAA,GAAA,YAAA;AAAA,KAAA,CAAA;AAAA,IAG3C,OAAO,UAAW,CAAA,KAAA;AAAA,IAClB,GAAA;AAAA,GAEC,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,CAAA;;;;"}