@dnb/eufemia 10.12.0 → 10.13.0

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","names":["React","useEffect","useState","classnames","createSkeletonClass","createSpacingClasses","Section","Button","useMediaQuery","Context","BreadcrumbItem","convertJsxToString","isTrue","validateDOMAttributes","extendPropsWithContext","BreadcrumbMultiple","defaultProps","skeleton","navText","goBackText","homeText","backToText","isCollapsed","styleType","collapsedStyleType","spacing","Breadcrumb","localProps","_context$translation","context","useContext","allProps","translation","className","children","items","variant","onClick","overrideIsCollapsed","noAnimation","data","href","props","_objectWithoutProperties","_excluded","skeletonClasses","spacingClasses","setCollapse","isSmallScreen","matchOnSSR","when","max","currentVariant","innerSpacing","createElement","_extends","style_type","text","icon","icon_position","Item","_supportsSpacingProps"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section, {\n  SectionSpacing,\n  SectionStyleTypes,\n} from '../section/Section'\nimport Button from '../button/Button'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\n// Internal\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\nimport {\n  convertJsxToString,\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { BreadcrumbMultiple } from './BreadcrumbMultiple'\n\nexport type BreadcrumbProps = {\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Pass in a list of your pages as objects of breadcrumbitem to render them as breadcrumbitems.\n   * Default: null\n   */\n  data?: Array<BreadcrumbItemProps>\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n\n  /**\n   * The variant of the component.\n   * Default: When children and data is not defined, it defaults to \"single\". If they are defined, the variant depends on the viewport.\n   */\n  variant?: 'single' | 'multiple' | 'collapse'\n\n  /**\n   * Handle the click event on 'single'/'collapse'\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * For variant 'single', use href (or onClick) to set href when clicking \"Back\"\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Every <nav> on a page needs an unique aria-label text\n   * Default: Page hierarchy\n   */\n  navText?: React.ReactNode\n\n  /**\n   * Add custom 'Back' text for variant 'single'\n   * Default: 'Back' or defined by Context translation\n   */\n  goBackText?: React.ReactNode\n\n  /**\n   * Add custom 'Home' text\n   * Default: 'Home' or defined by Context translation\n   */\n  homeText?: React.ReactNode\n\n  /**\n   * Add custom 'Back to...' text, for variant collapse\n   * Default 'Back to...' or defined by Context translation\n   */\n  backToText?: React.ReactNode\n\n  /**\n   * If variant='collapse', you can override isCollapsed for the collapsed content by updating this value.\n   * Default: null\n   */\n  isCollapsed?: boolean\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: transparent\n   */\n  styleType?: SectionStyleTypes\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: pistachio\n   */\n  collapsedStyleType?: SectionStyleTypes\n\n  /**\n   * Include spacing properties from the Section component in breadcrumb. If only `true` is given, the spacing will be `small`.\n   * Default: false\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Will disable the height animation\n   * Default: false\n   */\n  noAnimation?: boolean\n}\n\nexport const defaultProps = {\n  skeleton: false,\n  navText: 'Back',\n  goBackText: 'Back',\n  homeText: 'Home',\n  backToText: 'Back to...',\n  isCollapsed: true,\n  styleType: 'transparent',\n  collapsedStyleType: 'info',\n  spacing: false,\n}\n\nconst Breadcrumb = (localProps: BreadcrumbProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.translation?.Breadcrumb,\n    context?.Breadcrumb,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    className,\n    skeleton,\n    children: items,\n    variant,\n    onClick,\n    navText, // has a translation in context\n    goBackText, // has a translation in context\n    homeText, // eslint-disable-line\n    backToText, // has a translation in context\n    styleType,\n    collapsedStyleType,\n    isCollapsed: overrideIsCollapsed,\n    spacing,\n    noAnimation,\n    data,\n    href,\n    ...props\n  } = allProps\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const [isCollapsed, setCollapse] = useState(overrideIsCollapsed)\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  let currentVariant = variant\n  if (!variant) {\n    if (items || data) {\n      currentVariant = isSmallScreen ? 'collapse' : 'multiple'\n    } else {\n      currentVariant = 'single'\n    }\n  }\n\n  useEffect(() => {\n    setCollapse(overrideIsCollapsed)\n  }, [overrideIsCollapsed])\n\n  validateDOMAttributes(allProps, props)\n\n  const innerSpacing = isTrue(spacing) ? 'small' : spacing\n\n  return (\n    <nav\n      aria-label={convertJsxToString(navText)}\n      className={classnames(\n        'dnb-breadcrumb',\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Section\n        className=\"dnb-breadcrumb__bar\"\n        style_type={styleType || 'transparent'}\n        spacing={innerSpacing}\n      >\n        {currentVariant === 'collapse' && (\n          <Button\n            text={backToText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={\n              onClick ||\n              (() => {\n                setCollapse(!isCollapsed)\n              })\n            }\n            aria-expanded={!isCollapsed}\n          />\n        )}\n\n        {currentVariant === 'single' && (\n          <Button\n            text={goBackText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={onClick}\n            href={href}\n          />\n        )}\n\n        {currentVariant === 'multiple' && (\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={false}\n            noAnimation={noAnimation}\n          />\n        )}\n      </Section>\n\n      {currentVariant === 'collapse' && (\n        <Section\n          variant={collapsedStyleType}\n          className=\"dnb-breadcrumb__collapse\"\n        >\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={isCollapsed}\n            noAnimation={noAnimation}\n          />\n        </Section>\n      )}\n    </nav>\n  )\n}\n\nBreadcrumb.Item = BreadcrumbItem\n\nexport { BreadcrumbItem }\n\nBreadcrumb._supportsSpacingProps = true\n\nexport default Breadcrumb\n"],"mappings":"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"}
+{"version":3,"file":"Breadcrumb.js","names":["React","useEffect","useState","classnames","createSkeletonClass","createSpacingClasses","Section","Button","useMediaQuery","Context","BreadcrumbItem","convertJsxToString","isTrue","validateDOMAttributes","extendPropsWithContext","BreadcrumbMultiple","defaultProps","skeleton","navText","goBackText","homeText","backToText","isCollapsed","styleType","collapsedStyleType","spacing","Breadcrumb","localProps","_context$translation","context","useContext","allProps","translation","className","children","items","variant","onClick","overrideIsCollapsed","noAnimation","data","href","props","_objectWithoutProperties","_excluded","skeletonClasses","spacingClasses","setCollapse","isSmallScreen","matchOnSSR","when","max","currentVariant","innerSpacing","createElement","_extends","style_type","text","icon","icon_position","Item","_supportsSpacingProps"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section, {\n  SectionSpacing,\n  SectionStyleTypes,\n} from '../section/Section'\nimport Button from '../button/Button'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\n// Internal\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\nimport {\n  convertJsxToString,\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { BreadcrumbMultiple } from './BreadcrumbMultiple'\n\nexport type BreadcrumbProps = {\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Pass in a list of your pages as objects of breadcrumbitem to render them as breadcrumbitems.\n   * Default: null\n   */\n  data?: Array<BreadcrumbItemProps>\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n\n  /**\n   * The variant of the component.\n   * Default: When children and data is not defined, it defaults to \"single\". If they are defined, the variant depends on the viewport.\n   */\n  variant?: 'single' | 'multiple' | 'collapse'\n\n  /**\n   * Handle the click event on 'single'/'collapse'\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * For variant 'single', use href (or onClick) to set href when clicking \"Back\"\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Every <nav> on a page needs an unique aria-label text\n   * Default: Page hierarchy\n   */\n  navText?: React.ReactNode\n\n  /**\n   * Add custom 'Back' text for variant 'single'\n   * Default: 'Back' or defined by Context translation\n   */\n  goBackText?: React.ReactNode\n\n  /**\n   * Add custom 'Home' text\n   * Default: 'Home' or defined by Context translation\n   */\n  homeText?: React.ReactNode\n\n  /**\n   * Add custom 'Back to...' text, for variant collapse\n   * Default 'Back to...' or defined by Context translation\n   */\n  backToText?: React.ReactNode\n\n  /**\n   * If variant='collapse', you can override isCollapsed for the collapsed content by updating this value.\n   * Default: null\n   */\n  isCollapsed?: boolean\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: transparent\n   */\n  styleType?: SectionStyleTypes\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: pistachio\n   */\n  collapsedStyleType?: SectionStyleTypes\n\n  /**\n   * Include spacing properties from the Section component in breadcrumb. If only `true` is given, the spacing will be `small`.\n   * Default: false\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Will disable the height animation\n   * Default: false\n   */\n  noAnimation?: boolean\n}\n\nexport const defaultProps = {\n  skeleton: false,\n  navText: 'Back',\n  goBackText: 'Back',\n  homeText: 'Home',\n  backToText: 'Back to...',\n  isCollapsed: true,\n  styleType: 'transparent',\n  collapsedStyleType: 'info',\n  spacing: false,\n}\n\nconst Breadcrumb = (localProps: BreadcrumbProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.translation?.Breadcrumb,\n    context?.Breadcrumb,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    className,\n    skeleton,\n    children: items,\n    variant,\n    onClick,\n    navText, // has a translation in context\n    goBackText, // has a translation in context\n    homeText, // eslint-disable-line\n    backToText, // has a translation in context\n    styleType,\n    collapsedStyleType,\n    isCollapsed: overrideIsCollapsed,\n    spacing,\n    noAnimation,\n    data,\n    href,\n    ...props\n  } = allProps\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const [isCollapsed, setCollapse] = useState(overrideIsCollapsed)\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  let currentVariant = variant\n  if (!variant) {\n    if (items || data) {\n      currentVariant = isSmallScreen ? 'collapse' : 'multiple'\n    } else {\n      currentVariant = 'single'\n    }\n  }\n\n  useEffect(() => {\n    setCollapse(overrideIsCollapsed)\n  }, [overrideIsCollapsed])\n\n  validateDOMAttributes(allProps, props)\n\n  const innerSpacing = isTrue(spacing) ? 'small' : spacing\n\n  return (\n    <nav\n      aria-label={convertJsxToString(navText)}\n      className={classnames(\n        'dnb-breadcrumb',\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Section\n        className=\"dnb-breadcrumb__bar\"\n        style_type={styleType || 'transparent'}\n        spacing={innerSpacing}\n      >\n        {currentVariant === 'collapse' && (\n          <Button\n            text={backToText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={\n              onClick ||\n              (() => {\n                setCollapse(!isCollapsed)\n              })\n            }\n            aria-expanded={!isCollapsed}\n          />\n        )}\n\n        {currentVariant === 'single' && (\n          <Button\n            text={goBackText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={onClick}\n            href={href}\n          />\n        )}\n\n        {currentVariant === 'multiple' && (\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={false}\n            noAnimation={noAnimation}\n          />\n        )}\n      </Section>\n\n      {currentVariant === 'collapse' && (\n        <Section\n          variant={collapsedStyleType}\n          className=\"dnb-breadcrumb__collapse\"\n        >\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={isCollapsed}\n            noAnimation={noAnimation}\n          />\n        </Section>\n      )}\n    </nav>\n  )\n}\n\nBreadcrumb.Item = BreadcrumbItem\n\nexport { BreadcrumbItem }\n\nBreadcrumb._supportsSpacingProps = true\n\nexport default Breadcrumb\n"],"mappings":"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"}

package/es/components/button/style/themes/dnb-button-theme-eiendom.scss

@@ -33,7 +33,7 @@
   // @include hover() {
   //   @include fakeBorder(var(--color-sea-green), 0.0625rem);
   // }
-  // So we could still use sea-green, but including the 2px thikness
+  // So we could still use sea-green, but including the 2px thickness
   // @include buttonHover(
   //   var(--color-sea-green),
   //   var(--color-white),

package/es/components/button/style/themes/dnb-button-theme-sbanken.css

@@ -230,9 +230,9 @@ html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__tex
   --button-background--focus: var(--sb-color-blue-light-3);
   --button-primary-shadow: var(--sb-shadow-medium);
   --button-primary-shadow--hover: var(--sb-shadow-medium);
-  --button-primary-color: var(--sb-color-green);
+  --button-primary-color: var(--sb-color-white);
   --button-primary-color--hover: var(--sb-color-purple-alternative);
-  --button-primary-color--active: var(--sb-color-green);
+  --button-primary-color--active: var(--sb-color-white);
   --button-primary-color--disabled: var(--sb-color-gray-dark-2);
   --button-primary-background: var(--sb-color-purple-alternative);
   --button-primary-background--hover: var(--sb-color-green);

package/es/components/button/style/themes/dnb-button-theme-sbanken.min.css

@@ -2,7 +2,7 @@
     --button-tertiary-focus-overflow--icon-top
   );--button-tertiary-focus-right:var(
     --button-tertiary-focus-overflow--icon-top
-  );border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small);margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left{--button-tertiary-focus-right:-1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:var(--button-tertiary-underline-overflow--icon)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right{--button-tertiary-focus-left:-1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:var(--button-tertiary-underline-overflow--icon)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text){--button-tertiary-focus-left:0;--button-tertiary-focus-right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button{--button-background--focus:var(--sb-color-blue-light-3);--button-primary-shadow:var(--sb-shadow-medium);--button-primary-shadow--hover:var(--sb-shadow-medium);--button-primary-color:var(--sb-color-green);--button-primary-color--hover:var(--sb-color-purple-alternative);--button-primary-color--active:var(--sb-color-green);--button-primary-color--disabled:var(--sb-color-gray-dark-2);--button-primary-background:var(--sb-color-purple-alternative);--button-primary-background--hover:var(--sb-color-green);--button-primary-background--active:var(--sb-color-purple-alternative);--button-primary-background--disabled:var(--sb-color-gray-light);--button-primary-border--hover:transparent;--button-secondary-color:var(--sb-color-purple-alternative);--button-secondary-color--hover:var(--sb-color-purple-alternative);--button-secondary-color--active:var(--sb-color-purple-alternative);--button-secondary-color--disabled:var(--sb-color-gray-dark);--button-secondary-background:var(--sb-color-white);--button-secondary-background--hover:var(--sb-color-green);--button-secondary-background--active:var(--sb-color-white);--button-secondary-border:var(--button-secondary-border--default);--button-secondary-border--default:var(--sb-color-purple-alternative);--button-secondary-border--hover:var(
+  );border-radius:.5rem;flex-direction:column;vertical-align:middle}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text{padding:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon{align-self:center;margin-top:.5rem}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text{font-size:var(--font-size-x-small);margin-bottom:.25rem;margin-top:0}.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text{font-size:var(--font-size-small)}.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment{height:0;order:3}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left{--button-tertiary-focus-right:-1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text{padding-left:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text:after{left:var(--button-tertiary-underline-overflow--icon)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon{margin-left:0;margin-right:-.5rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text{margin-left:1rem;padding-left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text:after{left:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right{--button-tertiary-focus-left:-1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text{padding-right:1rem}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text:after{right:var(--button-tertiary-underline-overflow--icon)}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon{margin-left:-.5rem;margin-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text{margin-right:1rem;padding-right:0}.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text:after,.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text:after{right:0}.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text){--button-tertiary-focus-left:0;--button-tertiary-focus-right:0}html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text:after{visibility:hidden}.dnb-button{--button-background--focus:var(--sb-color-blue-light-3);--button-primary-shadow:var(--sb-shadow-medium);--button-primary-shadow--hover:var(--sb-shadow-medium);--button-primary-color:var(--sb-color-white);--button-primary-color--hover:var(--sb-color-purple-alternative);--button-primary-color--active:var(--sb-color-white);--button-primary-color--disabled:var(--sb-color-gray-dark-2);--button-primary-background:var(--sb-color-purple-alternative);--button-primary-background--hover:var(--sb-color-green);--button-primary-background--active:var(--sb-color-purple-alternative);--button-primary-background--disabled:var(--sb-color-gray-light);--button-primary-border--hover:transparent;--button-secondary-color:var(--sb-color-purple-alternative);--button-secondary-color--hover:var(--sb-color-purple-alternative);--button-secondary-color--active:var(--sb-color-purple-alternative);--button-secondary-color--disabled:var(--sb-color-gray-dark);--button-secondary-background:var(--sb-color-white);--button-secondary-background--hover:var(--sb-color-green);--button-secondary-background--active:var(--sb-color-white);--button-secondary-border:var(--button-secondary-border--default);--button-secondary-border--default:var(--sb-color-purple-alternative);--button-secondary-border--hover:var(
     --button-secondary-border--default
   );--button-secondary-border--active:var(
     --button-secondary-border--default

package/es/components/button/style/themes/dnb-button-theme-sbanken.scss

@@ -17,9 +17,9 @@
   // primary
   --button-primary-shadow: var(--sb-shadow-medium);
   --button-primary-shadow--hover: var(--sb-shadow-medium);
-  --button-primary-color: var(--sb-color-green);
+  --button-primary-color: var(--sb-color-white);
   --button-primary-color--hover: var(--sb-color-purple-alternative);
-  --button-primary-color--active: var(--sb-color-green);
+  --button-primary-color--active: var(--sb-color-white);
   --button-primary-color--disabled: var(--sb-color-gray-dark-2);
   --button-primary-background: var(--sb-color-purple-alternative);
   --button-primary-background--hover: var(--sb-color-green);

package/es/components/card/Card.js

@@ -17,11 +17,11 @@ function Card(props) {
   if (stack || direction || spacing) {
     return React.createElement(Flex.Container, _extends({
       className: classnames('dnb-card', className),
-      direction: direction ?? 'vertical',
+      direction: direction !== null && direction !== void 0 ? direction : 'vertical',
       divider: stack ? 'line' : 'space',
       element: "section",
       wrap: false,
-      spacing: spacing ?? (stack ? 'medium' : 'small'),
+      spacing: spacing !== null && spacing !== void 0 ? spacing : stack ? 'medium' : 'small',
       alignSelf: alignSelf
     }, rest), children);
   }

package/es/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","classnames","Flex","Card","props","className","stack","direction","spacing","alignSelf","children","rest","_objectWithoutProperties","_excluded","createElement","Container","_extends","divider","element","wrap","Item","_supportsSpacingProps"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport type { Props as FlexContainerProps } from '../flex/Container'\nimport type { Props as FlexItemProps } from '../flex/Item'\n\nexport type Props = FlexContainerProps &\n  FlexItemProps & {\n    stack?: boolean\n  }\n\nfunction Card(props: Props) {\n  const {\n    className,\n    stack,\n    direction,\n    spacing,\n    alignSelf = 'stretch',\n    children,\n    ...rest\n  } = props\n\n  if (stack || direction || spacing) {\n    return (\n      <Flex.Container\n        className={classnames('dnb-card', className)}\n        direction={direction ?? 'vertical'}\n        divider={stack ? 'line' : 'space'}\n        element=\"section\"\n        wrap={false}\n        spacing={spacing ?? (stack ? 'medium' : 'small')}\n        alignSelf={alignSelf}\n        {...rest}\n      >\n        {children}\n      </Flex.Container>\n    )\n  }\n\n  return (\n    <Flex.Item\n      className={classnames('dnb-card', className)}\n      alignSelf={alignSelf}\n      element=\"section\"\n      {...rest}\n    >\n      {children}\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,cAAc;AAS/B,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,SAAS,GAAG,SAAS;MACrBC;IAEF,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EAET,IAAIP,KAAK,IAAIC,SAAS,IAAIC,OAAO,EAAE;IACjC,OACER,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAACa,SAAS,EAAAC,QAAA;MACbX,SAAS,EAAEJ,UAAU,CAAC,UAAU,EAAEI,SAAS,CAAE;MAC7CE,SAAS,EAAEA,SAAS,IAAI,UAAW;MACnCU,OAAO,EAAEX,KAAK,GAAG,MAAM,GAAG,OAAQ;MAClCY,OAAO,EAAC,SAAS;MACjBC,IAAI,EAAE,KAAM;MACZX,OAAO,EAAEA,OAAO,KAAKF,KAAK,GAAG,QAAQ,GAAG,OAAO,CAAE;MACjDG,SAAS,EAAEA;IAAU,GACjBE,IAAI,GAEPD,QACa,CAAC;EAErB;EAEA,OACEV,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAACkB,IAAI,EAAAJ,QAAA;IACRX,SAAS,EAAEJ,UAAU,CAAC,UAAU,EAAEI,SAAS,CAAE;IAC7CI,SAAS,EAAEA,SAAU;IACrBS,OAAO,EAAC;EAAS,GACbP,IAAI,GAEPD,QACQ,CAAC;AAEhB;AAEAP,IAAI,CAACkB,qBAAqB,GAAG,IAAI;AAEjC,eAAelB,IAAI"}
+{"version":3,"file":"Card.js","names":["React","classnames","Flex","Card","props","className","stack","direction","spacing","alignSelf","children","rest","_objectWithoutProperties","_excluded","createElement","Container","_extends","divider","element","wrap","Item","_supportsSpacingProps"],"sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Flex from '../flex/Flex'\nimport type { Props as FlexContainerProps } from '../flex/Container'\nimport type { Props as FlexItemProps } from '../flex/Item'\n\nexport type Props = FlexContainerProps &\n  FlexItemProps & {\n    stack?: boolean\n  }\n\nfunction Card(props: Props) {\n  const {\n    className,\n    stack,\n    direction,\n    spacing,\n    alignSelf = 'stretch',\n    children,\n    ...rest\n  } = props\n\n  if (stack || direction || spacing) {\n    return (\n      <Flex.Container\n        className={classnames('dnb-card', className)}\n        direction={direction ?? 'vertical'}\n        divider={stack ? 'line' : 'space'}\n        element=\"section\"\n        wrap={false}\n        spacing={spacing ?? (stack ? 'medium' : 'small')}\n        alignSelf={alignSelf}\n        {...rest}\n      >\n        {children}\n      </Flex.Container>\n    )\n  }\n\n  return (\n    <Flex.Item\n      className={classnames('dnb-card', className)}\n      alignSelf={alignSelf}\n      element=\"section\"\n      {...rest}\n    >\n      {children}\n    </Flex.Item>\n  )\n}\n\nCard._supportsSpacingProps = true\n\nexport default Card\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,cAAc;AAS/B,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;MACJC,SAAS;MACTC,KAAK;MACLC,SAAS;MACTC,OAAO;MACPC,SAAS,GAAG,SAAS;MACrBC;IAEF,CAAC,GAAGN,KAAK;IADJO,IAAI,GAAAC,wBAAA,CACLR,KAAK,EAAAS,SAAA;EAET,IAAIP,KAAK,IAAIC,SAAS,IAAIC,OAAO,EAAE;IACjC,OACER,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAACa,SAAS,EAAAC,QAAA;MACbX,SAAS,EAAEJ,UAAU,CAAC,UAAU,EAAEI,SAAS,CAAE;MAC7CE,SAAS,EAAEA,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,UAAW;MACnCU,OAAO,EAAEX,KAAK,GAAG,MAAM,GAAG,OAAQ;MAClCY,OAAO,EAAC,SAAS;MACjBC,IAAI,EAAE,KAAM;MACZX,OAAO,EAAEA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAKF,KAAK,GAAG,QAAQ,GAAG,OAAS;MACjDG,SAAS,EAAEA;IAAU,GACjBE,IAAI,GAEPD,QACa,CAAC;EAErB;EAEA,OACEV,KAAA,CAAAc,aAAA,CAACZ,IAAI,CAACkB,IAAI,EAAAJ,QAAA;IACRX,SAAS,EAAEJ,UAAU,CAAC,UAAU,EAAEI,SAAS,CAAE;IAC7CI,SAAS,EAAEA,SAAU;IACrBS,OAAO,EAAC;EAAS,GACbP,IAAI,GAEPD,QACQ,CAAC;AAEhB;AAEAP,IAAI,CAACkB,qBAAqB,GAAG,IAAI;AAEjC,eAAelB,IAAI"}

package/es/components/dialog/Dialog.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";

package/es/components/dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","names":["React","useContext","Modal","DialogContent","DialogBody","DialogHeader","DialogNavigation","classnames","Context","DialogAction","extendPropsWithContext","defaultProps","variant","spacing","Dialog","localProps","context","propsWithContext","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","disabled","title","dialogTitle","closeTitle","noAnimation","noAnimationOnMobile","animationDuration","triggerAttributes","hideCloseButton","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","trigger","omitTriggerButton","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","currentHideCloseButton","currentOmitTriggerButton","currentFullscreen","currentPreventOverlayClose","undefined","modalProps","dialogProps","_objectSpread","createElement","_extends","dialogRole","Body","Header","Navigation","Action","_supportsSpacingProps"],"sources":["../../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["/**\n * Web Dialog Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DialogContent from './DialogContent'\nimport DialogBody from './parts/DialogBody'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport { DialogProps, DialogContentProps } from './types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport DialogAction from './parts/DialogAction'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nconst defaultProps = {\n  variant: 'information',\n  spacing: true,\n}\n\nfunction Dialog(localProps: DialogProps & DialogContentProps) {\n  const context = useContext(Context)\n\n  const propsWithContext = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Dialog\n  )\n\n  const {\n    id,\n    rootId,\n    contentId,\n    focusSelector,\n    labelledBy,\n    directDomReturn,\n    disabled,\n\n    variant,\n    title,\n    dialogTitle,\n    closeTitle,\n    spacing,\n    noAnimation,\n    noAnimationOnMobile,\n    animationDuration,\n    triggerAttributes,\n    hideCloseButton,\n    fullscreen,\n\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    preventClose,\n    preventOverlayClose,\n    openState,\n    openDelay,\n\n    trigger,\n    omitTriggerButton = false,\n    overlayClass,\n    contentClass,\n    contentRef,\n    scrollRef,\n\n    top,\n    bottom,\n    left,\n    right,\n    space,\n\n    ...props\n  } = propsWithContext\n\n  let currentHideCloseButton = hideCloseButton\n  let currentOmitTriggerButton = omitTriggerButton\n  let currentFullscreen = fullscreen\n  let currentPreventOverlayClose = preventOverlayClose\n\n  if (variant === 'confirmation') {\n    currentHideCloseButton =\n      hideCloseButton !== undefined ? hideCloseButton : true\n    currentOmitTriggerButton =\n      triggerAttributes !== undefined ? omitTriggerButton : true\n    currentPreventOverlayClose =\n      preventOverlayClose !== undefined ? preventOverlayClose : true\n  }\n\n  if (fullscreen === undefined && fullscreen !== false) {\n    currentFullscreen = variant === 'information' ? 'auto' : false\n  }\n\n  const modalProps = {\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton: currentHideCloseButton,\n    preventClose,\n    preventOverlayClose: currentPreventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton: currentOmitTriggerButton,\n    trigger,\n    triggerAttributes,\n    overlayClass,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n    contentRef,\n    scrollRef,\n  }\n\n  const dialogProps = {\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    spacing,\n    variant,\n  }\n\n  return (\n    <Modal\n      {...modalProps}\n      dialogRole={variant == 'information' ? 'dialog' : 'alertdialog'}\n      contentClass={classnames('dnb-dialog__root', contentClass)}\n    >\n      <DialogContent {...dialogProps} />\n    </Modal>\n  )\n}\n\nDialog.Body = DialogBody\nDialog.Header = DialogHeader\nDialog.Navigation = DialogNavigation\nDialog.Action = DialogAction\n\nDialog._supportsSpacingProps = true\n\nexport default Dialog\n"],"mappings":";;;;;;AAIA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,gBAAgB,MAAM,0BAA0B;AAEvD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,SAASC,sBAAsB,QAAQ,+BAA+B;AAEtE,MAAMC,YAAY,GAAG;EACnBC,OAAO,EAAE,aAAa;EACtBC,OAAO,EAAE;AACX,CAAC;AAED,SAASC,MAAMA,CAACC,UAA4C,EAAE;EAC5D,MAAMC,OAAO,GAAGf,UAAU,CAACO,OAAO,CAAC;EAEnC,MAAMS,gBAAgB,GAAGP,sBAAsB,CAC7CK,UAAU,EACVJ,YAAY,EACZK,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,MACX,CAAC;EAED,MAAM;MACJI,EAAE;MACFC,MAAM;MACNC,SAAS;MACTC,aAAa;MACbC,UAAU;MACVC,eAAe;MACfC,QAAQ;MAERZ,OAAO;MACPa,KAAK;MACLC,WAAW;MACXC,UAAU;MACVd,OAAO;MACPe,WAAW;MACXC,mBAAmB;MACnBC,iBAAiB;MACjBC,iBAAiB;MACjBC,eAAe;MACfC,UAAU;MAEVC,MAAM;MACNC,OAAO;MACPC,cAAc;MACdC,SAAS;MACTC,UAAU;MACVC,YAAY;MACZC,mBAAmB;MACnBC,SAAS;MACTC,SAAS;MAETC,OAAO;MACPC,iBAAiB,GAAG,KAAK;MACzBC,YAAY;MACZC,YAAY;MACZC,UAAU;MACVC,SAAS;MAETC,GAAG;MACHC,MAAM;MACNC,IAAI;MACJC,KAAK;MACLC;IAGF,CAAC,GAAGpC,gBAAgB;IADfqC,KAAK,GAAAC,wBAAA,CACNtC,gBAAgB,EAAAuC,SAAA;EAEpB,IAAIC,sBAAsB,GAAGzB,eAAe;EAC5C,IAAI0B,wBAAwB,GAAGd,iBAAiB;EAChD,IAAIe,iBAAiB,GAAG1B,UAAU;EAClC,IAAI2B,0BAA0B,GAAGpB,mBAAmB;EAEpD,IAAI5B,OAAO,KAAK,cAAc,EAAE;IAC9B6C,sBAAsB,GACpBzB,eAAe,KAAK6B,SAAS,GAAG7B,eAAe,GAAG,IAAI;IACxD0B,wBAAwB,GACtB3B,iBAAiB,KAAK8B,SAAS,GAAGjB,iBAAiB,GAAG,IAAI;IAC5DgB,0BAA0B,GACxBpB,mBAAmB,KAAKqB,SAAS,GAAGrB,mBAAmB,GAAG,IAAI;EAClE;EAEA,IAAIP,UAAU,KAAK4B,SAAS,IAAI5B,UAAU,KAAK,KAAK,EAAE;IACpD0B,iBAAiB,GAAG/C,OAAO,KAAK,aAAa,GAAG,MAAM,GAAG,KAAK;EAChE;EAEA,MAAMkD,UAAU,GAAG;IACjBrC,KAAK;IACLP,EAAE;IACFG,aAAa;IACbC,UAAU;IACVE,QAAQ;IACRX,OAAO;IACP6B,SAAS;IACTtB,SAAS;IACTM,WAAW;IACXC,UAAU;IACVK,eAAe,EAAEyB,sBAAsB;IACvClB,YAAY;IACZC,mBAAmB,EAAEoB,0BAA0B;IAC/C9B,iBAAiB;IACjBF,WAAW;IACXC,mBAAmB;IACnBI,UAAU,EAAE0B,iBAAiB;IAC7BlB,SAAS;IACTlB,eAAe;IACfJ,MAAM;IACNe,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,SAAS;IACTC,UAAU;IACVM,iBAAiB,EAAEc,wBAAwB;IAC3Cf,OAAO;IACPZ,iBAAiB;IACjBc,YAAY;IACZI,GAAG;IACHC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLN,UAAU;IACVC;EACF,CAAC;EAED,MAAMe,WAAW,GAAAC,aAAA,CAAAA,aAAA,KACZV,KAAK;IACR1B,WAAW;IACXC,mBAAmB;IACnBI,UAAU,EAAE0B,iBAAiB;IAC7B9C,OAAO;IACPD;EAAO,EACR;EAED,OACEZ,KAAA,CAAAiE,aAAA,CAAC/D,KAAK,EAAAgE,QAAA,KACAJ,UAAU;IACdK,UAAU,EAAEvD,OAAO,IAAI,aAAa,GAAG,QAAQ,GAAG,aAAc;IAChEkC,YAAY,EAAEvC,UAAU,CAAC,kBAAkB,EAAEuC,YAAY;EAAE,IAE3D9C,KAAA,CAAAiE,aAAA,CAAC9D,aAAa,EAAK4D,WAAc,CAC5B,CAAC;AAEZ;AAEAjD,MAAM,CAACsD,IAAI,GAAGhE,UAAU;AACxBU,MAAM,CAACuD,MAAM,GAAGhE,YAAY;AAC5BS,MAAM,CAACwD,UAAU,GAAGhE,gBAAgB;AACpCQ,MAAM,CAACyD,MAAM,GAAG9D,YAAY;AAE5BK,MAAM,CAAC0D,qBAAqB,GAAG,IAAI;AAEnC,eAAe1D,MAAM"}
+{"version":3,"file":"Dialog.js","names":["React","useContext","Modal","DialogContent","DialogBody","DialogHeader","DialogNavigation","classnames","Context","DialogAction","extendPropsWithContext","defaultProps","variant","spacing","Dialog","localProps","context","propsWithContext","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","disabled","title","dialogTitle","closeTitle","noAnimation","noAnimationOnMobile","animationDuration","triggerAttributes","hideCloseButton","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","trigger","omitTriggerButton","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","currentHideCloseButton","currentOmitTriggerButton","currentFullscreen","currentPreventOverlayClose","undefined","modalProps","dialogProps","_objectSpread","createElement","_extends","dialogRole","Body","Header","Navigation","Action","_supportsSpacingProps"],"sources":["../../../../src/components/dialog/Dialog.tsx"],"sourcesContent":["/**\n * Web Dialog Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DialogContent from './DialogContent'\nimport DialogBody from './parts/DialogBody'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport { DialogProps, DialogContentProps } from './types'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport DialogAction from './parts/DialogAction'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nconst defaultProps = {\n  variant: 'information',\n  spacing: true,\n}\n\nfunction Dialog(localProps: DialogProps & DialogContentProps) {\n  const context = useContext(Context)\n\n  const propsWithContext = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Dialog\n  )\n\n  const {\n    id,\n    rootId,\n    contentId,\n    focusSelector,\n    labelledBy,\n    directDomReturn,\n    disabled,\n\n    variant,\n    title,\n    dialogTitle,\n    closeTitle,\n    spacing,\n    noAnimation,\n    noAnimationOnMobile,\n    animationDuration,\n    triggerAttributes,\n    hideCloseButton,\n    fullscreen,\n\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    preventClose,\n    preventOverlayClose,\n    openState,\n    openDelay,\n\n    trigger,\n    omitTriggerButton = false,\n    overlayClass,\n    contentClass,\n    contentRef,\n    scrollRef,\n\n    top,\n    bottom,\n    left,\n    right,\n    space,\n\n    ...props\n  } = propsWithContext\n\n  let currentHideCloseButton = hideCloseButton\n  let currentOmitTriggerButton = omitTriggerButton\n  let currentFullscreen = fullscreen\n  let currentPreventOverlayClose = preventOverlayClose\n\n  if (variant === 'confirmation') {\n    currentHideCloseButton =\n      hideCloseButton !== undefined ? hideCloseButton : true\n    currentOmitTriggerButton =\n      triggerAttributes !== undefined ? omitTriggerButton : true\n    currentPreventOverlayClose =\n      preventOverlayClose !== undefined ? preventOverlayClose : true\n  }\n\n  if (fullscreen === undefined && fullscreen !== false) {\n    currentFullscreen = variant === 'information' ? 'auto' : false\n  }\n\n  const modalProps = {\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton: currentHideCloseButton,\n    preventClose,\n    preventOverlayClose: currentPreventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton: currentOmitTriggerButton,\n    trigger,\n    triggerAttributes,\n    overlayClass,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n    contentRef,\n    scrollRef,\n  }\n\n  const dialogProps = {\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen: currentFullscreen,\n    spacing,\n    variant,\n  }\n\n  return (\n    <Modal\n      {...modalProps}\n      dialogRole={variant == 'information' ? 'dialog' : 'alertdialog'}\n      contentClass={classnames('dnb-dialog__root', contentClass)}\n    >\n      <DialogContent {...dialogProps} />\n    </Modal>\n  )\n}\n\nDialog.Body = DialogBody\nDialog.Header = DialogHeader\nDialog.Navigation = DialogNavigation\nDialog.Action = DialogAction\n\nDialog._supportsSpacingProps = true\n\nexport default Dialog\n"],"mappings":"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"}

package/es/components/dialog/DialogContent.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["modalContent", "navContent", "headerContent", "alignContent", "className", "preventCoreStyle", "spacing", "fullscreen", "noAnimation", "noAnimationOnMobile", "minWidth", "maxWidth", "variant", "confirmType", "icon", "description", "hideDecline", "hideConfirm", "onConfirm", "onDecline", "declineText", "confirmText"];

package/es/components/dialog/DialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.js","names":["React","useContext","classnames","isTrue","findElementInChildren","validateDOMAttributes","ScrollView","DialogHeader","DialogNavigation","DialogAction","getContent","ModalContext","checkMinMaxWidth","ModalHeaderBar","ModalHeader","IconPrimary","DialogContent","_ref","modalContent","navContent","headerContent","alignContent","className","preventCoreStyle","spacing","fullscreen","noAnimation","noAnimationOnMobile","minWidth","min_width","maxWidth","max_width","variant","confirmType","icon","description","hideDecline","hideConfirm","onConfirm","onDecline","declineText","confirmText","rest","_objectWithoutProperties","_excluded","context","content","children","Object","freeze","_objectSpread","close","contentParams","hide","style","onClick","preventClick","onTouchStart","onKeyDown","onKeyDownHandler","navExists","cur","type","headerExists","actionExists","dialogActionProps","createElement","ref","scrollRef","tabIndex","contentRef","border","key","title","size","id","contentId","_supportsSpacingProps"],"sources":["../../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  findElementInChildren,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from '../../fragments/scroll-view/ScrollView'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport DialogAction from './parts/DialogAction'\nimport { getContent } from '../modal/helpers'\nimport ModalContext from '../modal/ModalContext'\nimport { checkMinMaxWidth } from '../drawer/helpers'\nimport { DialogContentProps } from './types'\nimport ModalHeaderBar from '../modal/parts/ModalHeaderBar'\nimport ModalHeader from '../modal/parts/ModalHeader'\nimport IconPrimary from '../icon-primary/IconPrimary'\n\nexport default function DialogContent({\n  modalContent = null,\n  navContent = null,\n  headerContent = null,\n  alignContent = null,\n  className = null,\n  preventCoreStyle = null,\n  spacing = true,\n  fullscreen,\n  noAnimation = false,\n  noAnimationOnMobile = false,\n  minWidth: min_width = null,\n  maxWidth: max_width = null,\n  variant = 'information',\n  confirmType = 'info',\n  icon = null,\n  description,\n  hideDecline,\n  hideConfirm,\n  onConfirm,\n  onDecline,\n  declineText,\n  confirmText,\n  ...rest\n}: DialogContentProps): JSX.Element {\n  const context = useContext(ModalContext)\n  const { minWidth, maxWidth } = checkMinMaxWidth(min_width, max_width)\n  const content =\n    modalContent ||\n    getContent(\n      typeof rest.children === 'function'\n        ? Object.freeze({ ...rest, close: context?.close })\n        : rest\n    )\n\n  if (alignContent === null) {\n    alignContent = variant === 'information' ? 'left' : 'centered'\n  }\n\n  const contentParams = {\n    className: classnames(\n      !isTrue(preventCoreStyle) && 'dnb-core-style',\n\n      'dnb-dialog',\n      variant && `dnb-dialog--${variant}`,\n      isTrue(spacing) && 'dnb-dialog--spacing',\n      alignContent && `dnb-dialog__align--${alignContent}`,\n      isTrue(fullscreen)\n        ? `dnb-dialog--fullscreen`\n        : fullscreen === 'auto' && `dnb-dialog--auto-fullscreen`,\n      isTrue(context?.hide) && `dnb-dialog--hide`,\n      isTrue(noAnimation) && `dnb-dialog--no-animation`,\n      isTrue(noAnimationOnMobile) && `dnb-dialog--no-animation-on-mobile`,\n      className\n    ),\n    style: (minWidth || maxWidth) && { minWidth, maxWidth },\n    onClick: context?.preventClick,\n    onTouchStart: context?.preventClick,\n    onKeyDown: context?.onKeyDownHandler,\n    ...rest,\n  }\n\n  const navExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogNavigation || cur.type === ModalHeaderBar\n  )\n\n  const headerExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogHeader || cur.type === ModalHeader\n  )\n\n  const actionExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogAction\n  )\n\n  const dialogActionProps = {\n    onConfirm,\n    onDecline,\n    declineText,\n    confirmText,\n    hideDecline,\n    hideConfirm,\n  }\n\n  validateDOMAttributes({}, contentParams)\n\n  return (\n    <div {...contentParams}>\n      <ScrollView ref={context?.scrollRef}>\n        <div\n          tabIndex={-1}\n          className=\"dnb-dialog__inner dnb-no-focus\"\n          ref={context?.contentRef}\n        >\n          {!navExists && <DialogNavigation>{navContent}</DialogNavigation>}\n\n          {icon && (\n            <div className=\"dnb-dialog__icon\">\n              <IconPrimary\n                border\n                key=\"dialog-icon\"\n                icon={icon}\n                aria-hidden\n                className={classnames(\n                  'dnb-dialog__icon__primary',\n                  'dnb-dialog__icon--' + confirmType\n                )}\n              />\n            </div>\n          )}\n\n          {!headerExists && (\n            <DialogHeader\n              title={context?.title}\n              size={variant === 'information' ? 'x-large' : 'large'}\n            >\n              {headerContent}\n            </DialogHeader>\n          )}\n\n          <div\n            id={context?.contentId + '-content'}\n            className=\"dnb-dialog__content\"\n          >\n            {description}\n            {content}\n          </div>\n\n          {variant === 'confirmation' && !actionExists && (\n            <DialogAction {...dialogActionProps} />\n          )}\n        </div>\n      </ScrollView>\n    </div>\n  )\n}\n\nDialogContent._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"DialogContent.js","names":["React","useContext","classnames","isTrue","findElementInChildren","validateDOMAttributes","ScrollView","DialogHeader","DialogNavigation","DialogAction","getContent","ModalContext","checkMinMaxWidth","ModalHeaderBar","ModalHeader","IconPrimary","DialogContent","_ref","modalContent","navContent","headerContent","alignContent","className","preventCoreStyle","spacing","fullscreen","noAnimation","noAnimationOnMobile","minWidth","min_width","maxWidth","max_width","variant","confirmType","icon","description","hideDecline","hideConfirm","onConfirm","onDecline","declineText","confirmText","rest","_objectWithoutProperties","_excluded","context","content","children","Object","freeze","_objectSpread","close","contentParams","hide","style","onClick","preventClick","onTouchStart","onKeyDown","onKeyDownHandler","navExists","cur","type","headerExists","actionExists","dialogActionProps","createElement","ref","scrollRef","tabIndex","contentRef","border","key","title","size","id","contentId","_supportsSpacingProps"],"sources":["../../../../src/components/dialog/DialogContent.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  findElementInChildren,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport ScrollView from '../../fragments/scroll-view/ScrollView'\nimport DialogHeader from './parts/DialogHeader'\nimport DialogNavigation from './parts/DialogNavigation'\nimport DialogAction from './parts/DialogAction'\nimport { getContent } from '../modal/helpers'\nimport ModalContext from '../modal/ModalContext'\nimport { checkMinMaxWidth } from '../drawer/helpers'\nimport { DialogContentProps } from './types'\nimport ModalHeaderBar from '../modal/parts/ModalHeaderBar'\nimport ModalHeader from '../modal/parts/ModalHeader'\nimport IconPrimary from '../icon-primary/IconPrimary'\n\nexport default function DialogContent({\n  modalContent = null,\n  navContent = null,\n  headerContent = null,\n  alignContent = null,\n  className = null,\n  preventCoreStyle = null,\n  spacing = true,\n  fullscreen,\n  noAnimation = false,\n  noAnimationOnMobile = false,\n  minWidth: min_width = null,\n  maxWidth: max_width = null,\n  variant = 'information',\n  confirmType = 'info',\n  icon = null,\n  description,\n  hideDecline,\n  hideConfirm,\n  onConfirm,\n  onDecline,\n  declineText,\n  confirmText,\n  ...rest\n}: DialogContentProps): JSX.Element {\n  const context = useContext(ModalContext)\n  const { minWidth, maxWidth } = checkMinMaxWidth(min_width, max_width)\n  const content =\n    modalContent ||\n    getContent(\n      typeof rest.children === 'function'\n        ? Object.freeze({ ...rest, close: context?.close })\n        : rest\n    )\n\n  if (alignContent === null) {\n    alignContent = variant === 'information' ? 'left' : 'centered'\n  }\n\n  const contentParams = {\n    className: classnames(\n      !isTrue(preventCoreStyle) && 'dnb-core-style',\n\n      'dnb-dialog',\n      variant && `dnb-dialog--${variant}`,\n      isTrue(spacing) && 'dnb-dialog--spacing',\n      alignContent && `dnb-dialog__align--${alignContent}`,\n      isTrue(fullscreen)\n        ? `dnb-dialog--fullscreen`\n        : fullscreen === 'auto' && `dnb-dialog--auto-fullscreen`,\n      isTrue(context?.hide) && `dnb-dialog--hide`,\n      isTrue(noAnimation) && `dnb-dialog--no-animation`,\n      isTrue(noAnimationOnMobile) && `dnb-dialog--no-animation-on-mobile`,\n      className\n    ),\n    style: (minWidth || maxWidth) && { minWidth, maxWidth },\n    onClick: context?.preventClick,\n    onTouchStart: context?.preventClick,\n    onKeyDown: context?.onKeyDownHandler,\n    ...rest,\n  }\n\n  const navExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogNavigation || cur.type === ModalHeaderBar\n  )\n\n  const headerExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogHeader || cur.type === ModalHeader\n  )\n\n  const actionExists = findElementInChildren(\n    content,\n    (cur) => cur.type === DialogAction\n  )\n\n  const dialogActionProps = {\n    onConfirm,\n    onDecline,\n    declineText,\n    confirmText,\n    hideDecline,\n    hideConfirm,\n  }\n\n  validateDOMAttributes({}, contentParams)\n\n  return (\n    <div {...contentParams}>\n      <ScrollView ref={context?.scrollRef}>\n        <div\n          tabIndex={-1}\n          className=\"dnb-dialog__inner dnb-no-focus\"\n          ref={context?.contentRef}\n        >\n          {!navExists && <DialogNavigation>{navContent}</DialogNavigation>}\n\n          {icon && (\n            <div className=\"dnb-dialog__icon\">\n              <IconPrimary\n                border\n                key=\"dialog-icon\"\n                icon={icon}\n                aria-hidden\n                className={classnames(\n                  'dnb-dialog__icon__primary',\n                  'dnb-dialog__icon--' + confirmType\n                )}\n              />\n            </div>\n          )}\n\n          {!headerExists && (\n            <DialogHeader\n              title={context?.title}\n              size={variant === 'information' ? 'x-large' : 'large'}\n            >\n              {headerContent}\n            </DialogHeader>\n          )}\n\n          <div\n            id={context?.contentId + '-content'}\n            className=\"dnb-dialog__content\"\n          >\n            {description}\n            {content}\n          </div>\n\n          {variant === 'confirmation' && !actionExists && (\n            <DialogAction {...dialogActionProps} />\n          )}\n        </div>\n      </ScrollView>\n    </div>\n  )\n}\n\nDialogContent._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/dialog/parts/DialogAction.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";

package/es/components/dialog/parts/DialogAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogAction.js","names":["React","useContext","classNames","Button","Space","Context","ModalContext","dispatchCustomElementEvent","fallbackCloseAction","close","DialogAction","_ref","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","hideConfirm","onConfirm","onDecline","className","children","props","_objectWithoutProperties","_excluded","translation","ButtonContext","childrenWithCloseFunc","Children","map","child","type","cloneElement","_objectSpread","on_click","event","createElement","_extends","element","text","Dialog","variant","onClick","size","_supportsSpacingProps"],"sources":["../../../../../src/components/dialog/parts/DialogAction.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classNames from 'classnames'\nimport Button from '../../button/Button'\nimport Space from '../../space/Space'\nimport { Context } from '../../../shared'\nimport ModalContext from '../../modal/ModalContext'\nimport { dispatchCustomElementEvent } from '../../../shared/component-helper'\n\nimport type { SpacingProps } from '../../space/types'\n\ntype extendedMouseEvent = {\n  event: React.MouseEvent<HTMLElement>\n  close: () => void\n}\n\nexport type DialogActionProps = {\n  /**\n   * For dialog actions, give a custom text for the decline button.\n   */\n  declineText?: string | React.ReactNode\n\n  /**\n   * For dialog actions, give a custom text for the confirm button.\n   */\n  confirmText?: string | React.ReactNode\n\n  /**\n   * For variant confirmation, handle the confirm action click.\n   */\n  onConfirm?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, handle the decline action click.\n   */\n  onDecline?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, hide the default decline button and only show the confirm button.\n   */\n  hideDecline?: boolean\n\n  /**\n   * For variant confirmation, hide the default confirm button and only show the decline button.\n   */\n  hideConfirm?: boolean\n\n  /**\n   * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.\n   */\n  children?: React.ReactElement | Array<React.ReactElement>\n}\n\nexport type DialogActionAllProps = DialogActionProps &\n  SpacingProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'children'>\n\nconst fallbackCloseAction = ({ close }: extendedMouseEvent) => close()\n\nconst DialogAction = ({\n  declineText = null,\n  confirmText = null,\n  hideDecline = false,\n  hideConfirm = false,\n  onConfirm = fallbackCloseAction,\n  onDecline = fallbackCloseAction,\n  className,\n  children,\n  ...props\n}: DialogActionAllProps) => {\n  const { translation, Button: ButtonContext } = useContext(Context)\n  const { close } = useContext(ModalContext)\n  let childrenWithCloseFunc: Array<React.ReactChild>\n\n  if (children) {\n    childrenWithCloseFunc = React.Children.map(children, (child) => {\n      if (child.type === Button) {\n        return React.cloneElement(\n          child,\n          {\n            ...child.props,\n            on_click: (event) => {\n              dispatchCustomElementEvent(child.props, 'on_click', {\n                event,\n                close,\n              })\n            },\n          },\n          child.props.children\n        )\n      } else {\n        return child\n      }\n    })\n  }\n\n  return (\n    <Space\n      element=\"section\"\n      className={classNames('dnb-dialog__actions', className)}\n      {...props}\n    >\n      {childrenWithCloseFunc}\n\n      {!children && !hideDecline && (\n        <Button\n          text={declineText || translation?.Dialog?.declineText}\n          variant=\"secondary\"\n          onClick={(event) => {\n            dispatchCustomElementEvent({ onDecline }, 'onDecline', {\n              event,\n              close,\n            })\n          }}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n      {!children && !hideConfirm && (\n        <Button\n          text={confirmText || translation?.Dialog?.confirmText}\n          variant=\"primary\"\n          onClick={(event) => {\n            dispatchCustomElementEvent({ onConfirm }, 'onConfirm', {\n              event,\n              close,\n            })\n          }}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n    </Space>\n  )\n}\n\nDialogAction._supportsSpacingProps = true\n\nexport default DialogAction\n"],"mappings":"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"}
+{"version":3,"file":"DialogAction.js","names":["React","useContext","classNames","Button","Space","Context","ModalContext","dispatchCustomElementEvent","fallbackCloseAction","close","DialogAction","_ref","_translation$Dialog","_translation$Dialog2","declineText","confirmText","hideDecline","hideConfirm","onConfirm","onDecline","className","children","props","_objectWithoutProperties","_excluded","translation","ButtonContext","childrenWithCloseFunc","Children","map","child","type","cloneElement","_objectSpread","on_click","event","createElement","_extends","element","text","Dialog","variant","onClick","size","_supportsSpacingProps"],"sources":["../../../../../src/components/dialog/parts/DialogAction.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classNames from 'classnames'\nimport Button from '../../button/Button'\nimport Space from '../../space/Space'\nimport { Context } from '../../../shared'\nimport ModalContext from '../../modal/ModalContext'\nimport { dispatchCustomElementEvent } from '../../../shared/component-helper'\n\nimport type { SpacingProps } from '../../space/types'\n\ntype extendedMouseEvent = {\n  event: React.MouseEvent<HTMLElement>\n  close: () => void\n}\n\nexport type DialogActionProps = {\n  /**\n   * For dialog actions, give a custom text for the decline button.\n   */\n  declineText?: string | React.ReactNode\n\n  /**\n   * For dialog actions, give a custom text for the confirm button.\n   */\n  confirmText?: string | React.ReactNode\n\n  /**\n   * For variant confirmation, handle the confirm action click.\n   */\n  onConfirm?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, handle the decline action click.\n   */\n  onDecline?: (event: extendedMouseEvent) => void\n\n  /**\n   * For variant confirmation, hide the default decline button and only show the confirm button.\n   */\n  hideDecline?: boolean\n\n  /**\n   * For variant confirmation, hide the default confirm button and only show the decline button.\n   */\n  hideConfirm?: boolean\n\n  /**\n   * Pass in custom confirm/decline buttons for action handling. Every child of type Button will be provided with a `close` function attribute.\n   */\n  children?: React.ReactElement | Array<React.ReactElement>\n}\n\nexport type DialogActionAllProps = DialogActionProps &\n  SpacingProps &\n  Omit<React.HTMLAttributes<HTMLElement>, 'children'>\n\nconst fallbackCloseAction = ({ close }: extendedMouseEvent) => close()\n\nconst DialogAction = ({\n  declineText = null,\n  confirmText = null,\n  hideDecline = false,\n  hideConfirm = false,\n  onConfirm = fallbackCloseAction,\n  onDecline = fallbackCloseAction,\n  className,\n  children,\n  ...props\n}: DialogActionAllProps) => {\n  const { translation, Button: ButtonContext } = useContext(Context)\n  const { close } = useContext(ModalContext)\n  let childrenWithCloseFunc: Array<React.ReactChild>\n\n  if (children) {\n    childrenWithCloseFunc = React.Children.map(children, (child) => {\n      if (child.type === Button) {\n        return React.cloneElement(\n          child,\n          {\n            ...child.props,\n            on_click: (event) => {\n              dispatchCustomElementEvent(child.props, 'on_click', {\n                event,\n                close,\n              })\n            },\n          },\n          child.props.children\n        )\n      } else {\n        return child\n      }\n    })\n  }\n\n  return (\n    <Space\n      element=\"section\"\n      className={classNames('dnb-dialog__actions', className)}\n      {...props}\n    >\n      {childrenWithCloseFunc}\n\n      {!children && !hideDecline && (\n        <Button\n          text={declineText || translation?.Dialog?.declineText}\n          variant=\"secondary\"\n          onClick={(event) => {\n            dispatchCustomElementEvent({ onDecline }, 'onDecline', {\n              event,\n              close,\n            })\n          }}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n      {!children && !hideConfirm && (\n        <Button\n          text={confirmText || translation?.Dialog?.confirmText}\n          variant=\"primary\"\n          onClick={(event) => {\n            dispatchCustomElementEvent({ onConfirm }, 'onConfirm', {\n              event,\n              close,\n            })\n          }}\n          size={ButtonContext?.size || 'large'}\n        />\n      )}\n    </Space>\n  )\n}\n\nDialogAction._supportsSpacingProps = true\n\nexport default DialogAction\n"],"mappings":"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"}

package/es/components/drawer/Drawer.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";

package/es/components/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","useContext","Modal","DrawerContent","DrawerBody","DrawerHeader","DrawerNavigation","classnames","Context","removeUndefinedProps","Drawer","_ref","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","hideCloseButton","disabled","title","dialogTitle","closeTitle","containerPlacement","spacing","noAnimation","noAnimationOnMobile","animationDuration","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","omitTriggerButton","trigger","triggerAttributes","closeButtonAttributes","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","context","modalProps","drawerProps","_objectSpread","createElement","_extends","Body","Header","Navigation","_supportsSpacingProps"],"sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DrawerContent from './DrawerContent'\nimport DrawerBody from './parts/DrawerBody'\nimport DrawerHeader from './parts/DrawerHeader'\nimport DrawerNavigation from './parts/DrawerNavigation'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport { DrawerProps, DrawerContentProps } from './types'\nimport { removeUndefinedProps } from '../../shared/component-helper'\n\nexport type DrawerAllProps = DrawerProps & DrawerContentProps\n\nfunction Drawer({\n  id,\n  rootId,\n  contentId,\n  focusSelector,\n  labelledBy,\n  directDomReturn,\n  hideCloseButton,\n  disabled,\n\n  title,\n  dialogTitle,\n  closeTitle,\n  containerPlacement = 'right',\n  spacing = true,\n  noAnimation,\n  noAnimationOnMobile,\n  animationDuration,\n  fullscreen = 'auto',\n\n  onOpen,\n  onClose,\n  onClosePrevent,\n  openModal,\n  closeModal,\n  preventClose,\n  preventOverlayClose,\n  openState,\n  openDelay,\n\n  omitTriggerButton,\n  trigger,\n  triggerAttributes,\n  closeButtonAttributes,\n  overlayClass,\n  contentClass,\n  contentRef,\n  scrollRef,\n\n  top,\n  bottom,\n  left,\n  right,\n  space,\n\n  ...props\n}: DrawerAllProps): JSX.Element {\n  const context = useContext(Context)\n\n  const modalProps = removeUndefinedProps({\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton,\n    preventClose,\n    preventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    containerPlacement,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton,\n    trigger,\n    triggerAttributes,\n    closeButtonAttributes,\n    overlayClass,\n    contentRef,\n    scrollRef,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n  })\n\n  const drawerProps = removeUndefinedProps({\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    spacing,\n    containerPlacement,\n  })\n\n  return (\n    <Modal\n      {...context.Drawer}\n      {...modalProps}\n      contentClass={classnames('dnb-drawer__root', contentClass)}\n    >\n      <DrawerContent {...context.Drawer} {...drawerProps} />\n    </Modal>\n  )\n}\n\nDrawer.Body = DrawerBody\nDrawer.Header = DrawerHeader\nDrawer.Navigation = DrawerNavigation\n\nDrawer._supportsSpacingProps = true\n\nexport default Drawer\n"],"mappings":";;;;;;AAIA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,gBAAgB,MAAM,0BAA0B;AACvD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,SAASC,oBAAoB,QAAQ,+BAA+B;AAIpE,SAASC,MAAMA,CAAAC,IAAA,EA8CiB;EAAA,IA9ChB;MACdC,EAAE;MACFC,MAAM;MACNC,SAAS;MACTC,aAAa;MACbC,UAAU;MACVC,eAAe;MACfC,eAAe;MACfC,QAAQ;MAERC,KAAK;MACLC,WAAW;MACXC,UAAU;MACVC,kBAAkB,GAAG,OAAO;MAC5BC,OAAO,GAAG,IAAI;MACdC,WAAW;MACXC,mBAAmB;MACnBC,iBAAiB;MACjBC,UAAU,GAAG,MAAM;MAEnBC,MAAM;MACNC,OAAO;MACPC,cAAc;MACdC,SAAS;MACTC,UAAU;MACVC,YAAY;MACZC,mBAAmB;MACnBC,SAAS;MACTC,SAAS;MAETC,iBAAiB;MACjBC,OAAO;MACPC,iBAAiB;MACjBC,qBAAqB;MACrBC,YAAY;MACZC,YAAY;MACZC,UAAU;MACVC,SAAS;MAETC,GAAG;MACHC,MAAM;MACNC,IAAI;MACJC,KAAK;MACLC;IAGc,CAAC,GAAAvC,IAAA;IADZwC,KAAK,GAAAC,wBAAA,CAAAzC,IAAA,EAAA0C,SAAA;EAER,MAAMC,OAAO,GAAGrD,UAAU,CAACO,OAAO,CAAC;EAEnC,MAAM+C,UAAU,GAAG9C,oBAAoB,CAAC;IACtCW,KAAK;IACLR,EAAE;IACFG,aAAa;IACbC,UAAU;IACVG,QAAQ;IACRK,OAAO;IACPa,SAAS;IACTvB,SAAS;IACTO,WAAW;IACXC,UAAU;IACVJ,eAAe;IACfgB,YAAY;IACZC,mBAAmB;IACnBR,iBAAiB;IACjBF,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVL,kBAAkB;IAClBa,SAAS;IACTnB,eAAe;IACfJ,MAAM;IACNgB,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,SAAS;IACTC,UAAU;IACVK,iBAAiB;IACjBC,OAAO;IACPC,iBAAiB;IACjBC,qBAAqB;IACrBC,YAAY;IACZE,UAAU;IACVC,SAAS;IACTC,GAAG;IACHC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,MAAMM,WAAW,GAAG/C,oBAAoB,CAAAgD,aAAA,CAAAA,aAAA,KACnCN,KAAK;IACR1B,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVJ,OAAO;IACPD;EAAkB,EACnB,CAAC;EAEF,OACEvB,KAAA,CAAA0D,aAAA,CAACxD,KAAK,EAAAyD,QAAA,KACAL,OAAO,CAAC5C,MAAM,EACd6C,UAAU;IACdZ,YAAY,EAAEpC,UAAU,CAAC,kBAAkB,EAAEoC,YAAY;EAAE,IAE3D3C,KAAA,CAAA0D,aAAA,CAACvD,aAAa,EAAAwD,QAAA,KAAKL,OAAO,CAAC5C,MAAM,EAAM8C,WAAW,CAAG,CAChD,CAAC;AAEZ;AAEA9C,MAAM,CAACkD,IAAI,GAAGxD,UAAU;AACxBM,MAAM,CAACmD,MAAM,GAAGxD,YAAY;AAC5BK,MAAM,CAACoD,UAAU,GAAGxD,gBAAgB;AAEpCI,MAAM,CAACqD,qBAAqB,GAAG,IAAI;AAEnC,eAAerD,MAAM"}
+{"version":3,"file":"Drawer.js","names":["React","useContext","Modal","DrawerContent","DrawerBody","DrawerHeader","DrawerNavigation","classnames","Context","removeUndefinedProps","Drawer","_ref","id","rootId","contentId","focusSelector","labelledBy","directDomReturn","hideCloseButton","disabled","title","dialogTitle","closeTitle","containerPlacement","spacing","noAnimation","noAnimationOnMobile","animationDuration","fullscreen","onOpen","onClose","onClosePrevent","openModal","closeModal","preventClose","preventOverlayClose","openState","openDelay","omitTriggerButton","trigger","triggerAttributes","closeButtonAttributes","overlayClass","contentClass","contentRef","scrollRef","top","bottom","left","right","space","props","_objectWithoutProperties","_excluded","context","modalProps","drawerProps","_objectSpread","createElement","_extends","Body","Header","Navigation","_supportsSpacingProps"],"sources":["../../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\nimport React, { useContext } from 'react'\nimport Modal from '../modal/Modal'\nimport DrawerContent from './DrawerContent'\nimport DrawerBody from './parts/DrawerBody'\nimport DrawerHeader from './parts/DrawerHeader'\nimport DrawerNavigation from './parts/DrawerNavigation'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport { DrawerProps, DrawerContentProps } from './types'\nimport { removeUndefinedProps } from '../../shared/component-helper'\n\nexport type DrawerAllProps = DrawerProps & DrawerContentProps\n\nfunction Drawer({\n  id,\n  rootId,\n  contentId,\n  focusSelector,\n  labelledBy,\n  directDomReturn,\n  hideCloseButton,\n  disabled,\n\n  title,\n  dialogTitle,\n  closeTitle,\n  containerPlacement = 'right',\n  spacing = true,\n  noAnimation,\n  noAnimationOnMobile,\n  animationDuration,\n  fullscreen = 'auto',\n\n  onOpen,\n  onClose,\n  onClosePrevent,\n  openModal,\n  closeModal,\n  preventClose,\n  preventOverlayClose,\n  openState,\n  openDelay,\n\n  omitTriggerButton,\n  trigger,\n  triggerAttributes,\n  closeButtonAttributes,\n  overlayClass,\n  contentClass,\n  contentRef,\n  scrollRef,\n\n  top,\n  bottom,\n  left,\n  right,\n  space,\n\n  ...props\n}: DrawerAllProps): JSX.Element {\n  const context = useContext(Context)\n\n  const modalProps = removeUndefinedProps({\n    title,\n    id,\n    focusSelector,\n    labelledBy,\n    disabled,\n    spacing,\n    openDelay,\n    contentId,\n    dialogTitle,\n    closeTitle,\n    hideCloseButton,\n    preventClose,\n    preventOverlayClose,\n    animationDuration,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    containerPlacement,\n    openState,\n    directDomReturn,\n    rootId,\n    onOpen,\n    onClose,\n    onClosePrevent,\n    openModal,\n    closeModal,\n    omitTriggerButton,\n    trigger,\n    triggerAttributes,\n    closeButtonAttributes,\n    overlayClass,\n    contentRef,\n    scrollRef,\n    top,\n    bottom,\n    left,\n    right,\n    space,\n  })\n\n  const drawerProps = removeUndefinedProps({\n    ...props,\n    noAnimation,\n    noAnimationOnMobile,\n    fullscreen,\n    spacing,\n    containerPlacement,\n  })\n\n  return (\n    <Modal\n      {...context.Drawer}\n      {...modalProps}\n      contentClass={classnames('dnb-drawer__root', contentClass)}\n    >\n      <DrawerContent {...context.Drawer} {...drawerProps} />\n    </Modal>\n  )\n}\n\nDrawer.Body = DrawerBody\nDrawer.Header = DrawerHeader\nDrawer.Navigation = DrawerNavigation\n\nDrawer._supportsSpacingProps = true\n\nexport default Drawer\n"],"mappings":";;;;;;;;AAIA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,gBAAgB,MAAM,0BAA0B;AACvD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,SAASC,oBAAoB,QAAQ,+BAA+B;AAIpE,SAASC,MAAMA,CAAAC,IAAA,EA8CiB;EAAA,IA9ChB;MACdC,EAAE;MACFC,MAAM;MACNC,SAAS;MACTC,aAAa;MACbC,UAAU;MACVC,eAAe;MACfC,eAAe;MACfC,QAAQ;MAERC,KAAK;MACLC,WAAW;MACXC,UAAU;MACVC,kBAAkB,GAAG,OAAO;MAC5BC,OAAO,GAAG,IAAI;MACdC,WAAW;MACXC,mBAAmB;MACnBC,iBAAiB;MACjBC,UAAU,GAAG,MAAM;MAEnBC,MAAM;MACNC,OAAO;MACPC,cAAc;MACdC,SAAS;MACTC,UAAU;MACVC,YAAY;MACZC,mBAAmB;MACnBC,SAAS;MACTC,SAAS;MAETC,iBAAiB;MACjBC,OAAO;MACPC,iBAAiB;MACjBC,qBAAqB;MACrBC,YAAY;MACZC,YAAY;MACZC,UAAU;MACVC,SAAS;MAETC,GAAG;MACHC,MAAM;MACNC,IAAI;MACJC,KAAK;MACLC;IAGc,CAAC,GAAAvC,IAAA;IADZwC,KAAK,GAAAC,wBAAA,CAAAzC,IAAA,EAAA0C,SAAA;EAER,MAAMC,OAAO,GAAGrD,UAAU,CAACO,OAAO,CAAC;EAEnC,MAAM+C,UAAU,GAAG9C,oBAAoB,CAAC;IACtCW,KAAK;IACLR,EAAE;IACFG,aAAa;IACbC,UAAU;IACVG,QAAQ;IACRK,OAAO;IACPa,SAAS;IACTvB,SAAS;IACTO,WAAW;IACXC,UAAU;IACVJ,eAAe;IACfgB,YAAY;IACZC,mBAAmB;IACnBR,iBAAiB;IACjBF,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVL,kBAAkB;IAClBa,SAAS;IACTnB,eAAe;IACfJ,MAAM;IACNgB,MAAM;IACNC,OAAO;IACPC,cAAc;IACdC,SAAS;IACTC,UAAU;IACVK,iBAAiB;IACjBC,OAAO;IACPC,iBAAiB;IACjBC,qBAAqB;IACrBC,YAAY;IACZE,UAAU;IACVC,SAAS;IACTC,GAAG;IACHC,MAAM;IACNC,IAAI;IACJC,KAAK;IACLC;EACF,CAAC,CAAC;EAEF,MAAMM,WAAW,GAAG/C,oBAAoB,CAAAgD,aAAA,CAAAA,aAAA,KACnCN,KAAK;IACR1B,WAAW;IACXC,mBAAmB;IACnBE,UAAU;IACVJ,OAAO;IACPD;EAAkB,EACnB,CAAC;EAEF,OACEvB,KAAA,CAAA0D,aAAA,CAACxD,KAAK,EAAAyD,QAAA,KACAL,OAAO,CAAC5C,MAAM,EACd6C,UAAU;IACdZ,YAAY,EAAEpC,UAAU,CAAC,kBAAkB,EAAEoC,YAAY;EAAE,IAE3D3C,KAAA,CAAA0D,aAAA,CAACvD,aAAa,EAAAwD,QAAA,KAAKL,OAAO,CAAC5C,MAAM,EAAM8C,WAAW,CAAG,CAChD,CAAC;AAEZ;AAEA9C,MAAM,CAACkD,IAAI,GAAGxD,UAAU;AACxBM,MAAM,CAACmD,MAAM,GAAGxD,YAAY;AAC5BK,MAAM,CAACoD,UAAU,GAAGxD,gBAAgB;AAEpCI,MAAM,CAACqD,qBAAqB,GAAG,IAAI;AAEnC,eAAerD,MAAM"}

package/es/components/drawer/DrawerContent.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";

package/es/components/drawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":["React","useContext","classnames","isTrue","findElementInChildren","getOffsetTop","warn","ScrollView","DrawerHeader","DrawerNavigation","ModalContext","getContent","checkMinMaxWidth","ModalHeaderBar","ModalHeader","DrawerContentContext","DrawerContent","_ref","modalContent","navContent","headerContent","alignContent","containerPlacement","preventCoreStyle","className","spacing","fullscreen","noAnimation","noAnimationOnMobile","minWidth","min_width","maxWidth","max_width","rest","_objectWithoutProperties","_excluded","context","content","children","Object","freeze","_objectSpread","close","innerParams","hide","style","onClick","preventClick","onTouchStart","onKeyDown","onKeyDownHandler","useEffect","height","contentRef","current","setProperty","e","scrollRef","navigationElement","cur","type","headerElement","createElement","_extends","ref","title","tabIndex","id","contentId","Provider","value"],"sources":["../../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  findElementInChildren,\n} from '../../shared/component-helper'\nimport { getOffsetTop, warn } from '../../shared/helpers'\nimport ScrollView from '../../fragments/scroll-view/ScrollView'\nimport DrawerHeader from './parts/DrawerHeader'\nimport DrawerNavigation from './parts/DrawerNavigation'\nimport ModalContext from '../modal/ModalContext'\nimport { getContent } from '../modal/helpers'\nimport { DrawerContentProps } from './types'\nimport { checkMinMaxWidth } from './helpers'\nimport ModalHeaderBar from '../modal/parts/ModalHeaderBar'\nimport ModalHeader from '../modal/parts/ModalHeader'\nimport { DrawerContentContext } from './parts/DrawerContentContext'\n\nexport default function DrawerContent({\n  modalContent = null,\n  navContent = null,\n  headerContent = null,\n  alignContent = 'left',\n  containerPlacement = 'right',\n  preventCoreStyle = false,\n  className = null,\n  spacing = true,\n  fullscreen = 'auto',\n  noAnimation = false,\n  noAnimationOnMobile = false,\n  minWidth: min_width = null,\n  maxWidth: max_width = null,\n  ...rest\n}: DrawerContentProps): JSX.Element {\n  const context = useContext(ModalContext)\n  const { minWidth, maxWidth } = checkMinMaxWidth(min_width, max_width)\n  const content =\n    modalContent ||\n    getContent(\n      typeof rest.children === 'function'\n        ? Object.freeze({ ...rest, close: context?.close })\n        : rest\n    )\n\n  const innerParams = {\n    className: classnames(\n      !isTrue(preventCoreStyle) && 'dnb-core-style',\n\n      'dnb-drawer',\n      isTrue(spacing) && 'dnb-drawer--spacing',\n      alignContent && `dnb-drawer__align--${alignContent}`,\n      isTrue(fullscreen)\n        ? `dnb-drawer--fullscreen`\n        : fullscreen === 'auto' && `dnb-drawer--auto-fullscreen`,\n      isTrue(context?.hide) && `dnb-drawer--hide`,\n      isTrue(noAnimation) && `dnb-drawer--no-animation`,\n      isTrue(noAnimationOnMobile) && `dnb-drawer--no-animation-on-mobile`,\n\n      `dnb-drawer--${containerPlacement || 'right'}`,\n      className\n    ),\n    style: (minWidth || maxWidth) && { minWidth, maxWidth },\n    onClick: context?.preventClick,\n    onTouchStart: context?.preventClick,\n    onKeyDown: context?.onKeyDownHandler,\n    ...rest,\n  }\n\n  /**\n   * Update CSS --header-height with spacing to top of page\n   */\n  React.useEffect(() => {\n    try {\n      const height = getOffsetTop(context?.contentRef.current) / 16\n      context?.contentRef.current.style.setProperty(\n        '--header-height',\n        `${height}rem`\n      )\n    } catch (e) {\n      warn(e)\n    }\n  }, [content, context?.scrollRef, context?.contentRef])\n\n  const navigationElement = findElementInChildren(\n    content,\n    (cur: React.ReactElement) =>\n      cur.type === DrawerNavigation || cur.type === ModalHeaderBar\n  )\n  const headerElement = findElementInChildren(\n    content,\n    (cur: React.ReactElement) =>\n      cur.type === DrawerHeader || cur.type === ModalHeader\n  )\n\n  return (\n    <ScrollView {...innerParams} ref={context?.scrollRef}>\n      {navigationElement ? (\n        navigationElement\n      ) : (\n        <DrawerNavigation>{navContent}</DrawerNavigation>\n      )}\n\n      {headerElement ? (\n        headerElement\n      ) : (\n        <DrawerHeader title={context?.title}>{headerContent}</DrawerHeader>\n      )}\n      <div\n        tabIndex={-1}\n        className=\"dnb-drawer__inner dnb-no-focus\"\n        ref={context?.contentRef}\n      >\n        <div\n          id={context?.contentId + '-content'}\n          className=\"dnb-drawer__content\"\n        >\n          <DrawerContentContext.Provider\n            value={{ navigationElement, headerElement }}\n          >\n            {content}\n          </DrawerContentContext.Provider>\n        </div>\n      </div>\n    </ScrollView>\n  )\n}\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,qBAAqB,QAChB,+BAA+B;AACtC,SAASC,YAAY,EAAEC,IAAI,QAAQ,sBAAsB;AACzD,OAAOC,UAAU,MAAM,wCAAwC;AAC/D,OAAOC,YAAY,MAAM,sBAAsB;AAC/C,OAAOC,gBAAgB,MAAM,0BAA0B;AACvD,OAAOC,YAAY,MAAM,uBAAuB;AAChD,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,OAAOC,cAAc,MAAM,+BAA+B;AAC1D,OAAOC,WAAW,MAAM,4BAA4B;AACpD,SAASC,oBAAoB,QAAQ,8BAA8B;AAEnE,eAAe,SAASC,aAAaA,CAAAC,IAAA,EAeD;EAAA,IAfE;MACpCC,YAAY,GAAG,IAAI;MACnBC,UAAU,GAAG,IAAI;MACjBC,aAAa,GAAG,IAAI;MACpBC,YAAY,GAAG,MAAM;MACrBC,kBAAkB,GAAG,OAAO;MAC5BC,gBAAgB,GAAG,KAAK;MACxBC,SAAS,GAAG,IAAI;MAChBC,OAAO,GAAG,IAAI;MACdC,UAAU,GAAG,MAAM;MACnBC,WAAW,GAAG,KAAK;MACnBC,mBAAmB,GAAG,KAAK;MAC3BC,QAAQ,EAAEC,SAAS,GAAG,IAAI;MAC1BC,QAAQ,EAAEC,SAAS,GAAG;IAEJ,CAAC,GAAAf,IAAA;IADhBgB,IAAI,GAAAC,wBAAA,CAAAjB,IAAA,EAAAkB,SAAA;EAEP,MAAMC,OAAO,GAAGnC,UAAU,CAACS,YAAY,CAAC;EACxC,MAAM;IAAEmB,QAAQ;IAAEE;EAAS,CAAC,GAAGnB,gBAAgB,CAACkB,SAAS,EAAEE,SAAS,CAAC;EACrE,MAAMK,OAAO,GACXnB,YAAY,IACZP,UAAU,CACR,OAAOsB,IAAI,CAACK,QAAQ,KAAK,UAAU,GAC/BC,MAAM,CAACC,MAAM,CAAAC,aAAA,CAAAA,aAAA,KAAMR,IAAI;IAAES,KAAK,EAAEN,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM;EAAK,EAAE,CAAC,GACjDT,IACN,CAAC;EAEH,MAAMU,WAAW,GAAAF,aAAA;IACfjB,SAAS,EAAEtB,UAAU,2BAaJoB,kBAAkB,IAAI,OAAQ,IAP7CnB,MAAM,CAACuB,UAAU,CAAC,GACb,wBAAuB,GACxBA,UAAU,KAAK,MAAM,IAAK,6BAA4B,EAM1DF,SAAS,EAbT,CAACrB,MAAM,CAACoB,gBAAgB,CAAC,IAAI,gBAAgB,EAG7CpB,MAAM,CAACsB,OAAO,CAAC,IAAI,qBAAqB,EACxCJ,YAAY,IAAK,sBAAqBA,YAAa,EAAC,EAIpDlB,MAAM,CAACiC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEQ,IAAI,CAAC,IAAK,kBAAiB,EAC3CzC,MAAM,CAACwB,WAAW,CAAC,IAAK,0BAAyB,EACjDxB,MAAM,CAACyB,mBAAmB,CAAC,IAAK,oCAIlC,CAAC;IACDiB,KAAK,EAAE,CAAChB,QAAQ,IAAIE,QAAQ,KAAK;MAAEF,QAAQ;MAAEE;IAAS,CAAC;IACvDe,OAAO,EAAEV,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEW,YAAY;IAC9BC,YAAY,EAAEZ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEW,YAAY;IACnCE,SAAS,EAAEb,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEc;EAAgB,GACjCjB,IAAI,CACR;EAKDjC,KAAK,CAACmD,SAAS,CAAC,MAAM;IACpB,IAAI;MACF,MAAMC,MAAM,GAAG/C,YAAY,CAAC+B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEiB,UAAU,CAACC,OAAO,CAAC,GAAG,EAAE;MAC7DlB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEiB,UAAU,CAACC,OAAO,CAACT,KAAK,CAACU,WAAW,CAC3C,iBAAiB,EAChB,GAAEH,MAAO,KACZ,CAAC;IACH,CAAC,CAAC,OAAOI,CAAC,EAAE;MACVlD,IAAI,CAACkD,CAAC,CAAC;IACT;EACF,CAAC,EAAE,CAACnB,OAAO,EAAED,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEqB,SAAS,EAAErB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEiB,UAAU,CAAC,CAAC;EAEtD,MAAMK,iBAAiB,GAAGtD,qBAAqB,CAC7CiC,OAAO,EACNsB,GAAuB,IACtBA,GAAG,CAACC,IAAI,KAAKnD,gBAAgB,IAAIkD,GAAG,CAACC,IAAI,KAAK/C,cAClD,CAAC;EACD,MAAMgD,aAAa,GAAGzD,qBAAqB,CACzCiC,OAAO,EACNsB,GAAuB,IACtBA,GAAG,CAACC,IAAI,KAAKpD,YAAY,IAAImD,GAAG,CAACC,IAAI,KAAK9C,WAC9C,CAAC;EAED,OACEd,KAAA,CAAA8D,aAAA,CAACvD,UAAU,EAAAwD,QAAA,KAAKpB,WAAW;IAAEqB,GAAG,EAAE5B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEqB;EAAU,IAClDC,iBAAiB,GAChBA,iBAAiB,GAEjB1D,KAAA,CAAA8D,aAAA,CAACrD,gBAAgB,QAAEU,UAA6B,CACjD,EAEA0C,aAAa,GACZA,aAAa,GAEb7D,KAAA,CAAA8D,aAAA,CAACtD,YAAY;IAACyD,KAAK,EAAE7B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAE6B;EAAM,GAAE7C,aAA4B,CACnE,EACDpB,KAAA,CAAA8D,aAAA;IACEI,QAAQ,EAAE,CAAC,CAAE;IACb1C,SAAS,EAAC,gCAAgC;IAC1CwC,GAAG,EAAE5B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEiB;EAAW,GAEzBrD,KAAA,CAAA8D,aAAA;IACEK,EAAE,EAAE,CAAA/B,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgC,SAAS,IAAG,UAAW;IACpC5C,SAAS,EAAC;EAAqB,GAE/BxB,KAAA,CAAA8D,aAAA,CAAC/C,oBAAoB,CAACsD,QAAQ;IAC5BC,KAAK,EAAE;MAAEZ,iBAAiB;MAAEG;IAAc;EAAE,GAE3CxB,OAC4B,CAC5B,CACF,CACK,CAAC;AAEjB"}
+{"version":3,"file":"DrawerContent.js","names":["React","useContext","classnames","isTrue","findElementInChildren","getOffsetTop","warn","ScrollView","DrawerHeader","DrawerNavigation","ModalContext","getContent","checkMinMaxWidth","ModalHeaderBar","ModalHeader","DrawerContentContext","DrawerContent","_ref","modalContent","navContent","headerContent","alignContent","containerPlacement","preventCoreStyle","className","spacing","fullscreen","noAnimation","noAnimationOnMobile","minWidth","min_width","maxWidth","max_width","rest","_objectWithoutProperties","_excluded","context","content","children","Object","freeze","_objectSpread","close","innerParams","hide","style","onClick","preventClick","onTouchStart","onKeyDown","onKeyDownHandler","useEffect","height","contentRef","current","setProperty","e","scrollRef","navigationElement","cur","type","headerElement","createElement","_extends","ref","title","tabIndex","id","contentId","Provider","value"],"sources":["../../../../src/components/drawer/DrawerContent.tsx"],"sourcesContent":["/**\n * Web Drawer Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  findElementInChildren,\n} from '../../shared/component-helper'\nimport { getOffsetTop, warn } from '../../shared/helpers'\nimport ScrollView from '../../fragments/scroll-view/ScrollView'\nimport DrawerHeader from './parts/DrawerHeader'\nimport DrawerNavigation from './parts/DrawerNavigation'\nimport ModalContext from '../modal/ModalContext'\nimport { getContent } from '../modal/helpers'\nimport { DrawerContentProps } from './types'\nimport { checkMinMaxWidth } from './helpers'\nimport ModalHeaderBar from '../modal/parts/ModalHeaderBar'\nimport ModalHeader from '../modal/parts/ModalHeader'\nimport { DrawerContentContext } from './parts/DrawerContentContext'\n\nexport default function DrawerContent({\n  modalContent = null,\n  navContent = null,\n  headerContent = null,\n  alignContent = 'left',\n  containerPlacement = 'right',\n  preventCoreStyle = false,\n  className = null,\n  spacing = true,\n  fullscreen = 'auto',\n  noAnimation = false,\n  noAnimationOnMobile = false,\n  minWidth: min_width = null,\n  maxWidth: max_width = null,\n  ...rest\n}: DrawerContentProps): JSX.Element {\n  const context = useContext(ModalContext)\n  const { minWidth, maxWidth } = checkMinMaxWidth(min_width, max_width)\n  const content =\n    modalContent ||\n    getContent(\n      typeof rest.children === 'function'\n        ? Object.freeze({ ...rest, close: context?.close })\n        : rest\n    )\n\n  const innerParams = {\n    className: classnames(\n      !isTrue(preventCoreStyle) && 'dnb-core-style',\n\n      'dnb-drawer',\n      isTrue(spacing) && 'dnb-drawer--spacing',\n      alignContent && `dnb-drawer__align--${alignContent}`,\n      isTrue(fullscreen)\n        ? `dnb-drawer--fullscreen`\n        : fullscreen === 'auto' && `dnb-drawer--auto-fullscreen`,\n      isTrue(context?.hide) && `dnb-drawer--hide`,\n      isTrue(noAnimation) && `dnb-drawer--no-animation`,\n      isTrue(noAnimationOnMobile) && `dnb-drawer--no-animation-on-mobile`,\n\n      `dnb-drawer--${containerPlacement || 'right'}`,\n      className\n    ),\n    style: (minWidth || maxWidth) && { minWidth, maxWidth },\n    onClick: context?.preventClick,\n    onTouchStart: context?.preventClick,\n    onKeyDown: context?.onKeyDownHandler,\n    ...rest,\n  }\n\n  /**\n   * Update CSS --header-height with spacing to top of page\n   */\n  React.useEffect(() => {\n    try {\n      const height = getOffsetTop(context?.contentRef.current) / 16\n      context?.contentRef.current.style.setProperty(\n        '--header-height',\n        `${height}rem`\n      )\n    } catch (e) {\n      warn(e)\n    }\n  }, [content, context?.scrollRef, context?.contentRef])\n\n  const navigationElement = findElementInChildren(\n    content,\n    (cur: React.ReactElement) =>\n      cur.type === DrawerNavigation || cur.type === ModalHeaderBar\n  )\n  const headerElement = findElementInChildren(\n    content,\n    (cur: React.ReactElement) =>\n      cur.type === DrawerHeader || cur.type === ModalHeader\n  )\n\n  return (\n    <ScrollView {...innerParams} ref={context?.scrollRef}>\n      {navigationElement ? (\n        navigationElement\n      ) : (\n        <DrawerNavigation>{navContent}</DrawerNavigation>\n      )}\n\n      {headerElement ? (\n        headerElement\n      ) : (\n        <DrawerHeader title={context?.title}>{headerContent}</DrawerHeader>\n      )}\n      <div\n        tabIndex={-1}\n        className=\"dnb-drawer__inner dnb-no-focus\"\n        ref={context?.contentRef}\n      >\n        <div\n          id={context?.contentId + '-content'}\n          className=\"dnb-drawer__content\"\n        >\n          <DrawerContentContext.Provider\n            value={{ navigationElement, headerElement }}\n          >\n            {content}\n          </DrawerContentContext.Provider>\n        </div>\n      </div>\n    </ScrollView>\n  )\n}\n"],"mappings":"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"}

package/es/components/drawer/parts/DrawerContentContext.js

@@ -1,3 +1,5 @@
+"use client";
+
 import { createContext } from 'react';
 export const DrawerContentContext = createContext(null);
 //# sourceMappingURL=DrawerContentContext.js.map

package/es/components/drawer/parts/DrawerContentContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContentContext.js","names":["createContext","DrawerContentContext"],"sources":["../../../../../src/components/drawer/parts/DrawerContentContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport const DrawerContentContext = createContext(null)\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,OAAO,MAAMC,oBAAoB,GAAGD,aAAa,CAAC,IAAI,CAAC"}
+{"version":3,"file":"DrawerContentContext.js","names":["createContext","DrawerContentContext"],"sources":["../../../../../src/components/drawer/parts/DrawerContentContext.tsx"],"sourcesContent":["import { createContext } from 'react'\n\nexport const DrawerContentContext = createContext(null)\n"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAErC,OAAO,MAAMC,oBAAoB,GAAGD,aAAa,CAAC,IAAI,CAAC"}

package/es/components/flex/Container.js

@@ -13,7 +13,7 @@ import useMedia from '../../shared/useMedia';
 import { getSpaceValue, isHeadingElement, renderWithSpacing } from './utils';
 const propNames = ['direction', 'wrap', 'justify', 'align', 'divider', 'spacing'];
 export function pickFlexContainerProps(props, defaults = {}, skip = []) {
-  return _objectSpread(_objectSpread({}, defaults), Object.fromEntries(Object.entries(props ?? {}).filter(([key]) => propNames.includes(key) && !skip.includes(key))));
+  return _objectSpread(_objectSpread({}, defaults), Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(([key]) => propNames.includes(key) && !skip.includes(key))));
 }
 function FlexContainer(props) {
   const {
@@ -58,8 +58,9 @@ function FlexContainer(props) {
     const endSpacing = 0;
     let startSpacing = null;
     if (divider === 'line' && !isFirst && !hasHeading) {
-      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing;
-      startSpacing = getSpaceValue(start, child) ?? spacing;
+      var _getSpaceValue, _getSpaceValue2;
+      const spaceAboveLine = (_getSpaceValue = getSpaceValue(end, previousChild)) !== null && _getSpaceValue !== void 0 ? _getSpaceValue : spacing;
+      startSpacing = (_getSpaceValue2 = getSpaceValue(start, child)) !== null && _getSpaceValue2 !== void 0 ? _getSpaceValue2 : spacing;
       return React.createElement(React.Fragment, {
         key: `element-${i}`
       }, React.createElement(Space, {
@@ -76,7 +77,8 @@ function FlexContainer(props) {
     if (isFirst && direction !== 'horizontal') {
       startSpacing = 0;
     } else {
-      startSpacing = getSpaceValue(start, child) ?? getSpaceValue(end, previousChild) ?? spacing;
+      var _ref, _getSpaceValue3;
+      startSpacing = (_ref = (_getSpaceValue3 = getSpaceValue(start, child)) !== null && _getSpaceValue3 !== void 0 ? _getSpaceValue3 : getSpaceValue(end, previousChild)) !== null && _ref !== void 0 ? _ref : spacing;
     }
     const space = direction === 'horizontal' ? {
       [start]: endSpacing,

package/es/components/flex/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["React","classnames","Space","Hr","useMedia","getSpaceValue","isHeadingElement","renderWithSpacing","propNames","pickFlexContainerProps","props","defaults","skip","_objectSpread","Object","fromEntries","entries","filter","key","includes","FlexContainer","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","spacing","breakpoints","queries","rest","_objectWithoutProperties","_excluded","childrenArray","Children","toArray","hasHeading","some","child","i","previousChild","hasSizeProp","_child$props","size","mediaKey","disabled","content","map","isFirst","start","end","endSpacing","startSpacing","spaceAboveLine","createElement","Fragment","top","_Hr","space","n","cn","_extends","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { DynamicElement } from '../../shared/types'\nimport type { SpaceType, SpacingProps } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | true\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  // For when used as a flex item in an outer container in addition to being a container:\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  element?: DynamicElement\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    spacing = 'small',\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const childrenArray = React.Children.toArray(children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const previousChild = childrenArray?.[i - 1]\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      divider === 'line' &&\n      // No line above first element\n      !isFirst &&\n      // No line above/below headings\n      !hasHeading\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Space top={spaceAboveLine} />\n          <Hr space={0} />\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    rowGap && `${n}--row-gap-${rowGap === true ? 'small' : rowGap}`,\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}
+{"version":3,"file":"Container.js","names":["React","classnames","Space","Hr","useMedia","getSpaceValue","isHeadingElement","renderWithSpacing","propNames","pickFlexContainerProps","props","defaults","skip","_objectSpread","Object","fromEntries","entries","filter","key","includes","FlexContainer","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","spacing","breakpoints","queries","rest","_objectWithoutProperties","_excluded","childrenArray","Children","toArray","hasHeading","some","child","i","previousChild","hasSizeProp","_child$props","size","mediaKey","disabled","content","map","isFirst","start","end","endSpacing","startSpacing","_getSpaceValue","_getSpaceValue2","spaceAboveLine","createElement","Fragment","top","_Hr","space","_ref","_getSpaceValue3","n","cn","_extends","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport Space from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { DynamicElement } from '../../shared/types'\nimport type { SpaceType, SpacingProps } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | true\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  // For when used as a flex item in an outer container in addition to being a container:\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  element?: DynamicElement\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap'>\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    spacing = 'small',\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const childrenArray = React.Children.toArray(children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const previousChild = childrenArray?.[i - 1]\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      divider === 'line' &&\n      // No line above first element\n      !isFirst &&\n      // No line above/below headings\n      !hasHeading\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Space top={spaceAboveLine} />\n          <Hr space={0} />\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    rowGap && `${n}--row-gap-${rowGap === true ? 'small' : rowGap}`,\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}

package/es/components/flex/utils.js

@@ -13,11 +13,11 @@ export const pickSpacingProps = props => {
 };
 export const omitSpacingProps = removeSpaceProps;
 export const getSpaceValue = (type, element) => {
-  var _element$props, _element$props2;
+  var _element$props$type, _element$props, _element$props2;
   if (!React.isValidElement(element)) {
     return;
   }
-  return ((_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props[type]) ?? (typeof ((_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.space) === 'object' ? element.props.space[type] : undefined);
+  return (_element$props$type = (_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props[type]) !== null && _element$props$type !== void 0 ? _element$props$type : typeof ((_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.space) === 'object' ? element.props.space[type] : undefined;
 };
 export function isHeadingElement(element) {
   var _element$type;

package/es/components/flex/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["React","Space","removeSpaceProps","EufemiaElements","pickSpacingProps","props","space","top","bottom","left","right","omitSpacingProps","getSpaceValue","type","element","_element$props","_element$props2","isValidElement","undefined","isHeadingElement","_element$type","isEufemiaElement","Object","values","some","eufemiaElement","isSpacePropsComponent","_element$type2","renderWithSpacing","takesSpaceProps","cloneElement","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { removeSpaceProps } from '../space/SpacingUtils'\nimport * as EufemiaElements from '../../elements'\nimport { End, Start } from './types'\n\nexport const pickSpacingProps = <Props extends SpacingProps>(\n  props: Props\n): SpacingProps => {\n  return {\n    space: props?.space,\n    top: props?.top,\n    bottom: props?.bottom,\n    left: props?.left,\n    right: props?.right,\n  }\n}\n\nexport const omitSpacingProps = removeSpaceProps\n\nexport const getSpaceValue = (\n  type: Start | End,\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nexport const renderWithSpacing = (\n  element: React.ReactNode,\n  props: SpacingProps & { key?: string; className?: string }\n) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Space {...props}>{element}</Space>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,KAAK,MAAM,gBAAgB;AAClC,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,KAAKC,eAAe,MAAM,gBAAgB;AAGjD,OAAO,MAAMC,gBAAgB,GAC3BC,KAAY,IACK;EACjB,OAAO;IACLC,KAAK,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,KAAK;IACnBC,GAAG,EAAEF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,GAAG;IACfC,MAAM,EAAEH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,MAAM;IACrBC,IAAI,EAAEJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,IAAI;IACjBC,KAAK,EAAEL,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEK;EAChB,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGT,gBAAgB;AAEhD,OAAO,MAAMU,aAAa,GAAGA,CAC3BC,IAAiB,EACjBC,OAAmE,KACzC;EAAA,IAAAC,cAAA,EAAAC,eAAA;EAC1B,IAAI,CAAChB,KAAK,CAACiB,cAAc,CAACH,OAAO,CAAC,EAAE;IAClC;EACF;EAEA,OACE,EAAAC,cAAA,GAAAD,OAAO,CAACT,KAAK,cAAAU,cAAA,uBAAbA,cAAA,CAAgBF,IAAI,CAAC,MACpB,SAAAG,eAAA,GAAOF,OAAO,CAACT,KAAK,cAAAW,eAAA,uBAAbA,eAAA,CAAeV,KAAK,MAAK,QAAQ,GACrCQ,OAAO,CAACT,KAAK,CAACC,KAAK,CAACO,IAAI,CAAC,GACzBK,SAAS,CAAC;AAElB,CAAC;AAED,OAAO,SAASC,gBAAgBA,CAC9BL,OAA0D,EACjD;EAAA,IAAAM,aAAA;EACT,OACEpB,KAAK,CAACiB,cAAc,CAACH,OAAO,CAAC,IAC7B,CAAAA,OAAO,aAAPA,OAAO,wBAAAM,aAAA,GAAPN,OAAO,CAAED,IAAI,cAAAO,aAAA,uBAAbA,aAAA,CAAgB,mBAAmB,CAAC,MAAK,IAAI;AAEjD;AAEA,OAAO,MAAMC,gBAAgB,GAAIP,OAAO,IAAc;EACpD,OAAOQ,MAAM,CAACC,MAAM,CAACpB,eAAe,CAAC,CAACqB,IAAI,CACvCC,cAAc,IAAK,CAAAX,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAED,IAAI,MAAKY,cACxC,CAAC;AACH,CAAC;AAKD,OAAO,MAAMC,qBAAqB,GAChCZ,OAAwB,IACZ;EAAA,IAAAa,cAAA;EACZ,OACG3B,KAAK,CAACiB,cAAc,CAACH,OAAO,CAAC,IAC5B,CAAAA,OAAO,aAAPA,OAAO,wBAAAa,cAAA,GAAPb,OAAO,CAAED,IAAI,cAAAc,cAAA,uBAAbA,cAAA,CAAgB,uBAAuB,CAAC,MAAK,IAAI,IACnDN,gBAAgB,CAACP,OAAO,CAAC;AAE7B,CAAC;AAED,OAAO,MAAMc,iBAAiB,GAAGA,CAC/Bd,OAAwB,EACxBT,KAA0D,KACvD;EACH,MAAMwB,eAAe,GAAGH,qBAAqB,CAACZ,OAAO,CAAC;EAEtD,OAAOe,eAAe,GACpB7B,KAAK,CAAC8B,YAAY,CAAChB,OAAO,EAAiCT,KAAK,CAAC,GAEjEL,KAAA,CAAA+B,aAAA,CAAC9B,KAAK,EAAKI,KAAK,EAAGS,OAAe,CACnC;AACH,CAAC"}
+{"version":3,"file":"utils.js","names":["React","Space","removeSpaceProps","EufemiaElements","pickSpacingProps","props","space","top","bottom","left","right","omitSpacingProps","getSpaceValue","type","element","_element$props$type","_element$props","_element$props2","isValidElement","undefined","isHeadingElement","_element$type","isEufemiaElement","Object","values","some","eufemiaElement","isSpacePropsComponent","_element$type2","renderWithSpacing","takesSpaceProps","cloneElement","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { removeSpaceProps } from '../space/SpacingUtils'\nimport * as EufemiaElements from '../../elements'\nimport { End, Start } from './types'\n\nexport const pickSpacingProps = <Props extends SpacingProps>(\n  props: Props\n): SpacingProps => {\n  return {\n    space: props?.space,\n    top: props?.top,\n    bottom: props?.bottom,\n    left: props?.left,\n    right: props?.right,\n  }\n}\n\nexport const omitSpacingProps = removeSpaceProps\n\nexport const getSpaceValue = (\n  type: Start | End,\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nexport const renderWithSpacing = (\n  element: React.ReactNode,\n  props: SpacingProps & { key?: string; className?: string }\n) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Space {...props}>{element}</Space>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,KAAK,MAAM,gBAAgB;AAClC,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,KAAKC,eAAe,MAAM,gBAAgB;AAGjD,OAAO,MAAMC,gBAAgB,GAC3BC,KAAY,IACK;EACjB,OAAO;IACLC,KAAK,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,KAAK;IACnBC,GAAG,EAAEF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,GAAG;IACfC,MAAM,EAAEH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,MAAM;IACrBC,IAAI,EAAEJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,IAAI;IACjBC,KAAK,EAAEL,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEK;EAChB,CAAC;AACH,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAGT,gBAAgB;AAEhD,OAAO,MAAMU,aAAa,GAAGA,CAC3BC,IAAiB,EACjBC,OAAmE,KACzC;EAAA,IAAAC,mBAAA,EAAAC,cAAA,EAAAC,eAAA;EAC1B,IAAI,CAACjB,KAAK,CAACkB,cAAc,CAACJ,OAAO,CAAC,EAAE;IAClC;EACF;EAEA,QAAAC,mBAAA,IAAAC,cAAA,GACEF,OAAO,CAACT,KAAK,cAAAW,cAAA,uBAAbA,cAAA,CAAgBH,IAAI,CAAC,cAAAE,mBAAA,cAAAA,mBAAA,GACpB,SAAAE,eAAA,GAAOH,OAAO,CAACT,KAAK,cAAAY,eAAA,uBAAbA,eAAA,CAAeX,KAAK,MAAK,QAAQ,GACrCQ,OAAO,CAACT,KAAK,CAACC,KAAK,CAACO,IAAI,CAAC,GACzBM,SAAS;AAEjB,CAAC;AAED,OAAO,SAASC,gBAAgBA,CAC9BN,OAA0D,EACjD;EAAA,IAAAO,aAAA;EACT,OACErB,KAAK,CAACkB,cAAc,CAACJ,OAAO,CAAC,IAC7B,CAAAA,OAAO,aAAPA,OAAO,wBAAAO,aAAA,GAAPP,OAAO,CAAED,IAAI,cAAAQ,aAAA,uBAAbA,aAAA,CAAgB,mBAAmB,CAAC,MAAK,IAAI;AAEjD;AAEA,OAAO,MAAMC,gBAAgB,GAAIR,OAAO,IAAc;EACpD,OAAOS,MAAM,CAACC,MAAM,CAACrB,eAAe,CAAC,CAACsB,IAAI,CACvCC,cAAc,IAAK,CAAAZ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAED,IAAI,MAAKa,cACxC,CAAC;AACH,CAAC;AAKD,OAAO,MAAMC,qBAAqB,GAChCb,OAAwB,IACZ;EAAA,IAAAc,cAAA;EACZ,OACG5B,KAAK,CAACkB,cAAc,CAACJ,OAAO,CAAC,IAC5B,CAAAA,OAAO,aAAPA,OAAO,wBAAAc,cAAA,GAAPd,OAAO,CAAED,IAAI,cAAAe,cAAA,uBAAbA,cAAA,CAAgB,uBAAuB,CAAC,MAAK,IAAI,IACnDN,gBAAgB,CAACR,OAAO,CAAC;AAE7B,CAAC;AAED,OAAO,MAAMe,iBAAiB,GAAGA,CAC/Bf,OAAwB,EACxBT,KAA0D,KACvD;EACH,MAAMyB,eAAe,GAAGH,qBAAqB,CAACb,OAAO,CAAC;EAEtD,OAAOgB,eAAe,GACpB9B,KAAK,CAAC+B,YAAY,CAACjB,OAAO,EAAiCT,KAAK,CAAC,GAEjEL,KAAA,CAAAgC,aAAA,CAAC/B,KAAK,EAAKI,KAAK,EAAGS,OAAe,CACnC;AACH,CAAC"}

package/es/components/form-row/style/dnb-form-row.scss

@@ -18,7 +18,7 @@
     width: 100%; // to help #input stretch
   }
 
-  // for hoizontal direction
+  // for horizontal direction
   &:not(#{&}--vertical) {
     & > .dnb-form-row__content {
       align-items: baseline;

package/es/components/icon/style/dnb-icon.scss

@@ -10,7 +10,7 @@
 
   // sine we use vertical-align: top on the SVG
   // we have to move center the alignment here again
-  // else basic text aferwars will get aligned on top
+  // else basic text afterwards will get aligned on top
   vertical-align: middle;
 
   font-size: 1rem; // to make sure we have always the same starting point