@dnb/eufemia 10.49.0 → 10.50.0

package/components/breadcrumb/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":["React","Button","Anchor","IconPrimary","P","homeIcon","useMediaQuery","Context","extendPropsWithContext","filterProps","useLayoutEffect","window","useEffect","defaultProps","text","href","icon","onClick","variant","skeleton","determineIcon","isSmallScreen","BreadcrumbItem","localProps","context","useContext","theme","translation","Breadcrumb","homeText","_extendPropsWithConte","itemNr","props","_objectWithoutProperties","_excluded","matchOnSSR","when","max","currentIcon","setCurrentIcon","useState","currentText","isInteractive","to","style","String","iconToUse","createElement","className","undefined","name","_extends","icon_position","on_click","Fragment","key","includes","space","_supportsSpacingProps"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button, { ButtonProps } from '../Button'\nimport Anchor, { AnchorAllProps } from '../Anchor'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { DataAttributeTypes } from '../../shared/types'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  extendPropsWithContext,\n  filterProps,\n} from '../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type BreadcrumbItemProps = {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_right\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNr?: number\n} & (AnchorAllProps & Omit<ButtonProps, 'variant'>) &\n  DataAttributeTypes\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst determineIcon = (variant: string, isSmallScreen: boolean) => {\n  switch (variant) {\n    case 'home':\n      return 'home-icon'\n    case 'single':\n    case 'collapse':\n      return 'chevron_left'\n    default:\n      return isSmallScreen ? 'chevron_left' : 'chevron_right'\n  }\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    theme,\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNr,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  const [currentIcon, setCurrentIcon] =\n    React.useState<IconIcon>('chevron_left')\n\n  useLayoutEffect(() => {\n    if (!icon) {\n      setCurrentIcon(determineIcon(variant, isSmallScreen))\n    } else {\n      if (variant !== 'home') {\n        setCurrentIcon(icon ?? 'chevron_left')\n      }\n    }\n  }, [icon, isSmallScreen, variant])\n\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive =\n    (href || onClick || props.to) && variant !== 'current'\n  const style = { '--delay': String(itemNr) } as React.CSSProperties\n\n  const iconToUse =\n    variant === 'home' || currentIcon === 'home-icon'\n      ? homeIcon\n      : currentIcon\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        theme?.name === 'sbanken' ? (\n          <Button\n            variant=\"tertiary\"\n            href={href}\n            icon={iconToUse}\n            icon_position=\"left\"\n            on_click={onClick}\n            text={currentText}\n            skeleton={skeleton}\n            {...props}\n          />\n        ) : (\n          <>\n            {variant !== 'home' && (\n              <IconPrimary\n                icon={iconToUse}\n                className=\"dnb-breadcrumb__item__span__icon\"\n              />\n            )}\n            <Anchor\n              href={href}\n              onClick={onClick}\n              icon={variant === 'home' ? iconToUse : null}\n              skeleton={skeleton}\n              {...props}\n            >\n              {currentText}\n            </Anchor>\n          </>\n        )\n      ) : (\n        <span\n          className=\"dnb-breadcrumb__item__span\"\n          // TODO: Consider deprecating passing down props to span in v11\n          {...filterProps(props, (key) => !key.includes('-'))}\n        >\n          <IconPrimary\n            icon={iconToUse}\n            className=\"dnb-breadcrumb__item__span__icon\"\n          />\n          <P space=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nBreadcrumbItem._supportsSpacingProps = true\n\nexport default BreadcrumbItem\n"],"mappings":"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"}
+{"version":3,"file":"BreadcrumbItem.js","names":["React","Button","Anchor","IconPrimary","P","homeIcon","useMediaQuery","Context","extendPropsWithContext","filterProps","useLayoutEffect","window","useEffect","defaultProps","text","href","icon","onClick","variant","skeleton","determineIcon","isSmallScreen","BreadcrumbItem","localProps","context","useContext","theme","translation","Breadcrumb","homeText","_extendPropsWithConte","itemNo","props","_objectWithoutProperties","_excluded","matchOnSSR","when","max","currentIcon","setCurrentIcon","useState","currentText","isInteractive","to","style","String","iconToUse","createElement","className","undefined","name","_extends","icon_position","on_click","Fragment","key","includes","space","_supportsSpacingProps"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button, { ButtonProps } from '../Button'\nimport Anchor, { AnchorAllProps } from '../Anchor'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { DataAttributeTypes } from '../../shared/types'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  extendPropsWithContext,\n  filterProps,\n} from '../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type BreadcrumbItemProps = {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_right\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNo?: number\n} & (AnchorAllProps & Omit<ButtonProps, 'variant'>) &\n  DataAttributeTypes\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst determineIcon = (variant: string, isSmallScreen: boolean) => {\n  switch (variant) {\n    case 'home':\n      return 'home-icon'\n    case 'single':\n    case 'collapse':\n      return 'chevron_left'\n    default:\n      return isSmallScreen ? 'chevron_left' : 'chevron_right'\n  }\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    theme,\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNo,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  const [currentIcon, setCurrentIcon] =\n    React.useState<IconIcon>('chevron_left')\n\n  useLayoutEffect(() => {\n    if (!icon) {\n      setCurrentIcon(determineIcon(variant, isSmallScreen))\n    } else {\n      if (variant !== 'home') {\n        setCurrentIcon(icon ?? 'chevron_left')\n      }\n    }\n  }, [icon, isSmallScreen, variant])\n\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive =\n    (href || onClick || props.to) && variant !== 'current'\n  const style = { '--delay': String(itemNo) } as React.CSSProperties\n\n  const iconToUse =\n    variant === 'home' || currentIcon === 'home-icon'\n      ? homeIcon\n      : currentIcon\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        theme?.name === 'sbanken' ? (\n          <Button\n            variant=\"tertiary\"\n            href={href}\n            icon={iconToUse}\n            icon_position=\"left\"\n            on_click={onClick}\n            text={currentText}\n            skeleton={skeleton}\n            {...props}\n          />\n        ) : (\n          <>\n            {variant !== 'home' && (\n              <IconPrimary\n                icon={iconToUse}\n                className=\"dnb-breadcrumb__item__span__icon\"\n              />\n            )}\n            <Anchor\n              href={href}\n              onClick={onClick}\n              icon={variant === 'home' ? iconToUse : null}\n              skeleton={skeleton}\n              {...props}\n            >\n              {currentText}\n            </Anchor>\n          </>\n        )\n      ) : (\n        <span\n          className=\"dnb-breadcrumb__item__span\"\n          // TODO: Consider deprecating passing down props to span in v11\n          {...filterProps(props, (key) => !key.includes('-'))}\n        >\n          <IconPrimary\n            icon={iconToUse}\n            className=\"dnb-breadcrumb__item__span__icon\"\n          />\n          <P space=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nBreadcrumbItem._supportsSpacingProps = true\n\nexport default BreadcrumbItem\n"],"mappings":"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"}

package/components/breadcrumb/BreadcrumbMultiple.js

@@ -22,11 +22,11 @@ export const BreadcrumbMultiple = _ref => {
     return React.createElement(BreadcrumbItem, _extends({
       key: i,
       variant: i == 0 && 'home' || i == data.length - 1 && 'current' || null,
-      itemNr: i
+      itemNo: i
     }, breadcrumbItem));
   }), React.Children.toArray(items).filter(item => React.isValidElement(item)).map((item, i) => React.cloneElement(item, {
     key: i,
-    itemNr: i
+    itemNo: i
   }))));
 };
 //# sourceMappingURL=BreadcrumbMultiple.js.map

