@danske/sapphire-react-lab 0.89.0 → 0.90.3

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

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

@@ -1 +0,0 @@
-{"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 interface TypographyCaptionProps\n  extends 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCO,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

@@ -1,53 +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 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 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
-  }), children);
-});
-
-export { Heading };
-//# sourceMappingURL=Heading.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.js","sources":["../../../../src/Typography/src/Heading.tsx"],"sourcesContent":["import { DOMProps } from '@react-types/shared';\nimport { filterDOMProps } from '@react-aria/utils';\nimport React, { ElementType, ForwardedRef, forwardRef } from 'react';\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 interface TypographyHeadingProps\n  extends 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  /**\n   * @deprecated 'alternative' variant will not be a part of the new CVI\n   */\n  fontVariant?: 'default' | 'alternative';\n}\n\nexport const Heading = forwardRef(function Heading(\n  props: TypographyHeadingProps,\n  ref: ForwardedRef<HTMLHeadingElement>\n) {\n  useThemeCheck();\n\n  const domProps = filterDOMProps(props);\n  const { children, level, elementType, ...otherProps } = props;\n  const { styleProps } = useTextStyleProps(otherProps);\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={ref}\n    >\n      {children}\n    </HeadingTag>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,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,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,GAAA;AAAA,GAEC,CAAA,EAAA,QAAA,CAAA,CAAA;AAAA,CAAA;;;;"}

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

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

@@ -1 +0,0 @@
-{"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 interface TypographySubheadingProps\n  extends 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CO,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;;;;"}