@dnb/eufemia 10.2.0 → 10.3.0

package/cjs/components/modal/parts/ModalHeader.js

@@ -4,44 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _componentHelper = require("../../../shared/component-helper");
-
 var _Section = _interopRequireDefault(require("../../section/Section"));
-
 var _ModalContext = _interopRequireDefault(require("../ModalContext"));
-
 var _H = _interopRequireDefault(require("../../../elements/H1"));
-
 const _excluded = ["title", "className", "children", "title_class", "size", "ref"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class ModalHeader extends _react.default.PureComponent {
   render() {
     const _this$props = this.props,
-          {
-      title = null,
-      className = null,
-      children = null,
-      title_class = null,
-      size = null,
-      ref
-    } = _this$props,
-          sectionProps = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        title = null,
+        className = null,
+        children = null,
+        title_class = null,
+        size = null,
+        ref
+      } = _this$props,
+      sectionProps = _objectWithoutProperties(_this$props, _excluded);
     const customHeader = (0, _componentHelper.findElementInChildren)(children, cur => {
       return cur.type === 'h1' || cur.type === _H.default;
     });
@@ -56,9 +44,7 @@ class ModalHeader extends _react.default.PureComponent {
       className: (0, _classnames.default)(`dnb-modal__title dnb-space__top--zero dnb-space__bottom--small dnb-h--${fontSize}`, title_class)
     }, usedTitle), _react.default.createElement("div", null, children));
   }
-
 }
-
 exports.default = ModalHeader;
-
-_defineProperty(ModalHeader, "contextType", _ModalContext.default);
+_defineProperty(ModalHeader, "contextType", _ModalContext.default);
+//# sourceMappingURL=ModalHeader.js.map