package/components/breadcrumb/BreadcrumbMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbMultiple.js","names":["React","HeightAnimation","Section","BreadcrumbItem","BreadcrumbMultiple","_ref","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","i","_extends","key","variant","length","itemNr","Children","toArray","filter","item","isValidElement","cloneElement"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__multiple\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={i}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNr={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNr: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAM,qCAAqC;AACjE,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,cAAc,MAA+B,kBAAkB;AAWtE,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAKH;EAAA,IALI;IACjCC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACuB,CAAC,GAAAJ,IAAA;EACxB,OACEL,KAAA,CAAAU,aAAA,CAACT,eAAe;IACdU,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA0B,GAEpCb,KAAA,CAAAU,aAAA,CAACR,OAAO;IACNW,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEC,CAAC,KAAK;IAChC,OACElB,KAAA,CAAAU,aAAA,CAACP,cAAc,EAAAgB,QAAA;MACbC,GAAG,EAAEF,CAAE;MACPG,OAAO,EACJH,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIT,IAAI,CAACa,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDC,MAAM,EAAEL;IAAE,GACND,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDjB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAAClB,KAAK,CAAC,CAC3BmB,MAAM,CAAEC,IAAI,IAAK3B,KAAK,CAAC4B,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CX,GAAG,CAAC,CAACW,IAA6C,EAAET,CAAC,KACpDlB,KAAK,CAAC6B,YAAY,CAACF,IAAI,EAAE;IAAEP,GAAG,EAAEF,CAAC;IAAEK,MAAM,EAAEL;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC"}
+{"version":3,"file":"BreadcrumbMultiple.js","names":["React","HeightAnimation","Section","BreadcrumbItem","BreadcrumbMultiple","_ref","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","i","_extends","key","variant","length","itemNo","Children","toArray","filter","item","isValidElement","cloneElement"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__multiple\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={i}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNo={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNo: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAM,qCAAqC;AACjE,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,cAAc,MAA+B,kBAAkB;AAWtE,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAKH;EAAA,IALI;IACjCC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACuB,CAAC,GAAAJ,IAAA;EACxB,OACEL,KAAA,CAAAU,aAAA,CAACT,eAAe;IACdU,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA0B,GAEpCb,KAAA,CAAAU,aAAA,CAACR,OAAO;IACNW,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEC,CAAC,KAAK;IAChC,OACElB,KAAA,CAAAU,aAAA,CAACP,cAAc,EAAAgB,QAAA;MACbC,GAAG,EAAEF,CAAE;MACPG,OAAO,EACJH,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIT,IAAI,CAACa,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDC,MAAM,EAAEL;IAAE,GACND,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDjB,KAAK,CAACwB,QAAQ,CAACC,OAAO,CAAClB,KAAK,CAAC,CAC3BmB,MAAM,CAAEC,IAAI,IAAK3B,KAAK,CAAC4B,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CX,GAAG,CAAC,CAACW,IAA6C,EAAET,CAAC,KACpDlB,KAAK,CAAC6B,YAAY,CAACF,IAAI,EAAE;IAAEP,GAAG,EAAEF,CAAC;IAAEK,MAAM,EAAEL;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC"}

package/components/checkbox/CheckboxDocs.js

@@ -66,7 +66,7 @@ export const CheckboxProperties = {
   },
   innerRef: {
     doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',
-    type: 'string',
+    type: 'React.Ref',
     status: 'optional'
   },
   '[Space](/uilib/layout/space/properties)': {

package/components/checkbox/CheckboxDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxDocs.js","names":["CheckboxProperties","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","indeterminate","statusState","statusProps","globalStatus","skeleton","suffix","innerRef","CheckboxEvents","onChange"],"sources":["../../../../src/components/checkbox/CheckboxDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const CheckboxProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the checkbox is checked or not. The default is `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the checkbox. For now there is \"medium\" (default) and \"large\".',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  indeterminate: {\n    doc: 'Controls the checkbox indeterminate (partial) state.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties. See [FormStatus](/uilib/components/form-status/properties/)',\n    type: 'FormStatusProps',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status)',\n    type: 'object',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Checkbox more than the label. You can also send in a React component, so it gets wrapped inside the Checkbox component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const CheckboxEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '() => {checked: boolean; event: ChangeEvent}',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAwC,GAAG;EACtDC,OAAO,EAAE;IACPC,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2JAA2J;IAChKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNb,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMa,cAAoC,GAAG;EAClDC,QAAQ,EAAE;IACRhB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"CheckboxDocs.js","names":["CheckboxProperties","checked","doc","type","status","title","label","labelPosition","labelSrOnly","size","indeterminate","statusState","statusProps","globalStatus","skeleton","suffix","innerRef","CheckboxEvents","onChange"],"sources":["../../../../src/components/checkbox/CheckboxDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const CheckboxProperties: PropertiesTableProps = {\n  checked: {\n    doc: 'Determine whether the checkbox is checked or not. The default is `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  labelPosition: {\n    doc: 'Defines the position of the `label`. Use either `left` or `right`. Defaults to `right`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'The size of the checkbox. For now there is \"medium\" (default) and \"large\".',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  indeterminate: {\n    doc: 'Controls the checkbox indeterminate (partial) state.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties. See [FormStatus](/uilib/components/form-status/properties/)',\n    type: 'FormStatusProps',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status)',\n    type: 'object',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Checkbox more than the label. You can also send in a React component, so it gets wrapped inside the Checkbox component.',\n    type: 'ReactNode',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const CheckboxEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on state changes made by the user.',\n    type: '() => {checked: boolean; event: ChangeEvent}',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAwC,GAAG;EACtDC,OAAO,EAAE;IACPC,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,4EAA4E;IACjFC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDA,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDS,YAAY,EAAE;IACZX,GAAG,EAAE,2JAA2J;IAChKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNb,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,wJAAwJ;IAC7JC,IAAI,EAAE,WAAW;IACjBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMa,cAAoC,GAAG;EAClDC,QAAQ,EAAE;IACRhB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,8CAA8C;IACpDC,MAAM,EAAE;EACV;AACF,CAAC"}

package/elements/ElementDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../shared/types';
+export declare const ElementProperties: PropertiesTableProps;

package/elements/ElementDocs.js

@@ -0,0 +1,28 @@
+export const ElementProperties = {
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  skeletonMethod: {
+    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',
+    type: 'string',
+    status: 'optional'
+  },
+  innerRef: {
+    doc: 'Send along a custom React Ref.',
+    type: 'React.RefObject',
+    status: 'optional'
+  },
+  children: {
+    doc: 'Contents.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ElementDocs.js.map

package/elements/ElementDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDocs.js","names":["ElementProperties","skeleton","doc","type","status","skeletonMethod","innerRef","children"],"sources":["../../../src/elements/ElementDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../shared/types'\n\nexport const ElementProperties: PropertiesTableProps = {\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeletonMethod: {\n    doc: 'Can be `shape`, `font` or `form`. Defaults to `font`.',\n    type: 'string',\n    status: 'optional',\n  },\n  innerRef: {\n    doc: 'Send along a custom React Ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,iBAAuC,GAAG;EACrDC,QAAQ,EAAE;IACRC,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,gCAAgC;IACrCC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/elements/blockquote/BlockquoteDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const BlockquoteProperties: PropertiesTableProps;

package/elements/blockquote/BlockquoteDocs.js

@@ -0,0 +1,18 @@
+export const BlockquoteProperties = {
+  noBackground: {
+    doc: 'Hides the blockquote background by making it transparent.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  direction: {
+    doc: 'Determines the flow direction of the content inside of blockquote. Can be either `horizontal` or `vertical`. Defaults to `horizontal`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=BlockquoteDocs.js.map

package/elements/blockquote/BlockquoteDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockquoteDocs.js","names":["BlockquoteProperties","noBackground","doc","type","status","direction"],"sources":["../../../../src/elements/blockquote/BlockquoteDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const BlockquoteProperties: PropertiesTableProps = {\n  noBackground: {\n    doc: 'Hides the blockquote background by making it transparent.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  direction: {\n    doc: 'Determines the flow direction of the content inside of blockquote. Can be either `horizontal` or `vertical`. Defaults to `horizontal`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,YAAY,EAAE;IACZC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,wIAAwI;IAC7IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/elements/hr/HrDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const HrProperties: PropertiesTableProps;

package/elements/hr/HrDocs.js

@@ -0,0 +1,18 @@
+export const HrProperties = {
+  breakout: {
+    doc: 'To make the hr full width.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  dashed: {
+    doc: 'To make the hr dashed.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=HrDocs.js.map

package/elements/hr/HrDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HrDocs.js","names":["HrProperties","breakout","doc","type","status","dashed"],"sources":["../../../../src/elements/hr/HrDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const HrProperties: PropertiesTableProps = {\n  breakout: {\n    doc: 'To make the hr full width.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  dashed: {\n    doc: 'To make the hr dashed.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAkC,GAAG;EAChDC,QAAQ,EAAE;IACRC,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/elements/img/ImgDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const ImgProperties: PropertiesTableProps;

package/elements/img/ImgDocs.js

@@ -0,0 +1,33 @@
+export const ImgProperties = {
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  imgClass: {
+    doc: 'Custom className on the `<img>`-element',
+    type: 'string',
+    status: 'optional'
+  },
+  element: {
+    doc: 'Defines the Element Type, like `figure`.',
+    type: ['HTMLElement', 'string'],
+    status: 'optional'
+  },
+  caption: {
+    doc: 'Use to define a caption for the image. Uses `<figcaption>`.',
+    type: 'string',
+    status: 'optional'
+  },
+  loading: {
+    doc: 'Can either be `eager` or `lazy`. Defaults to `eager`.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ImgDocs.js.map

package/elements/img/ImgDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgDocs.js","names":["ImgProperties","skeleton","doc","type","status","imgClass","element","caption","loading"],"sources":["../../../../src/elements/img/ImgDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ImgProperties: PropertiesTableProps = {\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  imgClass: {\n    doc: 'Custom className on the `<img>`-element',\n    type: 'string',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Defines the Element Type, like `figure`.',\n    type: ['HTMLElement', 'string'],\n    status: 'optional',\n  },\n  caption: {\n    doc: 'Use to define a caption for the image. Uses `<figcaption>`.',\n    type: 'string',\n    status: 'optional',\n  },\n  loading: {\n    doc: 'Can either be `eager` or `lazy`. Defaults to `eager`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,aAAmC,GAAG;EACjDC,QAAQ,EAAE;IACRC,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,0CAA0C;IAC/CC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/elements/lists/DlDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const DlProperties: PropertiesTableProps;

package/elements/lists/DlDocs.js

@@ -0,0 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ElementProperties } from './../ElementDocs';
+export const DlProperties = _objectSpread({
+  layout: {
+    doc: 'Sets the layout of the list. Can be `vertical`, `horizontal` or `grid`. Defaults to `vertical`.',
+    type: 'string',
+    status: 'optional'
+  }
+}, ElementProperties);
+//# sourceMappingURL=DlDocs.js.map

package/elements/lists/DlDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DlDocs.js","names":["ElementProperties","DlProperties","_objectSpread","layout","doc","type","status"],"sources":["../../../../src/elements/lists/DlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ElementProperties } from './../ElementDocs'\n\nexport const DlProperties: PropertiesTableProps = {\n  layout: {\n    doc: 'Sets the layout of the list. Can be `vertical`, `horizontal` or `grid`. Defaults to `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n\n  ...ElementProperties,\n}\n"],"mappings":";;;AACA,SAASA,iBAAiB,QAAQ,kBAAkB;AAEpD,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,iGAAiG;IACtGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AAAC,GAEEN,iBAAiB,CACrB"}

package/elements/lists/OlDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const OlProperties: PropertiesTableProps;

package/elements/lists/OlDocs.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ElementProperties } from './../ElementDocs';
+export const OlProperties = _objectSpread({
+  inside: {
+    doc: 'Defines the position of the marker.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  outside: {
+    doc: 'Defines the position of the marker (default).',
+    type: 'boolean',
+    status: 'optional'
+  },
+  nested: {
+    doc: 'Will ensure a nested structure of several lists.',
+    type: 'boolean',
+    status: 'optional'
+  }
+}, ElementProperties);
+//# sourceMappingURL=OlDocs.js.map

package/elements/lists/OlDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OlDocs.js","names":["ElementProperties","OlProperties","_objectSpread","inside","doc","type","status","outside","nested"],"sources":["../../../../src/elements/lists/OlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nimport { ElementProperties } from './../ElementDocs'\n\nexport const OlProperties: PropertiesTableProps = {\n  inside: {\n    doc: 'Defines the position of the marker.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outside: {\n    doc: 'Defines the position of the marker (default).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  nested: {\n    doc: 'Will ensure a nested structure of several lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ElementProperties,\n}\n"],"mappings":";;;AAEA,SAASA,iBAAiB,QAAQ,kBAAkB;AAEpD,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,GACEN,iBAAiB,CACrB"}

package/elements/lists/UlDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const UlProperties: PropertiesTableProps;

package/elements/lists/UlDocs.js

@@ -0,0 +1,22 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ElementProperties } from './../ElementDocs';
+export const UlProperties = _objectSpread({
+  inside: {
+    doc: 'Defines the position of the marker.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  outside: {
+    doc: 'Defines the position of the marker (default).',
+    type: 'boolean',
+    status: 'optional'
+  },
+  nested: {
+    doc: 'Will ensure a nested structure of several lists.',
+    type: 'boolean',
+    status: 'optional'
+  }
+}, ElementProperties);
+//# sourceMappingURL=UlDocs.js.map

package/elements/lists/UlDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UlDocs.js","names":["ElementProperties","UlProperties","_objectSpread","inside","doc","type","status","outside","nested"],"sources":["../../../../src/elements/lists/UlDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ElementProperties } from './../ElementDocs'\n\nexport const UlProperties: PropertiesTableProps = {\n  inside: {\n    doc: 'Defines the position of the marker.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outside: {\n    doc: 'Defines the position of the marker (default).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  nested: {\n    doc: 'Will ensure a nested structure of several lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ...ElementProperties,\n}\n"],"mappings":";;;AACA,SAASA,iBAAiB,QAAQ,kBAAkB;AAEpD,OAAO,MAAMC,YAAkC,GAAAC,aAAA;EAC7CC,MAAM,EAAE;IACNC,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,GACEN,iBAAiB,CACrB"}

package/elements/typography/IngressDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const IngressProperties: PropertiesTableProps;

package/elements/typography/IngressDocs.js

@@ -0,0 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ParagraphProperties } from './PDocs';
+export const IngressProperties = _objectSpread({}, ParagraphProperties);
+//# sourceMappingURL=IngressDocs.js.map

package/elements/typography/IngressDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IngressDocs.js","names":["ParagraphProperties","IngressProperties","_objectSpread"],"sources":["../../../../src/elements/typography/IngressDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ParagraphProperties } from './PDocs'\n\nexport const IngressProperties: PropertiesTableProps = {\n  ...ParagraphProperties,\n}\n"],"mappings":";;;AACA,SAASA,mBAAmB,QAAQ,SAAS;AAE7C,OAAO,MAAMC,iBAAuC,GAAAC,aAAA,KAC/CF,mBAAmB,CACvB"}

package/elements/typography/LeadDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const LeadProperties: PropertiesTableProps;

package/elements/typography/LeadDocs.js

@@ -0,0 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { ParagraphProperties } from './PDocs';
+export const LeadProperties = _objectSpread({}, ParagraphProperties);
+//# sourceMappingURL=LeadDocs.js.map

package/elements/typography/LeadDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeadDocs.js","names":["ParagraphProperties","LeadProperties","_objectSpread"],"sources":["../../../../src/elements/typography/LeadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ParagraphProperties } from './PDocs'\n\nexport const LeadProperties: PropertiesTableProps = {\n  ...ParagraphProperties,\n}\n"],"mappings":";;;AACA,SAASA,mBAAmB,QAAQ,SAAS;AAE7C,OAAO,MAAMC,cAAoC,GAAAC,aAAA,KAC5CF,mBAAmB,CACvB"}

package/elements/typography/PDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../shared/types';
+export declare const ParagraphProperties: PropertiesTableProps;

package/elements/typography/PDocs.js

@@ -0,0 +1,33 @@
+export const ParagraphProperties = {
+  element: {
+    doc: 'Defines the Element Type, like `p`.',
+    type: ['HTMLElement', 'string'],
+    status: 'optional'
+  },
+  medium: {
+    doc: 'Tells the component to use the medium font-weight styling `dnb-p--medium`. More details [here](/uilib/typography/font-weight).',
+    type: 'boolean',
+    status: 'optional'
+  },
+  bold: {
+    doc: 'Tells the component to use the bold font-weight styling class `dnb-p--bold`. More details [here](/uilib/typography/font-weight).',
+    type: 'boolean',
+    status: 'optional'
+  },
+  size: {
+    doc: 'Sets the font size based on the following sizes:  `x-small`, `small`, `basis`, `medium`, `large`, `x-large` or `xx-large`.',
+    type: 'string',
+    status: 'optional'
+  },
+  modifier: {
+    doc: 'String containing a combination of modifiers, used to set both font-size and weight in one property. e.g. `x-small bold` would make the paragraph extra small and bold.',
+    type: 'string',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=PDocs.js.map

package/elements/typography/PDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PDocs.js","names":["ParagraphProperties","element","doc","type","status","medium","bold","size","modifier"],"sources":["../../../../src/elements/typography/PDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ParagraphProperties: PropertiesTableProps = {\n  element: {\n    doc: 'Defines the Element Type, like `p`.',\n    type: ['HTMLElement', 'string'],\n    status: 'optional',\n  },\n  medium: {\n    doc: 'Tells the component to use the medium font-weight styling `dnb-p--medium`. More details [here](/uilib/typography/font-weight).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  bold: {\n    doc: 'Tells the component to use the bold font-weight styling class `dnb-p--bold`. More details [here](/uilib/typography/font-weight).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Sets the font size based on the following sizes:  `x-small`, `small`, `basis`, `medium`, `large`, `x-large` or `xx-large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  modifier: {\n    doc: 'String containing a combination of modifiers, used to set both font-size and weight in one property. e.g. `x-small bold` would make the paragraph extra small and bold.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAyC,GAAG;EACvDC,OAAO,EAAE;IACPC,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,gIAAgI;IACrIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,4HAA4H;IACjIC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,yKAAyK;IAC9KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/components/breadcrumb/BreadcrumbItem.d.ts

@@ -36,7 +36,7 @@ export type BreadcrumbItemProps = {
      */
     skeleton?: SkeletonShow;
     /** Internal */
-    itemNr?: number;
+    itemNo?: number;
 } & (AnchorAllProps & Omit<ButtonProps, 'variant'>) & DataAttributeTypes;
 declare const BreadcrumbItem: {
     (localProps: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;

package/es/components/breadcrumb/BreadcrumbItem.js

@@ -2,7 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["text", "href", "icon", "onClick", "variant", "skeleton", "itemNr"];
+const _excluded = ["text", "href", "icon", "onClick", "variant", "skeleton", "itemNo"];
 import React from 'react';
 import Button from '../Button';
 import Anchor from '../Anchor';
@@ -50,7 +50,7 @@ const BreadcrumbItem = localProps => {
       onClick,
       variant,
       skeleton,
-      itemNr
+      itemNo
     } = _extendPropsWithConte,
     props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
   const isSmallScreen = useMediaQuery({
@@ -72,7 +72,7 @@ const BreadcrumbItem = localProps => {
   const currentText = text || variant === 'home' && homeText || '';
   const isInteractive = (href || onClick || props.to) && variant !== 'current';
   const style = {
-    '--delay': String(itemNr)
+    '--delay': String(itemNo)
   };
   const iconToUse = variant === 'home' || currentIcon === 'home-icon' ? homeIcon : currentIcon;
   return React.createElement("li", {

package/es/components/breadcrumb/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","names":["React","Button","Anchor","IconPrimary","P","homeIcon","useMediaQuery","Context","extendPropsWithContext","filterProps","useLayoutEffect","window","useEffect","defaultProps","text","href","icon","onClick","variant","skeleton","determineIcon","isSmallScreen","BreadcrumbItem","localProps","context","useContext","theme","translation","Breadcrumb","homeText","_extendPropsWithConte","itemNr","props","_objectWithoutProperties","_excluded","matchOnSSR","when","max","currentIcon","setCurrentIcon","useState","currentText","isInteractive","to","style","String","iconToUse","createElement","className","undefined","name","_extends","icon_position","on_click","Fragment","key","includes","space","_supportsSpacingProps"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button, { ButtonProps } from '../Button'\nimport Anchor, { AnchorAllProps } from '../Anchor'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { DataAttributeTypes } from '../../shared/types'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  extendPropsWithContext,\n  filterProps,\n} from '../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type BreadcrumbItemProps = {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_right\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNr?: number\n} & (AnchorAllProps & Omit<ButtonProps, 'variant'>) &\n  DataAttributeTypes\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst determineIcon = (variant: string, isSmallScreen: boolean) => {\n  switch (variant) {\n    case 'home':\n      return 'home-icon'\n    case 'single':\n    case 'collapse':\n      return 'chevron_left'\n    default:\n      return isSmallScreen ? 'chevron_left' : 'chevron_right'\n  }\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    theme,\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNr,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  const [currentIcon, setCurrentIcon] =\n    React.useState<IconIcon>('chevron_left')\n\n  useLayoutEffect(() => {\n    if (!icon) {\n      setCurrentIcon(determineIcon(variant, isSmallScreen))\n    } else {\n      if (variant !== 'home') {\n        setCurrentIcon(icon ?? 'chevron_left')\n      }\n    }\n  }, [icon, isSmallScreen, variant])\n\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive =\n    (href || onClick || props.to) && variant !== 'current'\n  const style = { '--delay': String(itemNr) } as React.CSSProperties\n\n  const iconToUse =\n    variant === 'home' || currentIcon === 'home-icon'\n      ? homeIcon\n      : currentIcon\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        theme?.name === 'sbanken' ? (\n          <Button\n            variant=\"tertiary\"\n            href={href}\n            icon={iconToUse}\n            icon_position=\"left\"\n            on_click={onClick}\n            text={currentText}\n            skeleton={skeleton}\n            {...props}\n          />\n        ) : (\n          <>\n            {variant !== 'home' && (\n              <IconPrimary\n                icon={iconToUse}\n                className=\"dnb-breadcrumb__item__span__icon\"\n              />\n            )}\n            <Anchor\n              href={href}\n              onClick={onClick}\n              icon={variant === 'home' ? iconToUse : null}\n              skeleton={skeleton}\n              {...props}\n            >\n              {currentText}\n            </Anchor>\n          </>\n        )\n      ) : (\n        <span\n          className=\"dnb-breadcrumb__item__span\"\n          // TODO: Consider deprecating passing down props to span in v11\n          {...filterProps(props, (key) => !key.includes('-'))}\n        >\n          <IconPrimary\n            icon={iconToUse}\n            className=\"dnb-breadcrumb__item__span__icon\"\n          />\n          <P space=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nBreadcrumbItem._supportsSpacingProps = true\n\nexport default BreadcrumbItem\n"],"mappings":"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"}
+{"version":3,"file":"BreadcrumbItem.js","names":["React","Button","Anchor","IconPrimary","P","homeIcon","useMediaQuery","Context","extendPropsWithContext","filterProps","useLayoutEffect","window","useEffect","defaultProps","text","href","icon","onClick","variant","skeleton","determineIcon","isSmallScreen","BreadcrumbItem","localProps","context","useContext","theme","translation","Breadcrumb","homeText","_extendPropsWithConte","itemNo","props","_objectWithoutProperties","_excluded","matchOnSSR","when","max","currentIcon","setCurrentIcon","useState","currentText","isInteractive","to","style","String","iconToUse","createElement","className","undefined","name","_extends","icon_position","on_click","Fragment","key","includes","space","_supportsSpacingProps"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button, { ButtonProps } from '../Button'\nimport Anchor, { AnchorAllProps } from '../Anchor'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { DataAttributeTypes } from '../../shared/types'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  extendPropsWithContext,\n  filterProps,\n} from '../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type BreadcrumbItemProps = {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_right\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLAnchorElement | HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNo?: number\n} & (AnchorAllProps & Omit<ButtonProps, 'variant'>) &\n  DataAttributeTypes\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst determineIcon = (variant: string, isSmallScreen: boolean) => {\n  switch (variant) {\n    case 'home':\n      return 'home-icon'\n    case 'single':\n    case 'collapse':\n      return 'chevron_left'\n    default:\n      return isSmallScreen ? 'chevron_left' : 'chevron_right'\n  }\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    theme,\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNo,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  const [currentIcon, setCurrentIcon] =\n    React.useState<IconIcon>('chevron_left')\n\n  useLayoutEffect(() => {\n    if (!icon) {\n      setCurrentIcon(determineIcon(variant, isSmallScreen))\n    } else {\n      if (variant !== 'home') {\n        setCurrentIcon(icon ?? 'chevron_left')\n      }\n    }\n  }, [icon, isSmallScreen, variant])\n\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive =\n    (href || onClick || props.to) && variant !== 'current'\n  const style = { '--delay': String(itemNo) } as React.CSSProperties\n\n  const iconToUse =\n    variant === 'home' || currentIcon === 'home-icon'\n      ? homeIcon\n      : currentIcon\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        theme?.name === 'sbanken' ? (\n          <Button\n            variant=\"tertiary\"\n            href={href}\n            icon={iconToUse}\n            icon_position=\"left\"\n            on_click={onClick}\n            text={currentText}\n            skeleton={skeleton}\n            {...props}\n          />\n        ) : (\n          <>\n            {variant !== 'home' && (\n              <IconPrimary\n                icon={iconToUse}\n                className=\"dnb-breadcrumb__item__span__icon\"\n              />\n            )}\n            <Anchor\n              href={href}\n              onClick={onClick}\n              icon={variant === 'home' ? iconToUse : null}\n              skeleton={skeleton}\n              {...props}\n            >\n              {currentText}\n            </Anchor>\n          </>\n        )\n      ) : (\n        <span\n          className=\"dnb-breadcrumb__item__span\"\n          // TODO: Consider deprecating passing down props to span in v11\n          {...filterProps(props, (key) => !key.includes('-'))}\n        >\n          <IconPrimary\n            icon={iconToUse}\n            className=\"dnb-breadcrumb__item__span__icon\"\n          />\n          <P space=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nBreadcrumbItem._supportsSpacingProps = true\n\nexport default BreadcrumbItem\n"],"mappings":"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"}

package/es/components/breadcrumb/BreadcrumbMultiple.js

@@ -21,11 +21,11 @@ export const BreadcrumbMultiple = ({
     return React.createElement(BreadcrumbItem, _extends({
       key: i,
       variant: i == 0 && 'home' || i == data.length - 1 && 'current' || null,
-      itemNr: i
+      itemNo: i
     }, breadcrumbItem));
   }), React.Children.toArray(items).filter(item => React.isValidElement(item)).map((item, i) => React.cloneElement(item, {
     key: i,
-    itemNr: i
+    itemNo: i
   }))));
 };
 //# sourceMappingURL=BreadcrumbMultiple.js.map

package/es/components/breadcrumb/BreadcrumbMultiple.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbMultiple.js","names":["React","HeightAnimation","Section","BreadcrumbItem","BreadcrumbMultiple","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","i","_extends","key","variant","length","itemNr","Children","toArray","filter","item","isValidElement","cloneElement"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__multiple\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={i}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNr={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNr: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAM,qCAAqC;AACjE,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,cAAc,MAA+B,kBAAkB;AAWtE,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,WAAW;EACXC,KAAK;EACLC,WAAW;EACXC;AACuB,CAAC,KAAK;EAC7B,OACER,KAAA,CAAAS,aAAA,CAACR,eAAe;IACdS,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA0B,GAEpCZ,KAAA,CAAAS,aAAA,CAACP,OAAO;IACNU,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEC,CAAC,KAAK;IAChC,OACEjB,KAAA,CAAAS,aAAA,CAACN,cAAc,EAAAe,QAAA;MACbC,GAAG,EAAEF,CAAE;MACPG,OAAO,EACJH,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIT,IAAI,CAACa,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDC,MAAM,EAAEL;IAAE,GACND,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDhB,KAAK,CAACuB,QAAQ,CAACC,OAAO,CAAClB,KAAK,CAAC,CAC3BmB,MAAM,CAAEC,IAAI,IAAK1B,KAAK,CAAC2B,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CX,GAAG,CAAC,CAACW,IAA6C,EAAET,CAAC,KACpDjB,KAAK,CAAC4B,YAAY,CAACF,IAAI,EAAE;IAAEP,GAAG,EAAEF,CAAC;IAAEK,MAAM,EAAEL;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC"}
+{"version":3,"file":"BreadcrumbMultiple.js","names":["React","HeightAnimation","Section","BreadcrumbItem","BreadcrumbMultiple","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","i","_extends","key","variant","length","itemNo","Children","toArray","filter","item","isValidElement","cloneElement"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__multiple\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={i}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNo={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNo: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAM,qCAAqC;AACjE,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,cAAc,MAA+B,kBAAkB;AAWtE,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,WAAW;EACXC,KAAK;EACLC,WAAW;EACXC;AACuB,CAAC,KAAK;EAC7B,OACER,KAAA,CAAAS,aAAA,CAACR,eAAe;IACdS,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA0B,GAEpCZ,KAAA,CAAAS,aAAA,CAACP,OAAO;IACNU,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEC,CAAC,KAAK;IAChC,OACEjB,KAAA,CAAAS,aAAA,CAACN,cAAc,EAAAe,QAAA;MACbC,GAAG,EAAEF,CAAE;MACPG,OAAO,EACJH,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIT,IAAI,CAACa,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDC,MAAM,EAAEL;IAAE,GACND,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDhB,KAAK,CAACuB,QAAQ,CAACC,OAAO,CAAClB,KAAK,CAAC,CAC3BmB,MAAM,CAAEC,IAAI,IAAK1B,KAAK,CAAC2B,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CX,GAAG,CAAC,CAACW,IAA6C,EAAET,CAAC,KACpDjB,KAAK,CAAC4B,YAAY,CAACF,IAAI,EAAE;IAAEP,GAAG,EAAEF,CAAC;IAAEK,MAAM,EAAEL;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC"}

package/es/components/checkbox/CheckboxDocs.js

@@ -66,7 +66,7 @@ export const CheckboxProperties = {
   },
   innerRef: {
     doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `innerRef={myRef}` by using `React.createRef()` or `React.useRef()`.',
-    type: 'string',
+    type: 'React.Ref',
     status: 'optional'
   },
   '[Space](/uilib/layout/space/properties)': {