@dnb/eufemia 10.75.3 → 10.76.0

package/components/lib.d.ts

@@ -20,6 +20,7 @@ import Card from './card/Card';
 import Checkbox from './checkbox/Checkbox';
 import CopyOnClick from './copy-on-click/CopyOnClick';
 import CountryFlag from './country-flag/CountryFlag';
+import DateFormat from './date-format/DateFormat';
 import DatePicker from './date-picker/DatePicker';
 import Dialog from './dialog/Dialog';
 import Drawer from './drawer/Drawer';
@@ -45,6 +46,7 @@ import Logo from './logo/Logo';
 import Modal from './modal/Modal';
 import NumberFormat from './number-format/NumberFormat';
 import Pagination from './pagination/Pagination';
+import PortalRoot from './portal-root/PortalRoot';
 import ProgressIndicator from './progress-indicator/ProgressIndicator';
 import Radio from './radio/Radio';
 import Section from './section/Section';
@@ -63,7 +65,7 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, CountryFlag, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, ListFormat, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, CountryFlag, DateFormat, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, ListFormat, Logo, Modal, NumberFormat, Pagination, PortalRoot, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };
 export declare const getComponents: () => {
     Accordion: typeof Accordion;
     Anchor: import("react").ForwardRefExoticComponent<import("./anchor/Anchor").AnchorProps & Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("./space/types").SpacingElementProps & {
@@ -113,6 +115,7 @@ export declare const getComponents: () => {
         } & Omit<import("./space/Space").SpaceAllProps, "size">): import("react/jsx-runtime").JSX.Element;
         _supportsSpacingProps: boolean;
     };
+    DateFormat: typeof DateFormat;
     DatePicker: typeof DatePicker;
     Dialog: typeof Dialog;
     Drawer: typeof Drawer;