package/cjs/components/modal/parts/ModalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Section","_ModalContext","_H","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalHeader","React","PureComponent","render","_this$props","props","title","className","children","title_class","size","ref","sectionProps","customHeader","findElementInChildren","cur","type","H1","usedTitle","context","showTitle","fontSize","createElement","style_type","classnames","id","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalHeader.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport Section, { SectionProps } from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport H1 from '../../../elements/H1'\nimport { ReactChildType } from '../types'\n\nexport interface ModalHeaderProps extends SectionProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  /**\n   * Give the h1 component a classname (maps to `dnb-modal__title`)\n   */\n  title_class?: string\n\n  /**\n   * Font size of the title (maps to `dnb-p--<size>`)\n   */\n  size?: 'medium' | 'large' | 'x-large' | 'xx-large'\n}\n\nexport default class ModalHeader extends React.PureComponent<\n  ModalHeaderProps & Omit<React.HTMLProps<HTMLElement>, 'size' | 'title'>\n> {\n  static contextType = ModalContext\n  render() {\n    const {\n      title = null,\n      className = null,\n      children = null,\n      title_class = null,\n      size = null,\n      ref, // eslint-disable-line\n      ...sectionProps\n    } = this.props\n\n    const customHeader = findElementInChildren(children, (cur) => {\n      return cur.type === 'h1' || cur.type === H1\n    })\n\n    const usedTitle = title || this.context.title\n    const showTitle = !customHeader && usedTitle\n    const fontSize = size || 'large'\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(className)}\n        id={\n          showTitle ? 'dnb-modal-' + this.context.id + '-title' : undefined\n        }\n        {...sectionProps}\n      >\n        {showTitle && (\n          <h1\n            className={classnames(\n              'dnb-modal__title', // for tests\n              'dnb-space__top--zero',\n              'dnb-space__bottom--small',\n              `dnb-h--${fontSize}`,\n              title_class\n            )}\n          >\n            {usedTitle}\n          </h1>\n        )}\n        <div>{children}</div>\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/modal/parts/ModalHeaderBar.js

@@ -4,46 +4,30 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _componentHelper = require("../../../shared/component-helper");
-
 var _Section = _interopRequireDefault(require("../../section/Section"));
-
 var _ModalContext = _interopRequireDefault(require("../ModalContext"));
-
 var _CloseButton = _interopRequireDefault(require("./CloseButton"));
-
 const _excluded = ["className", "children", "ref", "shadow_class"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class ModalHeaderBar extends _react.default.PureComponent {
   constructor(props) {
     super(props);
-
     _defineProperty(this, "_ref", void 0);
-
     _defineProperty(this, "intersectionObserver", void 0);
-
     _defineProperty(this, "state", {
       showShadow: false
     });
-
     this._ref = _react.default.createRef();
   }
-
   componentDidMount() {
     if (typeof window !== 'undefined' && typeof IntersectionObserver !== 'undefined' && this._ref.current) {
       const marginTop = -this._ref.current.clientHeight;
@@ -59,23 +43,19 @@ class ModalHeaderBar extends _react.default.PureComponent {
       this.intersectionObserver.observe(this._ref.current);
     }
   }
-
   componentWillUnmount() {
     var _this$intersectionObs;
-
     (_this$intersectionObs = this.intersectionObserver) === null || _this$intersectionObs === void 0 ? void 0 : _this$intersectionObs.disconnect();
   }
-
   render() {
     const _this$props = this.props,
-          {
-      className = null,
-      children = null,
-      ref,
-      shadow_class = null
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        className = null,
+        children = null,
+        ref,
+        shadow_class = null
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
     const {
       showShadow
     } = this.state;
@@ -86,11 +66,9 @@ class ModalHeaderBar extends _react.default.PureComponent {
       onCloseClickHandler,
       close_title
     } = this.context;
-
     if (!title && (0, _componentHelper.isTrue)(hide_close_button) && !this._ref.current) {
       return null;
     }
-
     return _react.default.createElement(_Section.default, _extends({
       style_type: "white",
       className: (0, _classnames.default)('dnb-modal__header__bar', className, showShadow && shadow_class),
@@ -104,9 +82,7 @@ class ModalHeaderBar extends _react.default.PureComponent {
       close_title: close_title
     }, close_button_attributes))));
   }
-
 }
-
 exports.default = ModalHeaderBar;
-
-_defineProperty(ModalHeaderBar, "contextType", _ModalContext.default);
+_defineProperty(ModalHeaderBar, "contextType", _ModalContext.default);
+//# sourceMappingURL=ModalHeaderBar.js.map

package/cjs/components/modal/parts/ModalHeaderBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeaderBar.js","names":["_react","_interopRequireDefault","require","_classnames","_componentHelper","_Section","_ModalContext","_CloseButton","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalHeaderBar","React","PureComponent","constructor","props","showShadow","_ref","createRef","componentDidMount","window","IntersectionObserver","current","marginTop","clientHeight","intersectionObserver","entries","entry","setState","isIntersecting","rootMargin","threshold","observe","componentWillUnmount","_this$intersectionObs","disconnect","render","_this$props","className","children","ref","shadow_class","state","title","hide_close_button","close_button_attributes","onCloseClickHandler","close_title","context","isTrue","createElement","style_type","classnames","inner_ref","on_click","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalHeaderBar.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport { isTrue } from '../../../shared/component-helper'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport CloseButton from './CloseButton'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalHeaderBarProps extends SectionProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: React.ReactNode\n\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n\n  shadow_class?: string\n}\n\ninterface ModalHeaderBarState {\n  showShadow: boolean\n}\n\nexport default class ModalHeaderBar extends React.PureComponent<\n  ModalHeaderBarProps & React.HTMLProps<HTMLElement>,\n  ModalHeaderBarState\n> {\n  static contextType = ModalContext\n  _ref: React.RefObject<any>\n  intersectionObserver: IntersectionObserver\n\n  constructor(props) {\n    super(props)\n    this._ref = React.createRef()\n  }\n\n  state = { showShadow: false }\n\n  componentDidMount() {\n    if (\n      typeof window !== 'undefined' &&\n      typeof IntersectionObserver !== 'undefined' &&\n      this._ref.current\n    ) {\n      const marginTop = -this._ref.current.clientHeight\n      this.intersectionObserver = new IntersectionObserver(\n        (entries) => {\n          const [entry] = entries\n          this.setState({\n            showShadow: !entry.isIntersecting,\n          })\n        },\n        {\n          rootMargin: `${marginTop}px 0px 0px 0px`,\n          threshold: 0.001,\n        }\n      )\n\n      this.intersectionObserver.observe(this._ref.current)\n    }\n  }\n\n  componentWillUnmount() {\n    this.intersectionObserver?.disconnect()\n  }\n\n  render() {\n    const {\n      className = null,\n      children = null,\n      ref, //eslint-disable-line\n      shadow_class = null,\n      ...props\n    } = this.props\n    const { showShadow } = this.state\n    const {\n      title,\n      hide_close_button = false,\n      close_button_attributes,\n      onCloseClickHandler,\n      close_title,\n    } = this.context\n\n    if (!title && isTrue(hide_close_button) && !this._ref.current) {\n      return null\n    }\n\n    return (\n      <Section\n        style_type=\"white\"\n        className={classnames(\n          'dnb-modal__header__bar',\n          showShadow && shadow_class,\n          className\n        )}\n        inner_ref={this._ref}\n        {...props}\n      >\n        <div className=\"dnb-modal__header__bar__inner\">{children}</div>\n\n        {!isTrue(hide_close_button) && (\n          <div className=\"dnb-modal__header__bar__close\">\n            <CloseButton\n              on_click={onCloseClickHandler}\n              close_title={close_title}\n              {...close_button_attributes}\n            />\n          </div>\n        )}\n      </Section>\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/modal/parts/ModalInner.js

@@ -4,55 +4,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Section = _interopRequireDefault(require("../../section/Section"));
-
 var _ModalContext = _interopRequireDefault(require("../ModalContext"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 const _excluded = ["className", "style_type", "ref"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 class ModalInner extends _react.default.PureComponent {
   componentDidMount() {
     const {
       style_type = 'black-3'
     } = this.props;
-
     if (style_type) {
       this.context.setBackgroundColor(style_type);
     }
   }
-
   render() {
     const _this$props = this.props,
-          {
-      className = null,
-      style_type = 'black-3',
-      ref
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, _excluded);
-
+      {
+        className = null,
+        style_type = 'black-3',
+        ref
+      } = _this$props,
+      props = _objectWithoutProperties(_this$props, _excluded);
     return _react.default.createElement(_Section.default, _extends({
       style_type: style_type,
       className: (0, _classnames.default)(className)
     }, props));
   }
-
 }
-
 exports.default = ModalInner;
-
-_defineProperty(ModalInner, "contextType", _ModalContext.default);
+_defineProperty(ModalInner, "contextType", _ModalContext.default);
+//# sourceMappingURL=ModalInner.js.map

package/cjs/components/modal/parts/ModalInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalInner.js","names":["_react","_interopRequireDefault","require","_Section","_ModalContext","_classnames","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_defineProperty","value","_toPropertyKey","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ModalInner","React","PureComponent","componentDidMount","style_type","props","context","setBackgroundColor","render","_this$props","className","ref","createElement","classnames","exports","ModalContext"],"sources":["../../../../../src/components/modal/parts/ModalInner.tsx"],"sourcesContent":["/**\n * Web Modal Component\n *\n */\n\nimport React from 'react'\nimport Section from '../../section/Section'\nimport ModalContext from '../ModalContext'\nimport classnames from 'classnames'\nimport { SectionProps } from '../../Section'\n\nexport interface ModalInnerProps extends SectionProps {\n  /**\n   * Give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).\n   */\n  className?: string\n}\n\nexport default class ModalInner extends React.PureComponent<\n  ModalInnerProps & React.HTMLProps<HTMLElement>\n> {\n  static contextType = ModalContext\n\n  componentDidMount() {\n    const { style_type = 'black-3' } = this.props\n    if (style_type) {\n      this.context.setBackgroundColor(style_type)\n    }\n  }\n\n  render() {\n    const {\n      className = null,\n      style_type = 'black-3',\n      ref, // eslint-disable-line\n      ...props\n    } = this.props\n\n    return (\n      <Section\n        style_type={style_type}\n        className={classnames(className)}\n        {...props}\n      />\n    )\n  }\n}\n"],"mappings":"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"}

package/cjs/components/modal/style/index.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./dnb-modal.min.css");
+require("./dnb-modal.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/components/modal/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../../../src/components/modal/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-modal.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/components/modal/style/themes/ui.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./dnb-modal-theme-ui.min.css");
+require("./dnb-modal-theme-ui.min.css");
+//# sourceMappingURL=ui.js.map

package/cjs/components/modal/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":["require"],"sources":["../../../../../../src/components/modal/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-modal-theme-ui.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/components/modal/style.js

@@ -1,3 +1,4 @@
 "use strict";
 
-require("./style/dnb-modal.min.css");
+require("./style/dnb-modal.min.css");
+//# sourceMappingURL=style.js.map

package/cjs/components/modal/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":["require"],"sources":["../../../../src/components/modal/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-modal.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/components/modal/types.d.ts

@@ -2,15 +2,15 @@ import * as React from 'react';
 import type { CloseButtonProps } from './parts/CloseButton';
 import type { ButtonProps } from '../button/Button';
 import type { ModalRootProps } from './ModalRoot';
-export declare type ReactChildType = React.ReactNode | ((...args: any[]) => any);
-export declare type ModalFullscreen = 'auto' | boolean;
-export declare type ModalAlignContent = 'left' | 'center' | 'centered' | 'right';
-export declare type ModalContainerPlacement = 'left' | 'right' | 'top' | 'bottom';
-export declare type ModalOpenState = 'opened' | 'closed' | boolean;
-export declare type ModalTriggerVariant = 'primary' | 'secondary' | 'tertiary' | 'signal';
-export declare type ModalTriggerIconPosition = 'left' | 'right';
-export declare type ModalContentMinWidth = string | number;
-export declare type ModalContentMaxWidth = string | number;
+export type ReactChildType = React.ReactNode | ((...args: any[]) => any);
+export type ModalFullscreen = 'auto' | boolean;
+export type ModalAlignContent = 'left' | 'center' | 'centered' | 'right';
+export type ModalContainerPlacement = 'left' | 'right' | 'top' | 'bottom';
+export type ModalOpenState = 'opened' | 'closed' | boolean;
+export type ModalTriggerVariant = 'primary' | 'secondary' | 'tertiary' | 'signal';
+export type ModalTriggerIconPosition = 'left' | 'right';
+export type ModalContentMinWidth = string | number;
+export type ModalContentMaxWidth = string | number;
 export interface ModalProps extends ModalRootProps {
     /**
      * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.
@@ -235,4 +235,4 @@ export interface ModalContentProps {
     content_ref?: React.RefObject<HTMLElement>;
     scroll_ref?: React.RefObject<HTMLElement>;
 }
-export declare type TriggerAttributes = ButtonProps;
+export type TriggerAttributes = ButtonProps;

package/cjs/components/modal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/modal/types.ts"],"sourcesContent":["import * as React from 'react'\nimport type { CloseButtonProps } from './parts/CloseButton'\nimport type { ButtonProps } from '../button/Button'\nimport type { ModalRootProps } from './ModalRoot'\n\nexport type ReactChildType = React.ReactNode | ((...args: any[]) => any)\n\nexport type ModalFullscreen = 'auto' | boolean\nexport type ModalAlignContent = 'left' | 'center' | 'centered' | 'right'\nexport type ModalContainerPlacement = 'left' | 'right' | 'top' | 'bottom'\nexport type ModalOpenState = 'opened' | 'closed' | boolean\nexport type ModalTriggerVariant =\n  | 'primary'\n  | 'secondary'\n  | 'tertiary'\n  | 'signal'\nexport type ModalTriggerIconPosition = 'left' | 'right'\nexport type ModalContentMinWidth = string | number\nexport type ModalContentMaxWidth = string | number\n\nexport interface ModalProps extends ModalRootProps {\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  id?: string\n\n  /**\n   * Will disable the trigger button.\n   */\n  disabled?: boolean\n\n  /**\n   * Forces the modal/drawer to delay the opening. The delay is given in `ms`.\n   */\n  open_delay?: string | number\n\n  /**\n   * If set to `true` (boolean or string), then the user can&#39;t close the modal/drawer.\n   */\n  prevent_close?: boolean\n\n  /**\n   * Duration of animation open/close in ms. Defaults to 300ms.\n   */\n  animation_duration?: string | number\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  no_animation?: boolean\n\n  /**\n   * Use this prop to control the open/close state by setting either: `opened` / `closed` or `true` / `false`.\n   */\n  open_state?: ModalOpenState\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * Omits default showing trigger button\n   */\n  omit_trigger_button?: boolean\n\n  /**\n   * This event gets triggered once the modal shows up. Returns the modal id: `{ id }`.\n   */\n  on_open?: ({ id }: { id?: string }) => void\n\n  /**\n   * This event gets triggered once the modal gets closed. Returns the modal id: `{ id, event, triggeredBy }`.\n   */\n  on_close?: ({\n    id,\n    event,\n    triggeredBy,\n  }: {\n    id?: string\n    event?: Event\n    triggeredBy?: string\n  }) => void\n\n  /**\n   * This event gets triggered once the user tries to close the modal, but `prevent_close` is set to \"true\". Returns a callback `close` you can call to trigger the close mechanism. More details below. Returns the modal id: `{ id, event, close: Method, triggeredBy }`\n   */\n  on_close_prevent?: ({\n    id,\n    event,\n    triggeredBy,\n    close,\n  }: {\n    id?: string\n    event?: Event\n    triggeredBy?: string\n    close?: (...args: any[]) => any\n  }) => void\n\n  /**\n   * Set a function to call the callback function, once the modal/drawer should open: `open_modal={(open) => open()}`\n   */\n  open_modal?: (open?: (e: Event) => void, elem?: any) => () => void | void\n\n  /**\n   * Set a function to call the callback function, once the modal/drawer should close: `close_modal={(close) => close()}`\n   */\n  close_modal?: (\n    close?: (...args: any[]) => void,\n    elem?: any\n  ) => () => void | void\n\n  /**\n   * Provide a custom trigger component. Like trigger={<Anchor href=\"/\" />}. It will set the focus on it when the modal/drawer gets closed.\n   */\n  trigger?: ReactChildType\n\n  /**\n   * Send along custom HTML attributes or properties to the trigger button.\n   */\n  trigger_attributes?: TriggerAttributes\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  modal_content?: ReactChildType\n\n  /**\n   * If true, the drawer will not open in a new DOM but directly in current DOM. Defaults to `false`.\n   */\n  direct_dom_return?: boolean\n\n  /**\n   * To get the inner content Element, pass in your own React ref\n   */\n  content_ref?: React.RefObject<HTMLElement>\n\n  /**\n   * To get the scroll Element, pass in your own React ref\n   */\n  scroll_ref?: React.RefObject<HTMLElement>\n}\n\nexport interface ModalContentProps {\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  modal_content?: ReactChildType\n\n  /**\n   * The content which will appear in the bar, above the header, and side-by-side the close button.\n   */\n  bar_content?: ReactChildType\n\n  /**\n   * The content which will appear in the header of the modal/drawer the modal/drawer.\n   */\n  header_content?: ReactChildType\n  hide?: boolean\n\n  /**\n   * The id used internal for the trigger button and modal component.\n   */\n  id?: string\n\n  /**\n   * The id used internal in the modal/drawer root element. Defaults to `root`, so the element id will be `dnb-modal-root`.\n   */\n  root_id?: string\n\n  /**\n   * The ID of the trigger component, describing the modal/drawer content. Defaults to the internal `trigger`, so make sure you define the trigger title.\n   */\n  labelled_by?: string\n\n  /**\n   * The Modal handles the first focus – automatically. How ever, you can defined a custom focus selector the will be used instead `focus_selector=\".css-selector\"`.\n   */\n  focus_selector?: string\n\n  /**\n   * Defines an unique identifier to a modal. Use it in case you have to refer in some way to the modal/drawer content wrapper.\n   */\n  content_id?: string\n\n  /**\n   * The modal/drawer title. Displays on the very top of the content.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The aria label of the dialog when no labelled_by and no title is given. Defaults to `Vindu`.\n   */\n  dialog_title?: string\n\n  /**\n   * If boolean, the close button will not be shown.\n   */\n  hide_close_button?: boolean\n\n  /**\n   * Define any valid Eufemia Button property or HTML attribute inside an object.\n   */\n  close_button_attributes?: CloseButtonProps\n\n  /**\n   * If set to `false` then the modal/drawer content will be shown without any spacing. Defaults to `true`.\n   */\n  spacing?: boolean\n\n  /**\n   * By default the modal/drawer content gets added the core style class `dnb-core-style`. Use `false` to disable this behavior.\n   */\n  prevent_core_style?: boolean\n  animation_duration?: string | number\n\n  /**\n   * Disable clicking the background overlay to close the modal\n   */\n  prevent_overlay_close?: boolean\n\n  /**\n   * If set to `true`, no open/close animation will be shown. Defaults to false.\n   */\n  no_animation?: boolean\n\n  /**\n   * Same as `no_animation`, but gets triggered only if the viewport width is less than `40em`. Defaults to false.\n   */\n  no_animation_on_mobile?: boolean\n\n  /**\n   * The minimum Modal content width, defined by a CSS width value like `50vw` (50% of the viewport). Be careful on using fixed `min_width` so you don&#39;t break responsiveness. Defaults to `30rem` (average width is set to `60vw`).\n   */\n  min_width?: ModalContentMinWidth\n\n  /**\n   * The maximum Modal content width, defined by a CSS width value like `20rem`. Defaults to `60rem` (average width is set to `60vw`).\n   */\n  max_width?: ModalContentMaxWidth\n\n  /**\n   * If set to `true` then the modal/drawer content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.\n   */\n  fullscreen?: ModalFullscreen\n\n  /**\n   * Define the inner horizontal alignment of the content. Can be set to `left`, `center`, `right` and `centered`. If `centered`, then the content will also be centered vertically. Defaults to `left`.\n   */\n  align_content?: 'right' | 'left' | 'centered' | 'center'\n\n  /**\n   * For `drawer` mode only. Defines the placement on what side the Drawer should be opened. Can be set to `left`, `right`, `top` and `bottom`. Defaults to `right`.\n   */\n  container_placement?: 'left' | 'right' | 'top' | 'bottom'\n\n  /**\n   * Give the inner Dialog or Drawer component a class (only works with mode)\n   */\n  class?: string\n\n  /**\n   * Give the content wrapper a custom class name (maps to `dnb-modal__content`).\n   */\n  content_class?: string\n\n  /**\n   * Give the page overlay a custom class name (maps to `dnb-modal__overlay`).\n   */\n  overlay_class?: string\n\n  /**\n   * Define an array with HTML class selectors (`['.element-selector']`) which should not get invalidated when the modal opens/closes. Use this in order to let some parts of your site still be accessible by screen readers.\n   */\n  bypass_invalidation_selectors?: Array<string>\n\n  /**\n   * For internal usage\n   * Will close the modal\n   */\n  close?: (...args: any[]) => any\n\n  /**\n   * Give the inner Dialog or Drawer component a className (only works with mode)\n   */\n  className?: string\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /**\n   * The displayed text for the 'close' button. Defaults to `Lukk`.\n   */\n  close_title?: string\n\n  /**\n   * Internal\n   */\n  dialog_role?: 'dialog' | 'alertdialog' | 'region'\n  content_ref?: React.RefObject<HTMLElement>\n  scroll_ref?: React.RefObject<HTMLElement>\n}\n\nexport type TriggerAttributes = ButtonProps\n"],"mappings":""}

package/cjs/components/number-format/NumberFormat.d.ts

@@ -27,32 +27,26 @@ export interface NumberFormatProps
   extends React.HTMLProps<HTMLElement>,
     SpacingProps {
   id?: string;
-
   /**
    * <em>(required)</em> a number.
    */
   value?: NumberFormatValue;
-
   /**
    * Use a <a href="https://www.sitepoint.com/iso-2-letter-language-codes/">2 Letter Language Codes</a> or an extended code such as `nb-NO`. Use `auto` to detect the locale from the browser (`navigator.language`). Defaults to the Norwegian locale: `nb-NO`.
    */
   locale?: Locale;
-
   /**
    * Add a string or React component before the number, including white space.
    */
   prefix?: NumberFormatPrefix;
-
   /**
    * Appends a string or React component after the number, including white space.
    */
   suffix?: NumberFormatSuffix;
-
   /**
    * Currency code (ISO 4217) or `true` to use the default `NOK`. Uses two decimals by default.
    */
   currency?: NumberFormatCurrency;
-
   /**
    * Use either empty/false to hide the sign/name or use `code` (NOK), `name` (norske kroner) , `symbol` (kr) or `narrowSymbol` (for a shorter symbol variant). Defaults to `narrowSymbol` when the locale is `no` else we default to `code`.
    */
@@ -63,109 +57,88 @@ export interface NumberFormatProps
     | 'narrowSymbol'
     | ''
     | false;
-
   /**
    * Use either `before` or `after` to change/define the position of the currency. Defaults to `auto` (Browser API defaults, but with an exception, if the locale is `nb-NO` or `no`, use after as the default position).
    */
   currency_position?: NumberFormatCurrencyPosition;
-
   /**
    * Shortens any number or currency including an abbreviation. You can combine `compact` with `currency`. It gives you zero decimal by default `decimals={0}`. Use either `short` or `long`. Defaults to `short` if `true` is given.
    */
   compact?: NumberFormatCompact;
-
   /**
    * "Bank Account Number": use `true` to use the default Norwegian style (2000 12 34567) formatting.
    */
   ban?: boolean;
-
   /**
    * "National Identification Number": use `true` to use the default Norwegian style (180892 12345) formatting.
    */
   nin?: boolean;
-
   /**
    * Use `true` to use the default Norwegian style (22 22 22 22) of phone number formatting, regulated by the <a href="https://lovdata.no/forskrift/2004-02-16-426/§16">Norwegian authority</a>. More info by <a href="https://www.sprakradet.no/sprakhjelp/Skriveregler/Dato/#tlf">Sprakradet</a> as well.
    */
   phone?: boolean;
-
   /**
    * "Organization Number": use `true` to use the default Norwegian style (123 456 789) formatting. Screen readers get digit by digit.
    */
   org?: boolean;
-
   /**
    * "Percentage": use `true` to enable percent formatting.
    */
   percent?: boolean;
-
   /**
    * Use `tel` or `sms` to enable a clickable / touchable anchor link.
    */
   link?: NumberFormatLink;
-
   /**
    * Accepts all <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString">number.toLocaleString</a> or <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat">Intl.NumberFormat</a> options as an object - can also be a JSON given as the parameter e.g. `options={{ &#39;minimumFractionDigits&#39;: 2 }}`.
    */
   options?: NumberFormatOptions;
-
   /**
    * Set a number to define the number of decimals. Like `decimals="0"` will ensure that decimals are simply not shown. The default decimals for currency usage are `2` (Browser API default).
    */
   decimals?: NumberFormatDecimals;
-
   /**
    * Use `false` to disable the auto select all on the first click. Defaults to `true`.
    */
   selectall?: boolean;
-
   /**
    * Use `true` to always auto select all on the first click. Defaults to `false`.
    */
   always_selectall?: boolean;
-
   /**
    * Use `false` to disable the auto copy feature. Defaults to `true`.
    */
   copy_selection?: boolean;
-
   /**
    * If set to `true` the copy&paste value will be provided without e.g. a currency sign or a percent sign. Defaults to `false`.
    */
   clean_copy_value?: boolean;
-
   /**
    * If set to `true`, the decimal will NOT be rounded. Normally, by using `toFixed` or by using `maximumFractionDigits`, decimals get rounded.
    */
   omit_rounding?: boolean;
-
   /**
    * If set to `true` a dirty string will be parsed to to extract the number (`prefix -123.45 suffix` would result in e.g. `kr -123,45`).
    */
   clean?: boolean;
-
   /**
    * Will add a visually hidden label to give screen reader users the missing context to understand easier what the number represents.
    */
   srLabel?: React.ReactNode;
-
   /**
    * Define what HTML element should be used. Defaults to `<span>`.
    */
   element?: NumberFormatElement;
-
   /**
    * Provide a string or a React Element to be shown as the tooltip content.
    */
   tooltip?: NumberFormatTooltip;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
   class?: string;
   className?: string;
-
   /**
    * <em>(required)</em> a number.
    */