@danske/sapphire-react-lab 0.76.0

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

@@ -0,0 +1,66 @@
+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

@@ -0,0 +1 @@
+{"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 type TypographyBodyProps = 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CO,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;;;;"}

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

@@ -0,0 +1,59 @@
+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 Caption = forwardRef(function Caption2(props, ref) {
+  useThemeCheck();
+  const _a = props, {
+    children,
+    level = 1,
+    elementType: CustomElement = "div"
+  } = _a, otherProps = __objRest(_a, [
+    "children",
+    "level",
+    "elementType"
+  ]);
+  const { styleProps } = useTextStyleProps(otherProps);
+  const levelClassName = `sapphire-text--caption-${level}`;
+  return /* @__PURE__ */ React.createElement(CustomElement, __spreadProps(__spreadValues(__spreadValues({}, filterDOMProps(props)), styleProps), {
+    className: clsx(styleProps.className, styles["sapphire-text"], styles[levelClassName]),
+    style: styleProps.style,
+    ref
+  }), children);
+});
+
+export { Caption };
+//# sourceMappingURL=Caption.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Caption.js","sources":["../../../../src/Typography/src/Caption.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 type TypographyCaptionProps = DOMProps &\n  TextStyleProps &\n  SapphireStyleProps & {\n    children: React.ReactNode;\n    /**\n     * The actual DOM element to render.\n     * @default 'div'\n     */\n    elementType?: string;\n    /**\n     * Sets the level of the hierarchy of the caption.\n     * @default 1\n     */\n    level?: 1 | 2;\n  };\n\n/**\n * Caption text. Usually serves as a description of an adjecent picture or\n * other element.\n * By default, it renders as inline text (div), but you can render it as\n * something more semantically meaningful.\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 Caption = forwardRef(function Caption(\n  props: TypographyCaptionProps,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  useThemeCheck();\n\n  const {\n    children,\n    level = 1,\n    elementType: CustomElement = 'div' as ElementType,\n    ...otherProps\n  } = props;\n  const { styleProps } = useTextStyleProps(otherProps);\n  const levelClassName = `sapphire-text--caption-${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      style={styleProps.style}\n      ref={ref}\n    >\n      {children}\n    </CustomElement>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCO,MAAM,OAAU,GAAA,UAAA,CAAW,SAChC,QAAA,CAAA,KAAA,EACA,GACA,EAAA;AACA,EAAA,aAAA,EAAA,CAAA;AAEA,EAAA,MAKI,EAJF,GAAA,KAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAQ,GAAA,CAAA;AAAA,IACR,aAAa,aAAgB,GAAA,KAAA;AAAA,GAE3B,GAAA,EAAA,EADC,uBACD,EADC,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,GAAA,CAAA,CAAA;AAGF,EAAM,MAAA,EAAE,eAAe,iBAAkB,CAAA,UAAA,CAAA,CAAA;AACzC,EAAA,MAAM,iBAAiB,CAA0B,uBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEjD,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,SACX,EAAA,MAAA,CAAO,kBACP,MAAO,CAAA,cAAA,CAAA,CAAA;AAAA,IAET,OAAO,UAAW,CAAA,KAAA;AAAA,IAClB,GAAA;AAAA,GAEC,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,CAAA;;;;"}

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