@@ -141,6 +144,7 @@ export declare const getComponents: () => {
     Modal: typeof import("./modal/Modal").OriginalComponent;
     NumberFormat: typeof NumberFormat;
     Pagination: typeof Pagination;
+    PortalRoot: typeof PortalRoot;
     ProgressIndicator: typeof ProgressIndicator;
     Radio: typeof Radio;
     Section: typeof Section;

package/components/lib.js

@@ -10,6 +10,7 @@ import Card from './card/Card';
 import Checkbox from './checkbox/Checkbox';
 import CopyOnClick from './copy-on-click/CopyOnClick';
 import CountryFlag from './country-flag/CountryFlag';
+import DateFormat from './date-format/DateFormat';
 import DatePicker from './date-picker/DatePicker';
 import Dialog from './dialog/Dialog';
 import Drawer from './drawer/Drawer';
@@ -35,6 +36,7 @@ import Logo from './logo/Logo';
 import Modal from './modal/Modal';
 import NumberFormat from './number-format/NumberFormat';
 import Pagination from './pagination/Pagination';
+import PortalRoot from './portal-root/PortalRoot';
 import ProgressIndicator from './progress-indicator/ProgressIndicator';
 import Radio from './radio/Radio';
 import Section from './section/Section';
@@ -53,7 +55,7 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, CountryFlag, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, ListFormat, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, CountryFlag, DateFormat, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, ListFormat, Logo, Modal, NumberFormat, Pagination, PortalRoot, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
 export const getComponents = () => {
   return {
     Accordion,
@@ -68,6 +70,7 @@ export const getComponents = () => {
     Checkbox,
     CopyOnClick,
     CountryFlag,
+    DateFormat,
     DatePicker,
     Dialog,
     Drawer,
@@ -93,6 +96,7 @@ export const getComponents = () => {
     Modal,
     NumberFormat,
     Pagination,
+    PortalRoot,
     ProgressIndicator,
     Radio,
     Section,

package/components/lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib.js","names":["Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","CopyOnClick","CountryFlag","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","ListFormat","Logo","Modal","NumberFormat","Pagination","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden","getComponents"],"sources":["../../../src/components/lib.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport CopyOnClick from './copy-on-click/CopyOnClick'\nimport CountryFlag from './country-flag/CountryFlag'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport ListFormat from './list-format/ListFormat'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  CopyOnClick,\n  CountryFlag,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  ListFormat,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n\nexport const getComponents = () => {\n  return {\n    Accordion,\n    Anchor,\n    AriaLive,\n    Autocomplete,\n    Avatar,\n    Badge,\n    Breadcrumb,\n    Button,\n    Card,\n    Checkbox,\n    CopyOnClick,\n    CountryFlag,\n    DatePicker,\n    Dialog,\n    Drawer,\n    Dropdown,\n    Flex,\n    FormLabel,\n    FormRow,\n    FormSet,\n    FormStatus,\n    GlobalError,\n    GlobalStatus,\n    Grid,\n    Heading,\n    HeightAnimation,\n    HelpButton,\n    Icon,\n    IconPrimary,\n    InfoCard,\n    Input,\n    InputMasked,\n    ListFormat,\n    Logo,\n    Modal,\n    NumberFormat,\n    Pagination,\n    ProgressIndicator,\n    Radio,\n    Section,\n    Skeleton,\n    SkipContent,\n    Slider,\n    Space,\n    StepIndicator,\n    Switch,\n    Table,\n    Tabs,\n    Tag,\n    Textarea,\n    Timeline,\n    ToggleButton,\n    Tooltip,\n    Upload,\n    VisuallyHidden,\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"lib.js","names":["Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","CopyOnClick","CountryFlag","DateFormat","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","ListFormat","Logo","Modal","NumberFormat","Pagination","PortalRoot","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden","getComponents"],"sources":["../../../src/components/lib.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport CopyOnClick from './copy-on-click/CopyOnClick'\nimport CountryFlag from './country-flag/CountryFlag'\nimport DateFormat from './date-format/DateFormat'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport ListFormat from './list-format/ListFormat'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport PortalRoot from './portal-root/PortalRoot'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  CopyOnClick,\n  CountryFlag,\n  DateFormat,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  ListFormat,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  PortalRoot,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n\nexport const getComponents = () => {\n  return {\n    Accordion,\n    Anchor,\n    AriaLive,\n    Autocomplete,\n    Avatar,\n    Badge,\n    Breadcrumb,\n    Button,\n    Card,\n    Checkbox,\n    CopyOnClick,\n    CountryFlag,\n    DateFormat,\n    DatePicker,\n    Dialog,\n    Drawer,\n    Dropdown,\n    Flex,\n    FormLabel,\n    FormRow,\n    FormSet,\n    FormStatus,\n    GlobalError,\n    GlobalStatus,\n    Grid,\n    Heading,\n    HeightAnimation,\n    HelpButton,\n    Icon,\n    IconPrimary,\n    InfoCard,\n    Input,\n    InputMasked,\n    ListFormat,\n    Logo,\n    Modal,\n    NumberFormat,\n    Pagination,\n    PortalRoot,\n    ProgressIndicator,\n    Radio,\n    Section,\n    Skeleton,\n    SkipContent,\n    Slider,\n    Space,\n    StepIndicator,\n    Switch,\n    Table,\n    Tabs,\n    Tag,\n    Textarea,\n    Timeline,\n    ToggleButton,\n    Tooltip,\n    Upload,\n    VisuallyHidden,\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/components/modal/ModalRoot.d.ts

@@ -24,18 +24,13 @@ interface ModalRootState {
 }
 export default class ModalRoot extends React.PureComponent<ModalRootProps, ModalRootState> {
     portalElem: HTMLDivElement | null;
+    static contextType: React.Context<import("../../shared/Context").ContextProps>;
     static defaultProps: {
         id: any;
-        root_id: string;
+        root_id: any;
         direct_dom_return: boolean;
         children: any;
     };
-    state: {
-        isMounted: boolean;
-    };
-    static insertModalRoot(id: any): false | HTMLElement;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
     render(): import("react/jsx-runtime").JSX.Element;
 }
 export {};

package/components/modal/ModalRoot.js

@@ -1,68 +1,11 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 const _excluded = ["children", "direct_dom_return"];
-import "core-js/modules/web.dom-collections.iterator.js";
 import React from 'react';
-import ReactDOM from 'react-dom';
-import { warn, isTrue } from '../../shared/component-helper';
+import SharedContext from '../../shared/Context';
 import ModalContent from './ModalContent';
+import PortalRoot from '../PortalRoot';
 export default class ModalRoot extends React.PureComponent {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      isMounted: false
-    });
-  }
-  static insertModalRoot(id) {
-    if (typeof window === 'undefined') {
-      return false;
-    }
-    try {
-      id = `dnb-modal-${id || 'root'}`;
-      window.__modalRoot = document.getElementById(id);
-      if (!window.__modalRoot) {
-        window.__modalRoot = document.createElement('div');
-        window.__modalRoot.setAttribute('id', id);
-        document.body.insertBefore(window.__modalRoot, document.body.firstChild);
-      }
-    } catch (e) {
-      warn('Modal: Could not insert dnb-modal-root', e);
-    }
-    return window.__modalRoot;
-  }
-  componentDidMount() {
-    const {
-      direct_dom_return = false,
-      root_id = 'root'
-    } = this.props;
-    if (!isTrue(direct_dom_return)) {
-      ModalRoot.insertModalRoot(root_id);
-      try {
-        if (!this.portalElem) {
-          this.portalElem = document.createElement('div');
-          this.portalElem.className = 'dnb-modal-root__inner';
-        }
-        if (this.portalElem && typeof window !== 'undefined' && window.__modalRoot) {
-          window.__modalRoot.appendChild(this.portalElem);
-        }
-      } catch (e) {
-        warn(e);
-      }
-      this.setState({
-        isMounted: true
-      });
-    }
-  }
-  componentWillUnmount() {
-    try {
-      if (this.portalElem && typeof window !== 'undefined' && window.__modalRoot && window.__modalRoot.removeChild) {
-        window.__modalRoot.removeChild(this.portalElem);
-        this.portalElem = null;
-      }
-    } catch (e) {
-      warn(e);
-    }
-  }
   render() {
     const _this$props = this.props,
       {
@@ -70,18 +13,19 @@ export default class ModalRoot extends React.PureComponent {
         direct_dom_return
       } = _this$props,
       props = _objectWithoutProperties(_this$props, _excluded);
-    if (isTrue(direct_dom_return)) {
+    if (direct_dom_return) {
       return React.createElement(ModalContent, props, children);
     }
-    if (this.portalElem && typeof window !== 'undefined' && window.__modalRoot && this.state.isMounted) {
-      return ReactDOM.createPortal(React.createElement(ModalContent, props, children), this.portalElem);
-    }
-    return null;
+    return React.createElement(PortalRoot, null, React.createElement("div", {
+      id: this.props.root_id ? `dnb-modal-${this.props.root_id}` : null,
+      className: "dnb-modal-root__inner"
+    }, React.createElement(ModalContent, props, children)));
   }
 }
+_defineProperty(ModalRoot, "contextType", SharedContext);
 _defineProperty(ModalRoot, "defaultProps", {
   id: null,
-  root_id: 'root',
+  root_id: null,
   direct_dom_return: false,
   children: null
 });

package/components/modal/ModalRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalRoot.js","names":["React","ReactDOM","warn","isTrue","ModalContent","ModalRoot","PureComponent","constructor","arguments","_defineProperty","isMounted","insertModalRoot","id","window","__modalRoot","document","getElementById","createElement","setAttribute","body","insertBefore","firstChild","e","componentDidMount","direct_dom_return","root_id","props","portalElem","className","appendChild","setState","componentWillUnmount","removeChild","render","_this$props","children","_objectWithoutProperties","_excluded","state","createPortal"],"sources":["../../../../src/components/modal/ModalRoot.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport { warn, isTrue } from '../../shared/component-helper'\nimport ModalContent from './ModalContent'\nimport { ModalContentProps, ReactChildType } from './types'\n\ndeclare global {\n  interface Window {\n    __modalRoot: HTMLElement\n  }\n}\n\nexport interface ModalRootProps extends ModalContentProps {\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  root_id?: string\n  direct_dom_return?: boolean\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /** For internal use only */\n  modalContentCloseRef?: React.RefObject<any>\n}\n\ninterface ModalRootState {\n  isMounted: boolean\n}\n\nexport default class ModalRoot extends React.PureComponent<\n  ModalRootProps,\n  ModalRootState\n> {\n  portalElem: HTMLDivElement | null\n  static defaultProps = {\n    id: null,\n    root_id: 'root',\n    direct_dom_return: false,\n    children: null,\n  }\n\n  state = {\n    isMounted: false,\n  }\n\n  static insertModalRoot(id) {\n    if (typeof window === 'undefined') {\n      return false\n    }\n\n    try {\n      id = `dnb-modal-${id || 'root'}`\n      window.__modalRoot = document.getElementById(id)\n      if (!window.__modalRoot) {\n        window.__modalRoot = document.createElement('div')\n        window.__modalRoot.setAttribute('id', id)\n        document.body.insertBefore(\n          window.__modalRoot,\n          document.body.firstChild\n        )\n      }\n    } catch (e) {\n      warn('Modal: Could not insert dnb-modal-root', e)\n    }\n\n    return window.__modalRoot\n  }\n\n  componentDidMount() {\n    const { direct_dom_return = false, root_id = 'root' } = this.props\n    if (!isTrue(direct_dom_return)) {\n      ModalRoot.insertModalRoot(root_id)\n\n      try {\n        if (!this.portalElem) {\n          this.portalElem = document.createElement('div')\n          this.portalElem.className = 'dnb-modal-root__inner'\n        }\n        if (\n          this.portalElem &&\n          typeof window !== 'undefined' &&\n          window.__modalRoot\n        ) {\n          window.__modalRoot.appendChild(this.portalElem)\n        }\n      } catch (e) {\n        warn(e)\n      }\n      this.setState({ isMounted: true })\n    }\n  }\n\n  componentWillUnmount() {\n    try {\n      if (\n        this.portalElem &&\n        typeof window !== 'undefined' &&\n        window.__modalRoot &&\n        window.__modalRoot.removeChild\n      ) {\n        window.__modalRoot.removeChild(this.portalElem)\n        this.portalElem = null\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  render() {\n    const { children, direct_dom_return, ...props } = this.props\n\n    if (isTrue(direct_dom_return)) {\n      return <ModalContent {...props}>{children}</ModalContent>\n    }\n\n    if (\n      this.portalElem &&\n      typeof window !== 'undefined' &&\n      window.__modalRoot &&\n      this.state.isMounted\n    ) {\n      return ReactDOM.createPortal(\n        <ModalContent {...props}>{children}</ModalContent>,\n        this.portalElem\n      )\n    }\n\n    return null\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalRoot.js","names":["React","SharedContext","ModalContent","PortalRoot","ModalRoot","PureComponent","render","_this$props","props","children","direct_dom_return","_objectWithoutProperties","_excluded","createElement","id","root_id","className","_defineProperty"],"sources":["../../../../src/components/modal/ModalRoot.tsx"],"sourcesContent":["import React from 'react'\nimport SharedContext from '../../shared/Context'\nimport ModalContent from './ModalContent'\nimport { ModalContentProps, ReactChildType } from './types'\nimport PortalRoot from '../PortalRoot'\n\ndeclare global {\n  interface Window {\n    __modalRoot: HTMLElement\n  }\n}\n\nexport interface ModalRootProps extends ModalContentProps {\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  root_id?: string\n  direct_dom_return?: boolean\n\n  /**\n   * The content which will appear when triggering the modal/drawer.\n   */\n  children?: ReactChildType\n\n  /** For internal use only */\n  modalContentCloseRef?: React.RefObject<any>\n}\n\ninterface ModalRootState {\n  isMounted: boolean\n}\n\nexport default class ModalRoot extends React.PureComponent<\n  ModalRootProps,\n  ModalRootState\n> {\n  portalElem: HTMLDivElement | null\n  static contextType = SharedContext\n  static defaultProps = {\n    id: null,\n    root_id: null,\n    direct_dom_return: false,\n    children: null,\n  }\n\n  render() {\n    const { children, direct_dom_return, ...props } = this.props\n\n    if (direct_dom_return) {\n      return <ModalContent {...props}>{children}</ModalContent>\n    }\n\n    return (\n      <PortalRoot>\n        <div\n          id={\n            this.props.root_id ? `dnb-modal-${this.props.root_id}` : null\n          }\n          className=\"dnb-modal-root__inner\"\n        >\n          <ModalContent {...props}>{children}</ModalContent>\n        </div>\n      </PortalRoot>\n    )\n  }\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,aAAa,MAAM,sBAAsB;AAChD,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,OAAOC,UAAU,MAAM,eAAe;AA6BtC,eAAe,MAAMC,SAAS,SAASJ,KAAK,CAACK,aAAa,CAGxD;EAUAC,MAAMA,CAAA,EAAG;IACP,MAAAC,WAAA,GAAkD,IAAI,CAACC,KAAK;MAAtD;QAAEC,QAAQ;QAAEC;MAA4B,CAAC,GAAAH,WAAA;MAAPC,KAAK,GAAAG,wBAAA,CAAAJ,WAAA,EAAAK,SAAA;IAE7C,IAAIF,iBAAiB,EAAE;MACrB,OAAOV,KAAA,CAAAa,aAAA,CAACX,YAAY,EAAKM,KAAK,EAAGC,QAAuB,CAAC;IAC3D;IAEA,OACET,KAAA,CAAAa,aAAA,CAACV,UAAU,QACTH,KAAA,CAAAa,aAAA;MACEC,EAAE,EACA,IAAI,CAACN,KAAK,CAACO,OAAO,GAAG,aAAa,IAAI,CAACP,KAAK,CAACO,OAAO,EAAE,GAAG,IAC1D;MACDC,SAAS,EAAC;IAAuB,GAEjChB,KAAA,CAAAa,aAAA,CAACX,YAAY,EAAKM,KAAK,EAAGC,QAAuB,CAC9C,CACK,CAAC;EAEjB;AACF;AAACQ,eAAA,CAjCoBb,SAAS,iBAKPH,aAAa;AAAAgB,eAAA,CALfb,SAAS,kBAMN;EACpBU,EAAE,EAAE,IAAI;EACRC,OAAO,EAAE,IAAI;EACbL,iBAAiB,EAAE,KAAK;EACxBD,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}

package/components/portal-root/PortalRoot.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export type PortalRootProps = {
+    innerRef?: React.Ref<HTMLElement> | React.MutableRefObject<HTMLElement> | ((instance: HTMLElement) => void);
+} & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
+declare function PortalRoot({ innerRef, className, style, children, ...rest }: PortalRootProps): JSX.Element;
+export declare function getOrCreatePortalElement(id: string): HTMLElement | null;
+export default PortalRoot;

package/components/portal-root/PortalRoot.js

@@ -0,0 +1,54 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["innerRef", "className", "style", "children"];
+import React, { useEffect, useMemo, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import classnames from 'classnames';
+function PortalRoot(_ref) {
+  let {
+      innerRef,
+      className,
+      style,
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const id = 'eufemia-portal-root';
+  const initialElement = useMemo(() => getOrCreatePortalElement(id), []);
+  const localRef = useRef(initialElement);
+  useEffect(() => {
+    const elem = getOrCreatePortalElement(id);
+    localRef.current = elem;
+    if (innerRef) {
+      if (typeof innerRef === 'function') {
+        innerRef(elem);
+      } else {
+        const ref = innerRef;
+        ref.current = elem;
+      }
+    }
+  }, [id, innerRef]);
+  if (!localRef.current) {
+    return null;
+  }
+  return createPortal(React.createElement("div", _extends({
+    className: classnames('dnb-core-style', className),
+    style: style
+  }, rest), children), localRef.current);
+}
+export function getOrCreatePortalElement(id) {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+  let elem = document.getElementById(id);
+  if (!elem) {
+    elem = document.createElement('div');
+    elem.setAttribute('id', id);
+    elem.setAttribute('role', 'presentation');
+    document.body.insertBefore(elem, document.body.firstChild);
+  }
+  return elem;
+}
+export default PortalRoot;
+//# sourceMappingURL=PortalRoot.js.map

package/components/portal-root/PortalRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalRoot.js","names":["React","useEffect","useMemo","useRef","createPortal","classnames","PortalRoot","_ref","innerRef","className","style","children","rest","_objectWithoutProperties","_excluded","id","initialElement","getOrCreatePortalElement","localRef","elem","current","ref","createElement","_extends","window","document","getElementById","setAttribute","body","insertBefore","firstChild"],"sources":["../../../../src/components/portal-root/PortalRoot.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport classnames from 'classnames'\n\nexport type PortalRootProps = {\n  innerRef?:\n    | React.Ref<HTMLElement>\n    | React.MutableRefObject<HTMLElement>\n    | ((instance: HTMLElement) => void)\n} & Omit<React.HTMLProps<HTMLElement>, 'ref'>\n\nfunction PortalRoot({\n  innerRef,\n  className,\n  style,\n  children,\n  ...rest\n}: PortalRootProps): JSX.Element {\n  const id = 'eufemia-portal-root'\n  const initialElement = useMemo(\n    () => getOrCreatePortalElement(id),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  )\n  const localRef = useRef<HTMLElement | null>(initialElement)\n\n  useEffect(() => {\n    const elem = getOrCreatePortalElement(id)\n    localRef.current = elem\n\n    if (innerRef) {\n      if (typeof innerRef === 'function') {\n        innerRef(elem)\n      } else {\n        const ref = innerRef as React.MutableRefObject<HTMLElement>\n        ref.current = elem\n      }\n    }\n\n    // Do not remove the element, because it might be used by other components\n  }, [id, innerRef])\n\n  if (!localRef.current) {\n    return null\n  }\n\n  return createPortal(\n    <div\n      className={classnames('dnb-core-style', className)}\n      style={style}\n      {...rest}\n    >\n      {children}\n    </div>,\n    localRef.current\n  )\n}\n\nexport function getOrCreatePortalElement(id: string): HTMLElement | null {\n  if (typeof window === 'undefined') {\n    return null\n  }\n\n  let elem = document.getElementById(id) as HTMLElement | null\n  if (!elem) {\n    elem = document.createElement('div')\n    elem.setAttribute('id', id)\n    elem.setAttribute('role', 'presentation')\n    document.body.insertBefore(elem, document.body.firstChild)\n  }\n\n  return elem\n}\n\nexport default PortalRoot\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACzD,SAASC,YAAY,QAAQ,WAAW;AACxC,OAAOC,UAAU,MAAM,YAAY;AASnC,SAASC,UAAUA,CAAAC,IAAA,EAMc;EAAA,IANb;MAClBC,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC;IAEe,CAAC,GAAAJ,IAAA;IADbK,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,MAAMC,EAAE,GAAG,qBAAqB;EAChC,MAAMC,cAAc,GAAGd,OAAO,CAC5B,MAAMe,wBAAwB,CAACF,EAAE,CAAC,EAElC,EACF,CAAC;EACD,MAAMG,QAAQ,GAAGf,MAAM,CAAqBa,cAAc,CAAC;EAE3Df,SAAS,CAAC,MAAM;IACd,MAAMkB,IAAI,GAAGF,wBAAwB,CAACF,EAAE,CAAC;IACzCG,QAAQ,CAACE,OAAO,GAAGD,IAAI;IAEvB,IAAIX,QAAQ,EAAE;MACZ,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAClCA,QAAQ,CAACW,IAAI,CAAC;MAChB,CAAC,MAAM;QACL,MAAME,GAAG,GAAGb,QAA+C;QAC3Da,GAAG,CAACD,OAAO,GAAGD,IAAI;MACpB;IACF;EAGF,CAAC,EAAE,CAACJ,EAAE,EAAEP,QAAQ,CAAC,CAAC;EAElB,IAAI,CAACU,QAAQ,CAACE,OAAO,EAAE;IACrB,OAAO,IAAI;EACb;EAEA,OAAOhB,YAAY,CACjBJ,KAAA,CAAAsB,aAAA,QAAAC,QAAA;IACEd,SAAS,EAAEJ,UAAU,CAAC,gBAAgB,EAAEI,SAAS,CAAE;IACnDC,KAAK,EAAEA;EAAM,GACTE,IAAI,GAEPD,QACE,CAAC,EACNO,QAAQ,CAACE,OACX,CAAC;AACH;AAEA,OAAO,SAASH,wBAAwBA,CAACF,EAAU,EAAsB;EACvE,IAAI,OAAOS,MAAM,KAAK,WAAW,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,IAAIL,IAAI,GAAGM,QAAQ,CAACC,cAAc,CAACX,EAAE,CAAuB;EAC5D,IAAI,CAACI,IAAI,EAAE;IACTA,IAAI,GAAGM,QAAQ,CAACH,aAAa,CAAC,KAAK,CAAC;IACpCH,IAAI,CAACQ,YAAY,CAAC,IAAI,EAAEZ,EAAE,CAAC;IAC3BI,IAAI,CAACQ,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC;IACzCF,QAAQ,CAACG,IAAI,CAACC,YAAY,CAACV,IAAI,EAAEM,QAAQ,CAACG,IAAI,CAACE,UAAU,CAAC;EAC5D;EAEA,OAAOX,IAAI;AACb;AAEA,eAAeb,UAAU","ignoreList":[]}

package/components/portal-root/PortalRootDocs.d.ts

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

package/components/portal-root/PortalRootDocs.js

@@ -0,0 +1,13 @@
+export const PortalRootProperties = {
+  innerRef: {
+    doc: 'The ref of the element that will be used.',
+    type: ['React.Ref<HTMLElement>', 'React.MutableRefObject<HTMLElement>'],
+    status: 'optional'
+  },
+  children: {
+    doc: 'The content that will be placed in a React Portal.',
+    type: ['ReactNode'],
+    status: 'required'
+  }
+};
+//# sourceMappingURL=PortalRootDocs.js.map

package/components/portal-root/PortalRootDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalRootDocs.js","names":["PortalRootProperties","innerRef","doc","type","status","children"],"sources":["../../../../src/components/portal-root/PortalRootDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const PortalRootProperties: PropertiesTableProps = {\n  innerRef: {\n    doc: 'The ref of the element that will be used.',\n    type: [\n      'React.Ref<HTMLElement>',\n      'React.MutableRefObject<HTMLElement>',\n    ],\n    status: 'optional',\n  },\n  children: {\n    doc: 'The content that will be placed in a React Portal.',\n    type: ['ReactNode'],\n    status: 'required',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,QAAQ,EAAE;IACRC,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,CACJ,wBAAwB,EACxB,qCAAqC,CACtC;IACDC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,oDAAoD;IACzDC,IAAI,EAAE,CAAC,WAAW,CAAC;IACnBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/portal-root/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Component Entry
+ *
+ */
+import PortalRoot from './PortalRoot';
+export default PortalRoot;
+export * from './PortalRoot';

package/components/portal-root/index.js

@@ -0,0 +1,4 @@
+import PortalRoot from './PortalRoot';
+export default PortalRoot;
+export * from './PortalRoot';
+//# sourceMappingURL=index.js.map

package/components/portal-root/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PortalRoot"],"sources":["../../../../src/components/portal-root/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport PortalRoot from './PortalRoot'\nexport default PortalRoot\nexport * from './PortalRoot'\n"],"mappings":"AAKA,OAAOA,UAAU,MAAM,cAAc;AACrC,eAAeA,UAAU;AACzB,cAAc,cAAc","ignoreList":[]}

package/components/section/style/themes/dnb-section-theme-sbanken.css

@@ -22,7 +22,7 @@
 }
 .dnb-section--info {
   --text-color: var(--sb-color-text);
-  --background-color: var(--sb-color-violet-light-4);
+  --background-color: var(--sb-color-green-light-2);
 }
 .dnb-section--warning {
   --text-color: var(--sb-color-text);

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

@@ -1,3 +1,3 @@
 .dnb-section{--background-color:var(--sb-color-white);--outline-color--value:var(--sb-color-gray-light-2)}.dnb-section--transparent{--background-color:transparent}.dnb-section--default,.dnb-section--divider{--text-color:var(--text-color--value,var(--sb-color-text));--background-color:var(
     --background-color--value,var(--sb-color-violet-light-4)
-  )}.dnb-section--white{--text-color:var(--sb-color-text);--background-color:var(--sb-color-white)}.dnb-section--error{--text-color:var(--sb-color-text);--background-color:var(--sb-color-magenta-light-2)}.dnb-section--info{--text-color:var(--sb-color-text);--background-color:var(--sb-color-violet-light-4)}.dnb-section--warning{--text-color:var(--sb-color-text);--background-color:var(--sb-color-yellow-light-3)}.dnb-section--success{--text-color:var(--sb-color-text);--background-color:var(--sb-color-green-light-2)}
+  )}.dnb-section--white{--text-color:var(--sb-color-text);--background-color:var(--sb-color-white)}.dnb-section--error{--text-color:var(--sb-color-text);--background-color:var(--sb-color-magenta-light-2)}.dnb-section--info{--text-color:var(--sb-color-text);--background-color:var(--sb-color-green-light-2)}.dnb-section--warning{--text-color:var(--sb-color-text);--background-color:var(--sb-color-yellow-light-3)}.dnb-section--success{--text-color:var(--sb-color-text);--background-color:var(--sb-color-green-light-2)}

package/components/section/style/themes/dnb-section-theme-sbanken.scss

@@ -27,7 +27,7 @@
 
   &--info {
     --text-color: var(--sb-color-text);
-    --background-color: var(--sb-color-violet-light-4);
+    --background-color: var(--sb-color-green-light-2);
   }
 
   &--warning {

package/components/step-indicator/StepIndicator.js

@@ -2,7 +2,7 @@
 
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _StepIndicatorTrigger, _StepIndicatorList;
+var _StepIndicatorList;
 const _excluded = ["sidebar_id", "step_title_extended"],
   _excluded2 = ["status", "status_state", "data", "skeleton", "current_step", "hide_numbers", "no_animation", "expandedInitially"],
   _excluded3 = ["outset"];
@@ -12,6 +12,7 @@ import React, { useContext } from 'react';
 import classnames from 'classnames';
 import { createSpacingClasses } from '../space/SpacingHelper';
 import Card from '../Card';
+import CardContext from '../card/CardContext';
 import StepIndicatorTriggerButton from './StepIndicatorTriggerButton';
 import StepIndicatorSidebar from './StepIndicatorSidebar';
 import StepIndicatorList from './StepIndicatorList';
@@ -27,6 +28,7 @@ function handleDeprecatedProps(props) {
   return rest;
 }
 function StepIndicator(_ref) {
+  var _useContext;
   let {
       status,
       status_state = 'warn',
@@ -56,7 +58,9 @@ function StepIndicator(_ref) {
     align: "stretch",
     className: classnames('dnb-step-indicator', createSpacingClasses(restOfProps)),
     outset: outset
-  }, _StepIndicatorTrigger || (_StepIndicatorTrigger = React.createElement(StepIndicatorTriggerButton, null)), _StepIndicatorList || (_StepIndicatorList = React.createElement(StepIndicatorList, null))), React.createElement(StepIndicatorStatus, {
+  }, React.createElement(StepIndicatorTriggerButton, {
+    isNested: (_useContext = useContext(CardContext)) === null || _useContext === void 0 ? void 0 : _useContext.isNested
+  }), _StepIndicatorList || (_StepIndicatorList = React.createElement(StepIndicatorList, null))), React.createElement(StepIndicatorStatus, {
     status: status,
     status_state: status_state
   })));

package/components/step-indicator/StepIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicator.js","names":["React","useContext","classnames","createSpacingClasses","Card","StepIndicatorTriggerButton","StepIndicatorSidebar","StepIndicatorList","StepIndicatorContext","StepIndicatorProvider","stepIndicatorDefaultProps","FormStatus","handleDeprecatedProps","props","sidebar_id","step_title_extended","rest","_objectWithoutProperties","_excluded","StepIndicator","_ref","status","status_state","data","skeleton","current_step","hide_numbers","no_animation","expandedInitially","restOfProps","_excluded2","_handleDeprecatedProp","_objectSpread","outset","_excluded3","createElement","className","align","_StepIndicatorTrigger","_StepIndicatorList","StepIndicatorStatus","_ref2","openState","show","state","Sidebar","_supportsSpacingProps"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\n\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Card from '../Card'\nimport StepIndicatorTriggerButton from './StepIndicatorTriggerButton'\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\nimport StepIndicatorList from './StepIndicatorList'\nimport StepIndicatorContext, {\n  StepIndicatorContextValues,\n  StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n  StepIndicatorItemProps,\n  StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport FormStatus, {\n  FormStatusState,\n  FormStatusText,\n} from '../form-status/FormStatus'\n\nexport type StepIndicatorMode = 'static' | 'strict' | 'loose'\nexport type StepIndicatorDataItem = Pick<\n  StepIndicatorItemProps,\n  | 'title'\n  | 'is_current'\n  | 'inactive'\n  | 'disabled'\n  | 'status'\n  | 'status_state'\n  | 'on_click'\n  | 'on_render'\n>\nexport type StepIndicatorData = string | string[] | StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n  event: React.MouseEvent<HTMLButtonElement>\n  item: StepIndicatorItemProps\n  currentStep: number\n  current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n  /** A component that will render the item with the correct props. */\n  StepItem: typeof StepItemWrapper\n  /** Element that was originally going to be rendered */\n  element: React.ReactNode\n  /** @deprecated never has values */\n  attributes: React.HTMLProps<HTMLElement>\n  props: StepIndicatorItemProps\n  context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n  React.HTMLProps<HTMLAnchorElement>,\n  'ref' | 'data'\n> &\n  SpacingProps & {\n    /**\n     * <em>(required with `<StepIndicator.Sidebar />`)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n     * @deprecated StepIndicator.Sidebar variant is no longer supported\n     */\n    sidebar_id?: string\n    /**\n     * <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n     */\n    mode: StepIndicatorMode\n    /**\n     * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n     */\n    data: StepIndicatorData\n    /**\n     *  The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n     *  Defaults to `Steps Overview`\n     */\n    overview_title?: string\n    /**\n     *  The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `Step %step of %count`\n     */\n    step_title?: string\n    /**\n     *  A descriptive label used in `<StepIndicatorModal />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `You are on step %step of %count`\n     * @deprecated only `step_title`is used\n     */\n    step_title_extended?: string\n    /**\n     * Defines the active number marked step starting by 0. Defaults to `0`.\n     */\n    current_step?: number\n    /**\n     * Define whether to show automatically counted numbers or not. Defaults to `false`.\n     */\n    hide_numbers?: boolean\n    /**\n     * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step, currentStep }`.\n     */\n    on_click?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n    /**\n     * Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.\n     * @deprecated no longer does anything other than the step item `title` prop\n     */\n    on_item_render?: ({\n      StepItem,\n      element,\n      attributes,\n      props,\n      context,\n    }: StepIndicatorRenderCallback) => React.ReactNode\n    /**\n     * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n     */\n    on_change?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n    /**\n     * Status text. Status is only shown if this prop has text. Defaults to `undefined`\n     */\n    status?: FormStatusText\n    /**\n     * The type of status for the `status` prop. Is either `info`, `error` or `warn`.\n     * Defaults to `warn`.\n     */\n    status_state?: FormStatusState\n    /**\n     * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n     */\n    no_animation?: boolean\n    /**\n     * Set to `true` to have the list be expanded initially. Defaults to `false`.\n     */\n    expandedInitially?: boolean\n    /**\n     * Whether or not to break out (using negative margins) on larger screens. Defaults to `false`.\n     */\n    outset?: boolean\n    skeleton?: SkeletonShow\n    className?: string\n    children?: React.ReactNode\n  }\n\nfunction handleDeprecatedProps(\n  props: StepIndicatorProps\n): Omit<StepIndicatorProps, 'sidebar_id' | 'step_title_extended'> {\n  const { sidebar_id, step_title_extended, ...rest } = props\n  return rest\n}\n\nfunction StepIndicator({\n  status,\n  status_state = 'warn',\n  data = stepIndicatorDefaultProps.data,\n  skeleton = stepIndicatorDefaultProps.skeleton,\n  current_step = stepIndicatorDefaultProps.current_step,\n  hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n  no_animation = stepIndicatorDefaultProps.no_animation,\n  expandedInitially = stepIndicatorDefaultProps.expandedInitially,\n  ...restOfProps\n}: StepIndicatorProps) {\n  const { outset, ...props } = handleDeprecatedProps({\n    data,\n    skeleton,\n    current_step,\n    hide_numbers,\n    no_animation,\n    expandedInitially,\n    ...restOfProps,\n  })\n\n  return (\n    <StepIndicatorProvider {...props}>\n      <div className=\"dnb-step-indicator-wrapper\">\n        <Card\n          align=\"stretch\"\n          className={classnames(\n            'dnb-step-indicator',\n            createSpacingClasses(restOfProps)\n          )}\n          outset={outset}\n        >\n          <StepIndicatorTriggerButton />\n          <StepIndicatorList />\n        </Card>\n        <StepIndicatorStatus status={status} status_state={status_state} />\n      </div>\n    </StepIndicatorProvider>\n  )\n}\n\nfunction StepIndicatorStatus({ status, status_state }) {\n  const { openState, no_animation } = useContext(StepIndicatorContext)\n  const show = !openState && !!status\n  return (\n    <FormStatus\n      show={show}\n      no_animation={no_animation}\n      state={status && status_state}\n    >\n      {status}\n    </FormStatus>\n  )\n}\n/**\n * @deprecated StepIndicator.Sidebar variant is no longer supported\n */\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nStepIndicator._supportsSpacingProps = true\n\nexport default StepIndicator\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StepIndicator.js","names":["React","useContext","classnames","createSpacingClasses","Card","CardContext","StepIndicatorTriggerButton","StepIndicatorSidebar","StepIndicatorList","StepIndicatorContext","StepIndicatorProvider","stepIndicatorDefaultProps","FormStatus","handleDeprecatedProps","props","sidebar_id","step_title_extended","rest","_objectWithoutProperties","_excluded","StepIndicator","_ref","_useContext","status","status_state","data","skeleton","current_step","hide_numbers","no_animation","expandedInitially","restOfProps","_excluded2","_handleDeprecatedProp","_objectSpread","outset","_excluded3","createElement","className","align","isNested","_StepIndicatorList","StepIndicatorStatus","_ref2","openState","show","state","Sidebar","_supportsSpacingProps"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, { useContext } from 'react'\nimport classnames from 'classnames'\n\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Card from '../Card'\nimport CardContext from '../card/CardContext'\nimport StepIndicatorTriggerButton from './StepIndicatorTriggerButton'\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\nimport StepIndicatorList from './StepIndicatorList'\nimport StepIndicatorContext, {\n  StepIndicatorContextValues,\n  StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n  StepIndicatorItemProps,\n  StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport FormStatus, {\n  FormStatusState,\n  FormStatusText,\n} from '../form-status/FormStatus'\n\nexport type StepIndicatorMode = 'static' | 'strict' | 'loose'\nexport type StepIndicatorDataItem = Pick<\n  StepIndicatorItemProps,\n  | 'title'\n  | 'is_current'\n  | 'inactive'\n  | 'disabled'\n  | 'status'\n  | 'status_state'\n  | 'on_click'\n  | 'on_render'\n>\nexport type StepIndicatorData = string | string[] | StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n  event: React.MouseEvent<HTMLButtonElement>\n  item: StepIndicatorItemProps\n  currentStep: number\n  current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n  /** A component that will render the item with the correct props. */\n  StepItem: typeof StepItemWrapper\n  /** Element that was originally going to be rendered */\n  element: React.ReactNode\n  /** @deprecated never has values */\n  attributes: React.HTMLProps<HTMLElement>\n  props: StepIndicatorItemProps\n  context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n  React.HTMLProps<HTMLAnchorElement>,\n  'ref' | 'data'\n> &\n  SpacingProps & {\n    /**\n     * <em>(required with `<StepIndicator.Sidebar />`)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n     * @deprecated StepIndicator.Sidebar variant is no longer supported\n     */\n    sidebar_id?: string\n    /**\n     * <em>(required)</em> defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n     */\n    mode: StepIndicatorMode\n    /**\n     * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n     */\n    data: StepIndicatorData\n    /**\n     *  The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n     *  Defaults to `Steps Overview`\n     */\n    overview_title?: string\n    /**\n     *  The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `Step %step of %count`\n     */\n    step_title?: string\n    /**\n     *  A descriptive label used in `<StepIndicatorModal />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `You are on step %step of %count`\n     * @deprecated only `step_title`is used\n     */\n    step_title_extended?: string\n    /**\n     * Defines the active number marked step starting by 0. Defaults to `0`.\n     */\n    current_step?: number\n    /**\n     * Define whether to show automatically counted numbers or not. Defaults to `false`.\n     */\n    hide_numbers?: boolean\n    /**\n     * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step, currentStep }`.\n     */\n    on_click?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n    /**\n     * Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.\n     * @deprecated no longer does anything other than the step item `title` prop\n     */\n    on_item_render?: ({\n      StepItem,\n      element,\n      attributes,\n      props,\n      context,\n    }: StepIndicatorRenderCallback) => React.ReactNode\n    /**\n     * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n     */\n    on_change?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n    /**\n     * Status text. Status is only shown if this prop has text. Defaults to `undefined`\n     */\n    status?: FormStatusText\n    /**\n     * The type of status for the `status` prop. Is either `info`, `error` or `warn`.\n     * Defaults to `warn`.\n     */\n    status_state?: FormStatusState\n    /**\n     * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n     */\n    no_animation?: boolean\n    /**\n     * Set to `true` to have the list be expanded initially. Defaults to `false`.\n     */\n    expandedInitially?: boolean\n    /**\n     * Whether or not to break out (using negative margins) on larger screens. Defaults to `false`.\n     */\n    outset?: boolean\n    skeleton?: SkeletonShow\n    className?: string\n    children?: React.ReactNode\n  }\n\nfunction handleDeprecatedProps(\n  props: StepIndicatorProps\n): Omit<StepIndicatorProps, 'sidebar_id' | 'step_title_extended'> {\n  const { sidebar_id, step_title_extended, ...rest } = props\n  return rest\n}\n\nfunction StepIndicator({\n  status,\n  status_state = 'warn',\n  data = stepIndicatorDefaultProps.data,\n  skeleton = stepIndicatorDefaultProps.skeleton,\n  current_step = stepIndicatorDefaultProps.current_step,\n  hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n  no_animation = stepIndicatorDefaultProps.no_animation,\n  expandedInitially = stepIndicatorDefaultProps.expandedInitially,\n  ...restOfProps\n}: StepIndicatorProps) {\n  const { outset, ...props } = handleDeprecatedProps({\n    data,\n    skeleton,\n    current_step,\n    hide_numbers,\n    no_animation,\n    expandedInitially,\n    ...restOfProps,\n  })\n\n  return (\n    <StepIndicatorProvider {...props}>\n      <div className=\"dnb-step-indicator-wrapper\">\n        <Card\n          align=\"stretch\"\n          className={classnames(\n            'dnb-step-indicator',\n            createSpacingClasses(restOfProps)\n          )}\n          outset={outset}\n        >\n          <StepIndicatorTriggerButton\n            isNested={useContext(CardContext)?.isNested}\n          />\n          <StepIndicatorList />\n        </Card>\n        <StepIndicatorStatus status={status} status_state={status_state} />\n      </div>\n    </StepIndicatorProvider>\n  )\n}\n\nfunction StepIndicatorStatus({ status, status_state }) {\n  const { openState, no_animation } = useContext(StepIndicatorContext)\n  const show = !openState && !!status\n  return (\n    <FormStatus\n      show={show}\n      no_animation={no_animation}\n      state={status && status_state}\n    >\n      {status}\n    </FormStatus>\n  )\n}\n/**\n * @deprecated StepIndicator.Sidebar variant is no longer supported\n */\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nStepIndicator._supportsSpacingProps = true\n\nexport default StepIndicator\n"],"mappings":"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","ignoreList":[]}

package/components/step-indicator/StepIndicatorDocs.js

@@ -40,7 +40,7 @@ export const StepIndicatorProperties = {
     status: 'optional'
   },
   outset: {
-    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `false`.',
+    doc: 'Whether or not to break out (using negative margins) on larger screens. Defaults to `false`. Same as `outset` in [Card](/uilib/components/card/properties).',
     type: 'boolean',
     status: 'optional'
   },

package/components/step-indicator/StepIndicatorDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorDocs.js","names":["StepIndicatorProperties","mode","doc","type","status","data","current_step","overview_title","step_title","hide_numbers","no_animation","expandedInitially","outset","status_state","skeleton","sidebar_id","step_title_extended","on_item_render","StepIndicatorEvents","on_click","on_change","StepIndicatorStepProperties","title","is_current","inactive","disabled","on_render","StepIndicatorStepEvents"],"sources":["../../../../src/components/step-indicator/StepIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const StepIndicatorProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.',\n    type: [`'static'`, `'strict'`, `'loose'`],\n    status: 'required',\n  },\n  data: {\n    doc: 'Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See below for properties of `STEP_DATA`.',\n    type: ['[Step Item](#step-item-properties)[]', 'string[]'],\n    status: 'required',\n  },\n  current_step: {\n    doc: 'Defines the initial step starting from 0. Also defines the furthest step visited when `mode=\"strict\"`. Will update to the new step if changed (but will not trigger the `on_change` event). Defaults to `0`.',\n    type: 'number',\n    status: 'optional',\n  },\n  overview_title: {\n    doc: 'The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`. Defaults to `Steps Overview`.',\n    type: 'string',\n    status: 'optional',\n  },\n  step_title: {\n    doc: 'Label for `<StepIndicatorTriggerButton />` and screen reader text for `<StepIndicatorItem />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `Step %step of %count`.',\n    type: 'string',\n    status: 'optional',\n  },\n  hide_numbers: {\n    doc: 'Define whether to show automatically counted numbers or not. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'If set to `true`, the height animation on step change and list expansion will be omitted. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  expandedInitially: {\n    doc: 'Set to `true` to have the list be expanded initially. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outset: {\n    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text for status shown below the step indicator when it is not expanded. Defaults to `undefined`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'The type of status shown when the `status` prop is set. Defaults to `warn`.',\n    type: `['warn', 'info', 'error']`,\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  sidebar_id: {\n    doc: 'A unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  step_title_extended: {\n    doc: 'Descriptive label for `<StepIndicatorModal />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `You are on step %step of %count`.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  on_item_render: {\n    doc: 'Deprecated, just use step item `title`. Callback function whose return is rendered inside each step instead of the default render. Has to return a React Node. Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props from the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorEvents: PropertiesTableProps = {\n  on_click: {\n    doc: 'Will be called when the user clicks on any clickable step in the list. Is called right before `on_change`. Receives parameter `{ event, item, current_step, currentStep }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called when the user changes step by clicking in the steps list (changing the `current_step` prop does not trigger the event). Receives parameter `{ event, item, current_step, currentStep }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const StepIndicatorStepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the step.',\n    type: ['string', 'React.ReactNode'],\n    status: 'required',\n  },\n  is_current: {\n    doc: 'If set to `true`, this item step will be set as the current selected step. This can be used instead of `current_step` on the main component.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inactive: {\n    doc: 'If set to `true`, this item step will be handled as an inactive step and will not be clickable. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'If set to `true`, this step will be handled the same as `inactive` as well as getting a disabled mouseover and `aria-disabled=\"true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Is used to set the status text.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'In case the status state should be `info` or `error`. Defaults to `warn`.',\n    type: [`'warn'`, `'info'`, `'error'`],\n    status: 'optional',\n  },\n  on_render: {\n    doc: 'Deprecated, just use `title`. Callback function whose return is rendered inside the step instead of the default render (or `on_item_render`). Has to return a React Node. <br/> Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props in the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorStepEvents: PropertiesTableProps = {\n  on_click: {\n    doc: \"Called when user clicks the step. Is called right before the main component's `on_click`. Receives parameter `{ event, item, current_step, currentStep }`\",\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StepIndicatorDocs.js","names":["StepIndicatorProperties","mode","doc","type","status","data","current_step","overview_title","step_title","hide_numbers","no_animation","expandedInitially","outset","status_state","skeleton","sidebar_id","step_title_extended","on_item_render","StepIndicatorEvents","on_click","on_change","StepIndicatorStepProperties","title","is_current","inactive","disabled","on_render","StepIndicatorStepEvents"],"sources":["../../../../src/components/step-indicator/StepIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const StepIndicatorProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.',\n    type: [`'static'`, `'strict'`, `'loose'`],\n    status: 'required',\n  },\n  data: {\n    doc: 'Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See below for properties of `STEP_DATA`.',\n    type: ['[Step Item](#step-item-properties)[]', 'string[]'],\n    status: 'required',\n  },\n  current_step: {\n    doc: 'Defines the initial step starting from 0. Also defines the furthest step visited when `mode=\"strict\"`. Will update to the new step if changed (but will not trigger the `on_change` event). Defaults to `0`.',\n    type: 'number',\n    status: 'optional',\n  },\n  overview_title: {\n    doc: 'The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`. Defaults to `Steps Overview`.',\n    type: 'string',\n    status: 'optional',\n  },\n  step_title: {\n    doc: 'Label for `<StepIndicatorTriggerButton />` and screen reader text for `<StepIndicatorItem />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `Step %step of %count`.',\n    type: 'string',\n    status: 'optional',\n  },\n  hide_numbers: {\n    doc: 'Define whether to show automatically counted numbers or not. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'If set to `true`, the height animation on step change and list expansion will be omitted. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  expandedInitially: {\n    doc: 'Set to `true` to have the list be expanded initially. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  outset: {\n    doc: 'Whether or not to break out (using negative margins) on larger screens. Defaults to `false`. Same as `outset` in [Card](/uilib/components/card/properties).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text for status shown below the step indicator when it is not expanded. Defaults to `undefined`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'The type of status shown when the `status` prop is set. Defaults to `warn`.',\n    type: `['warn', 'info', 'error']`,\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  sidebar_id: {\n    doc: 'A unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  step_title_extended: {\n    doc: 'Descriptive label for `<StepIndicatorModal />`. Must contain `%step` and `%count` to interpolate `current_step` and `stepCount` into the text. Defaults to `You are on step %step of %count`.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  on_item_render: {\n    doc: 'Deprecated, just use step item `title`. Callback function whose return is rendered inside each step instead of the default render. Has to return a React Node. Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props from the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorEvents: PropertiesTableProps = {\n  on_click: {\n    doc: 'Will be called when the user clicks on any clickable step in the list. Is called right before `on_change`. Receives parameter `{ event, item, current_step, currentStep }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called when the user changes step by clicking in the steps list (changing the `current_step` prop does not trigger the event). Receives parameter `{ event, item, current_step, currentStep }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const StepIndicatorStepProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the step.',\n    type: ['string', 'React.ReactNode'],\n    status: 'required',\n  },\n  is_current: {\n    doc: 'If set to `true`, this item step will be set as the current selected step. This can be used instead of `current_step` on the main component.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inactive: {\n    doc: 'If set to `true`, this item step will be handled as an inactive step and will not be clickable. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'If set to `true`, this step will be handled the same as `inactive` as well as getting a disabled mouseover and `aria-disabled=\"true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Is used to set the status text.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'In case the status state should be `info` or `error`. Defaults to `warn`.',\n    type: [`'warn'`, `'info'`, `'error'`],\n    status: 'optional',\n  },\n  on_render: {\n    doc: 'Deprecated, just use `title`. Callback function whose return is rendered inside the step instead of the default render (or `on_item_render`). Has to return a React Node. <br/> Receives parameter `{ StepItem, element, attributes, props, context }`, where `props` also includes all props in the step object (like `title` or `status`) and the `<StepItem>` is a component that can be used to wrap your returned content.',\n    type: 'function',\n    status: 'deprecated',\n  },\n}\n\nexport const StepIndicatorStepEvents: PropertiesTableProps = {\n  on_click: {\n    doc: \"Called when user clicks the step. Is called right before the main component's `on_click`. Receives parameter `{ event, item, current_step, currentStep }`\",\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/components/step-indicator/StepIndicatorTriggerButton.d.ts

@@ -4,7 +4,8 @@
  */
 import { ButtonProps } from '../button/Button';
 export type StepIndicatorTriggerButtonProps = ButtonProps & {
+    isNested?: boolean;
     className?: string;
 };
-declare function StepIndicatorTriggerButton({ className, ...rest }: StepIndicatorTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function StepIndicatorTriggerButton({ className, isNested, ...rest }: StepIndicatorTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
 export default StepIndicatorTriggerButton;