@@ -0,0 +1,55 @@
+import { filterDOMProps } from '@react-aria/utils';
+import React, { forwardRef } from 'react';
+import { useDOMRef } from '@react-spectrum/utils';
+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 Heading = forwardRef(function Heading2(props, ref) {
+  useThemeCheck();
+  const domProps = filterDOMProps(props);
+  const _a = props, { children, level, elementType } = _a, otherProps = __objRest(_a, ["children", "level", "elementType"]);
+  const { styleProps } = useTextStyleProps(otherProps);
+  const domRef = useDOMRef(ref);
+  const HeadingTag = elementType ? elementType : `h${level}`;
+  return /* @__PURE__ */ React.createElement(HeadingTag, __spreadProps(__spreadValues(__spreadValues({}, domProps), styleProps), {
+    className: clsx(styles["sapphire-text"], styles[`sapphire-text--heading-${level}`], styleProps.className, {
+      [styles["sapphire-text--heading-alternative"]]: props.fontVariant === "alternative"
+    }),
+    ref: domRef
+  }), children);
+});
+
+export { Heading };
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../../src/Typography/src/Heading.tsx"],"sourcesContent":["import { DOMRef, DOMProps } from '@react-types/shared';\nimport { filterDOMProps } from '@react-aria/utils';\nimport React, { ElementType, forwardRef } from 'react';\nimport { useDOMRef } from '@react-spectrum/utils';\nimport clsx from 'clsx';\nimport styles from '@danske/sapphire-css/components/text/text.module.css';\n\nimport {\n  useThemeCheck,\n  useTextStyleProps,\n  TextStyleProps,\n  SapphireStyleProps,\n} from '@danske/sapphire-react';\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport type TypographyHeadingProps = DOMProps &\n  TextStyleProps &\n  SapphireStyleProps & {\n    children: React.ReactNode;\n    /**\n     * The level of the heading.\n     */\n    level: HeadingLevel;\n    elementType?: `h${HeadingLevel}`;\n    fontVariant?: 'default' | 'alternative';\n  };\n\nexport const Heading = forwardRef(function Heading(\n  props: TypographyHeadingProps,\n  ref: DOMRef<HTMLHeadingElement>\n) {\n  useThemeCheck();\n\n  const domProps = filterDOMProps(props);\n  const { children, level, elementType, ...otherProps } = props;\n  const { styleProps } = useTextStyleProps(otherProps);\n  const domRef = useDOMRef(ref);\n  const HeadingTag = elementType ? elementType : (`h${level}` as ElementType);\n\n  return (\n    <HeadingTag\n      {...domProps}\n      {...styleProps}\n      className={clsx(\n        styles['sapphire-text'],\n        styles[`sapphire-text--heading-${level}` as const],\n        styleProps.className,\n        {\n          [styles['sapphire-text--heading-alternative']]:\n            props.fontVariant === 'alternative',\n        }\n      )}\n      ref={domRef}\n    >\n      {children}\n    </HeadingTag>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,OAAU,GAAA,UAAA,CAAW,SAChC,QAAA,CAAA,KAAA,EACA,GACA,EAAA;AACA,EAAA,aAAA,EAAA,CAAA;AAEA,EAAA,MAAM,WAAW,cAAe,CAAA,KAAA,CAAA,CAAA;AAChC,EAAwD,MAAA,EAAA,GAAA,KAAA,EAAhD,YAAU,KAAO,EAAA,WAAA,EAAA,GAA+B,IAAf,UAAe,GAAA,SAAA,CAAA,EAAA,EAAf,CAAjC,UAAA,EAAU,OAAO,EAAA,aAAA,CAAA,CAAA,CAAA;AACzB,EAAM,MAAA,EAAE,eAAe,iBAAkB,CAAA,UAAA,CAAA,CAAA;AACzC,EAAA,MAAM,SAAS,SAAU,CAAA,GAAA,CAAA,CAAA;AACzB,EAAM,MAAA,UAAA,GAAa,WAAc,GAAA,WAAA,GAAe,CAAI,CAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEpD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAD,aACM,CAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAA,QAAA,CAAA,EACA,UAFN,CAAA,EAAA;AAAA,IAGE,SAAA,EAAW,KACT,MAAO,CAAA,eAAA,CAAA,EACP,OAAO,CAA0B,uBAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EACjC,WAAW,SACX,EAAA;AAAA,MACG,CAAA,MAAA,CAAO,oCACN,CAAA,GAAA,KAAA,CAAM,WAAgB,KAAA,aAAA;AAAA,KAAA,CAAA;AAAA,IAG5B,GAAK,EAAA,MAAA;AAAA,GAEJ,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,CAAA;;;;"}

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

@@ -0,0 +1,63 @@
+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 Subheading = forwardRef(function Subheading2(props, ref) {
+  useThemeCheck();
+  const _a = props, {
+    children,
+    level = 1,
+    elementType: CustomElement = "div",
+    isBold = false
+  } = _a, otherProps = __objRest(_a, [
+    "children",
+    "level",
+    "elementType",
+    "isBold"
+  ]);
+  const { styleProps } = useTextStyleProps(otherProps);
+  const levelClassName = `sapphire-text--subheading-${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
+    }),
+    style: styleProps.style,
+    ref
+  }), children);
+});
+
+export { Subheading };
+//# sourceMappingURL=Subheading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Subheading.js","sources":["../../../../src/Typography/src/Subheading.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 type TypographySubheadingProps = DOMProps &\n  TextStyleProps &\n  SapphireStyleProps & {\n    children: React.ReactNode;\n    /**\n     * The actual DOM element to render.\n     * @default 'div'\n     */\n    elementType?: string;\n    /**\n     * Sets level of the hierarchy of the subheading.\n     * @default 1\n     */\n    level?: 1 | 2;\n\n    /**\n     * If text is bold\n     * @default false\n     */\n    isBold?: boolean;\n  };\n\n/**\n * A subheading is a piece of text used under regular headings (h1-h6).\n * A subheading is not itself a heading, but it can assist a heading by\n * providing a description to the heading it accompanies.\n * By default, it renders as block text (div), but you can render it as\n * anything 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 Subheading = forwardRef(function Subheading(\n  props: TypographySubheadingProps,\n  ref: React.ForwardedRef<HTMLElement>\n) {\n  useThemeCheck();\n\n  const {\n    children,\n    level = 1,\n    elementType: CustomElement = 'div' as ElementType,\n    isBold = false,\n    ...otherProps\n  } = props;\n  const { styleProps } = useTextStyleProps(otherProps);\n  const levelClassName = `sapphire-text--subheading-${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        }\n      )}\n      style={styleProps.style}\n      ref={ref}\n    >\n      {children}\n    </CustomElement>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CO,MAAM,UAAa,GAAA,UAAA,CAAW,SACnC,WAAA,CAAA,KAAA,EACA,GACA,EAAA;AACA,EAAA,aAAA,EAAA,CAAA;AAEA,EAAA,MAMI,EALF,GAAA,KAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAQ,GAAA,CAAA;AAAA,IACR,aAAa,aAAgB,GAAA,KAAA;AAAA,IAC7B,MAAS,GAAA,KAAA;AAAA,GAEP,GAAA,EAAA,EADC,uBACD,EADC,EAAA;AAAA,IAJH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,GAAA,CAAA,CAAA;AAGF,EAAM,MAAA,EAAE,eAAe,iBAAkB,CAAA,UAAA,CAAA,CAAA;AACzC,EAAA,MAAM,iBAAiB,CAA6B,0BAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEpD,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,KAAA,CAAA;AAAA,IAGvC,OAAO,UAAW,CAAA,KAAA;AAAA,IAClB,GAAA;AAAA,GAEC,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,CAAA;;;;"}

package/build/esm/index.js

@@ -0,0 +1,21 @@
+export { ToggleButton } from './ToggleButton/src/ToggleButton.js';
+export { Calendar } from './Calendar/src/Calendar.js';
+export { RangeCalendar } from './Calendar/src/RangeCalendar.js';
+import '@react-stately/calendar';
+import '@react-stately/utils';
+export { Spinner } from './Spinner/src/Spinner.js';
+export { NotificationBadge } from './NotificationBadge/src/NotificationBadge.js';
+export { FilterDropdown } from './Filtering/src/FilterDropdown.js';
+export { DateField } from './DateField/src/DateField.js';
+export { DateRangeField } from './DateField/src/DateRangeField.js';
+export { isDateOutsideValidRange, isEndDateBeforeStartDate } from './DateField/src/helpers.js';
+export { FeedbackMessage } from './FeedbackMessage/src/FeedbackMessage.js';
+export { SearchField } from './SearchField/src/SearchField.js';
+export { ToastProvider } from './Toast/src/ToastProvider.js';
+export { useShowToast } from './Toast/src/useShowToast.js';
+export { Accordion } from './Accordion/index.js';
+export { Typography } from './Typography/index.js';
+export { Fieldset } from './Fieldset/src/Fieldset.js';
+export { Avatar } from './Avatar/src/Avatar.js';
+export { useLocale } from '@react-aria/i18n';
+//# sourceMappingURL=index.js.map

package/build/esm/index.js.map

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