@dnb/eufemia 10.54.1 → 10.55.0

package/es/components/input-masked/TextMask.d.ts

@@ -11,7 +11,8 @@ export type TextMaskInputElement =
   | React.ReactNode
   | ((...args: any[]) => any);
 export type TextMaskValue = string | number;
-export interface TextMaskProps extends React.HTMLProps<HTMLInputElement> {
+export interface TextMaskProps
+  extends Omit<React.HTMLProps<HTMLInputElement>, 'ref'> {
   mask: TextMaskMask;
   inputRef?: React.MutableRefObject<HTMLInputElement>;
   inputElement?: TextMaskInputElement;

package/es/components/input-masked/style/dnb-input-masked.css

@@ -13,10 +13,21 @@
 }
 
 .dnb-multi-input-mask__fieldset {
-  margin: 0;
   padding: 0;
   border: none;
 }
+.dnb-multi-input-mask__fieldset:not([class*=space__top]) {
+  margin-top: 0;
+}
+.dnb-multi-input-mask__fieldset:not([class*=space__right]) {
+  margin-right: 0;
+}
+.dnb-multi-input-mask__fieldset:not([class*=space__bottom]) {
+  margin-bottom: 0;
+}
+.dnb-multi-input-mask__fieldset:not([class*=space__left]) {
+  margin-left: 0;
+}
 .dnb-multi-input-mask__fieldset--horizontal {
   display: inline-flex;
   flex-flow: row wrap;

package/es/components/input-masked/style/dnb-input-masked.min.css

@@ -1 +1 @@
-.dnb-input-masked--guide{font-family:var(--font-family-monospace)}.dnb-input-masked input::placeholder{color:inherit}.dnb-multi-input-mask__fieldset{border:none;margin:0;padding:0}.dnb-multi-input-mask__fieldset--horizontal{align-items:baseline;display:inline-flex;flex-flow:row wrap;gap:1rem}.dnb-multi-input-mask__input.dnb-input__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}.dnb-multi-input-mask__input.dnb-input__input:first-of-type{padding-left:.5rem}.dnb-multi-input-mask__input.dnb-input__input:last-of-type{padding-right:.5rem}.dnb-input--large .dnb-multi-input-mask__input.dnb-input__input,.dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input{padding:0 .25rem}.dnb-multi-input-mask{width:-moz-fit-content;width:fit-content}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input{color:var(--color-black-55)}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight{color:var(--color-black)}
+.dnb-input-masked--guide{font-family:var(--font-family-monospace)}.dnb-input-masked input::placeholder{color:inherit}.dnb-multi-input-mask__fieldset{border:none;padding:0}.dnb-multi-input-mask__fieldset:not([class*=space__top]){margin-top:0}.dnb-multi-input-mask__fieldset:not([class*=space__right]){margin-right:0}.dnb-multi-input-mask__fieldset:not([class*=space__bottom]){margin-bottom:0}.dnb-multi-input-mask__fieldset:not([class*=space__left]){margin-left:0}.dnb-multi-input-mask__fieldset--horizontal{align-items:baseline;display:inline-flex;flex-flow:row wrap;gap:1rem}.dnb-multi-input-mask__input.dnb-input__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}.dnb-multi-input-mask__input.dnb-input__input:first-of-type{padding-left:.5rem}.dnb-multi-input-mask__input.dnb-input__input:last-of-type{padding-right:.5rem}.dnb-input--large .dnb-multi-input-mask__input.dnb-input__input,.dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input{padding:0 .25rem}.dnb-multi-input-mask{width:-moz-fit-content;width:fit-content}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input{color:var(--color-black-55)}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight{color:var(--color-black)}

package/es/components/lib.d.ts

@@ -40,6 +40,7 @@ import IconPrimary from './icon-primary/IconPrimary';
 import InfoCard from './info-card/InfoCard';
 import Input from './input/Input';
 import InputMasked from './input-masked/InputMasked';
+import ListFormat from './list-format/ListFormat';
 import Logo from './logo/Logo';
 import Modal from './modal/Modal';
 import NumberFormat from './number-format/NumberFormat';
@@ -62,7 +63,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, 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, 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 declare const getComponents: () => {
     Accordion: typeof Accordion;
     Anchor: import("react").ForwardRefExoticComponent<import("./anchor/Anchor").AnchorProps & Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("./space/types").SpacingElementProps & {
@@ -135,6 +136,7 @@ export declare const getComponents: () => {
     };
     Input: typeof Input;
     InputMasked: any;
+    ListFormat: typeof ListFormat;
     Logo: typeof Logo;
     Modal: typeof import("./modal/Modal").OriginalComponent;
     NumberFormat: typeof NumberFormat;

package/es/components/lib.js

@@ -30,6 +30,7 @@ import IconPrimary from './icon-primary/IconPrimary';
 import InfoCard from './info-card/InfoCard';
 import Input from './input/Input';
 import InputMasked from './input-masked/InputMasked';
+import ListFormat from './list-format/ListFormat';
 import Logo from './logo/Logo';
 import Modal from './modal/Modal';
 import NumberFormat from './number-format/NumberFormat';
@@ -52,7 +53,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, 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, 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 const getComponents = () => {
   return {
     Accordion,
@@ -87,6 +88,7 @@ export const getComponents = () => {
     InfoCard,
     Input,
     InputMasked,
+    ListFormat,
     Logo,
     Modal,
     NumberFormat,

package/es/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","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 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  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    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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"}
+{"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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"}

package/es/components/list-format/ListFormat.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { InternalLocale } from '../../shared/Context';
+export type ListFormatProps = {
+    /**
+     * Formatting options for the value.
+     * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat
+     */
+    format?: Intl.ListFormatOptions;
+    /**
+     * Defines if the value should be displayed in list format or regular text format on one line.
+     * Default: `text`
+     */
+    variant?: 'ol' | 'ul' | 'text';
+    /**
+     * Defines the type of list styling used for list variants. Used together with variant `ol` and `ul`.
+     * Variant `ol`: `a`, `A`, `i`, `I` and `1`.
+     * Variant `ul`: `circle`, `disc` and `square`.
+     * Default: `undefined`
+     */
+    listType?: 'a' | 'A' | 'i' | 'I' | '1' | 'circle' | 'disc' | 'square' | 'unstyled' | undefined;
+    /**
+     * The value to format as list.
+     * Default: null
+     */
+    value?: Array<React.ReactNode>;
+    /**
+     * The children to format as list.
+     * Default: null
+     */
+    children?: React.ReactNode;
+};
+declare function ListFormat(localProps: ListFormatProps): string | any[] | import("react/jsx-runtime").JSX.Element;
+declare namespace ListFormat {
+    var _supportsSpacingProps: boolean;
+}
+export declare function listFormat(list: Array<React.ReactNode>, { locale, format, }?: {
+    locale?: InternalLocale;
+    format?: Intl.ListFormatOptions;
+}): string | any[];
+export default ListFormat;

package/es/components/list-format/ListFormat.js

@@ -0,0 +1,111 @@
+"use client";
+
+import React, { Fragment, useContext, useMemo } from 'react';
+import { LOCALE } from '../../shared/defaults';
+import { extendPropsWithContext } from '../../shared/component-helper';
+import SharedContext from '../../shared/Context';
+import { Li, Ol, Ul } from '../../elements';
+function ListFormat(localProps) {
+  const {
+    locale,
+    ListFormat
+  } = useContext(SharedContext);
+  const allProps = extendPropsWithContext(localProps, {}, ListFormat);
+  const {
+    value,
+    format,
+    variant = 'text',
+    listType,
+    children
+  } = allProps;
+  const list = useMemo(() => {
+    const isListVariant = variant !== 'text';
+    const valueToUse = replaceRootFragment(children) || value;
+    if (!Array.isArray(valueToUse)) {
+      return [valueToUse];
+    }
+    return isListVariant ? React.Children.map(valueToUse, (child, index) => {
+      return React.createElement(Li, {
+        key: index
+      }, child);
+    }) : valueToUse;
+  }, [value, children, variant, listType]);
+  const result = useMemo(() => {
+    if (variant === 'text') {
+      return listFormat(list, {
+        locale,
+        format
+      });
+    }
+    const ListElement = variant.startsWith('ol') ? Ol : Ul;
+    return React.createElement(ListElement, {
+      type: listType !== 'unstyled' ? listType : null,
+      className: listType === 'unstyled' && 'dnb-unstyled-list'
+    }, list);
+  }, [format, list, locale]);
+  return result;
+}
+export function listFormat(list, {
+  locale = LOCALE,
+  format = {
+    style: 'long',
+    type: 'conjunction'
+  }
+} = {}) {
+  if (!Array.isArray(list)) {
+    return list;
+  }
+  list = replaceRootFragment(list).filter(function (item) {
+    const isNan = typeof item === 'number' && isNaN(item);
+    return item !== undefined && item !== false && item !== null && !isNan;
+  });
+  const buffer = new Map();
+  const hasJSX = list.some(v => typeof v === 'object');
+  const shadow = list.map((v, i) => {
+    if (hasJSX) {
+      const id = `id-${i}`;
+      buffer.set(id, v);
+      return `{${id}}`;
+    }
+    return String(v);
+  });
+  try {
+    const formatter = new Intl.ListFormat(locale, format);
+    const formattedList = formatter.format(shadow);
+    if (hasJSX) {
+      return formattedList.split(/\{(id-[0-9]+)\}/).map((v, i) => {
+        if (v.startsWith('id-')) {
+          const element = buffer.get(v);
+          return element.key ? element : React.createElement(React.Fragment, {
+            key: i
+          }, element);
+        }
+        return v;
+      });
+    }
+    return formattedList;
+  } catch (error) {
+    if (hasJSX) {
+      return list;
+    }
+    return list.join(', ');
+  }
+}
+function replaceRootFragment(children) {
+  if ((children === null || children === void 0 ? void 0 : children.type) === Fragment) {
+    var _children$props;
+    return React.Children.toArray(children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children);
+  }
+  if (Array.isArray(children)) {
+    const firstChild = children[0];
+    if (React.Children.count(children) === 1 && (firstChild === null || firstChild === void 0 ? void 0 : firstChild.type) === Fragment) {
+      var _firstChild$props;
+      return React.Children.toArray(firstChild === null || firstChild === void 0 ? void 0 : (_firstChild$props = firstChild.props) === null || _firstChild$props === void 0 ? void 0 : _firstChild$props.children);
+    }
+    return children;
+  }
+  return children;
+}
+ListFormat._supportsSpacingProps = true;
+export default ListFormat;
+//# sourceMappingURL=ListFormat.js.map

package/es/components/list-format/ListFormat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListFormat.js","names":["React","Fragment","useContext","useMemo","LOCALE","extendPropsWithContext","SharedContext","Li","Ol","Ul","ListFormat","localProps","locale","allProps","value","format","variant","listType","children","list","isListVariant","valueToUse","replaceRootFragment","Array","isArray","Children","map","child","index","createElement","key","result","listFormat","ListElement","startsWith","type","className","style","filter","item","isNan","isNaN","undefined","buffer","Map","hasJSX","some","v","shadow","i","id","set","String","formatter","Intl","formattedList","split","element","get","error","join","_children$props","toArray","props","firstChild","count","_firstChild$props","_supportsSpacingProps"],"sources":["../../../../src/components/list-format/ListFormat.tsx"],"sourcesContent":["import React, { Fragment, useContext, useMemo } from 'react'\nimport { LOCALE } from '../../shared/defaults'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport SharedContext, { InternalLocale } from '../../shared/Context'\nimport { Li, Ol, Ul } from '../../elements'\n\nexport type ListFormatProps = {\n  /**\n   * Formatting options for the value.\n   * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat\n   */\n  format?: Intl.ListFormatOptions\n  /**\n   * Defines if the value should be displayed in list format or regular text format on one line.\n   * Default: `text`\n   */\n  variant?: 'ol' | 'ul' | 'text'\n  /**\n   * Defines the type of list styling used for list variants. Used together with variant `ol` and `ul`.\n   * Variant `ol`: `a`, `A`, `i`, `I` and `1`.\n   * Variant `ul`: `circle`, `disc` and `square`.\n   * Default: `undefined`\n   */\n  listType?:\n    | 'a'\n    | 'A'\n    | 'i'\n    | 'I'\n    | '1'\n    | 'circle'\n    | 'disc'\n    | 'square'\n    | 'unstyled'\n    | undefined\n\n  /**\n   * The value to format as list.\n   * Default: null\n   */\n  value?: Array<React.ReactNode>\n\n  /**\n   * The children to format as list.\n   * Default: null\n   */\n  children?: React.ReactNode\n}\n\nfunction ListFormat(localProps: ListFormatProps) {\n  const { locale, ListFormat } = useContext(SharedContext)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(localProps, {}, ListFormat)\n  const { value, format, variant = 'text', listType, children } = allProps\n\n  const list = useMemo(() => {\n    const isListVariant = variant !== 'text'\n\n    const valueToUse = replaceRootFragment(children) || value\n\n    if (!Array.isArray(valueToUse)) {\n      return [valueToUse]\n    }\n\n    return isListVariant\n      ? React.Children.map(valueToUse, (child: React.ReactNode, index) => {\n          return <Li key={index}>{child}</Li>\n        })\n      : valueToUse\n  }, [value, children, variant, listType])\n\n  const result = useMemo(() => {\n    if (variant === 'text') {\n      return listFormat(list, { locale, format })\n    }\n\n    const ListElement = variant.startsWith('ol') ? Ol : Ul\n\n    return (\n      <ListElement\n        type={listType !== 'unstyled' ? listType : null}\n        className={listType === 'unstyled' && 'dnb-unstyled-list'}\n      >\n        {list}\n      </ListElement>\n    )\n  }, [format, list, locale])\n\n  return result\n}\n\nexport function listFormat(\n  list: Array<React.ReactNode>,\n  {\n    locale = LOCALE,\n    format = {\n      style: 'long',\n      type: 'conjunction',\n    },\n  }: {\n    locale?: InternalLocale\n    format?: Intl.ListFormatOptions\n  } = {}\n) {\n  if (!Array.isArray(list)) {\n    return list\n  }\n\n  list = replaceRootFragment(list).filter(function (item) {\n    const isNan = typeof item === 'number' && isNaN(item)\n    return item !== undefined && item !== false && item !== null && !isNan\n  })\n\n  const buffer = new Map()\n  const hasJSX = list.some((v) => typeof v === 'object')\n  const shadow = list.map((v, i) => {\n    if (hasJSX) {\n      const id = `id-${i}`\n      buffer.set(id, v)\n      return `{${id}}`\n    }\n\n    return String(v)\n  })\n\n  try {\n    const formatter = new Intl.ListFormat(locale, format)\n    const formattedList = formatter.format(shadow)\n\n    if (hasJSX) {\n      return formattedList.split(/\\{(id-[0-9]+)\\}/).map((v, i) => {\n        if (v.startsWith('id-')) {\n          const element = buffer.get(v)\n\n          return element.key\n            ? element\n            : // Support lists without a key\n              React.createElement(React.Fragment, { key: i }, element)\n        }\n\n        return v\n      })\n    }\n\n    return formattedList\n  } catch (error) {\n    if (hasJSX) {\n      return list\n    }\n\n    return list.join(', ')\n  }\n}\n\nfunction replaceRootFragment(children) {\n  if (children?.type === Fragment) {\n    return React.Children.toArray(children?.props?.children)\n  }\n  if (Array.isArray(children)) {\n    const firstChild = children[0]\n    if (\n      React.Children.count(children) === 1 &&\n      firstChild?.type === Fragment\n    ) {\n      return React.Children.toArray(firstChild?.props?.children)\n    }\n    return children\n  }\n\n  return children\n}\n\nListFormat._supportsSpacingProps = true\n\nexport default ListFormat\n"],"mappings":"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"}

package/es/components/list-format/ListFormatDocs.d.ts

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

package/es/components/list-format/ListFormatDocs.js

@@ -0,0 +1,28 @@
+export const ListFormatProperties = {
+  value: {
+    doc: 'The value to format. Can be given as `children` instead.',
+    type: ['Array<React.ReactNode>'],
+    status: 'optional'
+  },
+  children: {
+    doc: 'The children to format.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  format: {
+    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',
+    type: 'Intl.ListFormatOptions',
+    status: 'optional'
+  },
+  variant: {
+    doc: 'Defines if the value should be displayed in list format, or regular text format on one line. Defaults to `text`',
+    type: ['ol', 'ul', 'text'],
+    status: 'optional'
+  },
+  listType: {
+    doc: 'Defines the type of list styling used for list variants. Used together with variant `ol` and `ul`. Variant `ol`: `a`, `A`, `i`, `I` and `1`. Variant `ul`: `circle`, `disc` and `square`. Defaults to `undefined`',
+    type: ['a', 'A', 'i', 'I', '1', 'circle', 'disc', 'square', 'unstyled', 'undefined'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=ListFormatDocs.js.map

package/es/components/list-format/ListFormatDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListFormatDocs.js","names":["ListFormatProperties","value","doc","type","status","children","format","variant","listType"],"sources":["../../../../src/components/list-format/ListFormatDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ListFormatProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The value to format. Can be given as `children` instead.',\n    type: ['Array<React.ReactNode>'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'The children to format.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  format: {\n    doc: 'Formatting options for the value. See the [Intl.ListFormat](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat) documentation.',\n    type: 'Intl.ListFormatOptions',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines if the value should be displayed in list format, or regular text format on one line. Defaults to `text`',\n    type: ['ol', 'ul', 'text'],\n    status: 'optional',\n  },\n  listType: {\n    doc: 'Defines the type of list styling used for list variants. Used together with variant `ol` and `ul`. Variant `ol`: `a`, `A`, `i`, `I` and `1`. Variant `ul`: `circle`, `disc` and `square`. Defaults to `undefined`',\n    type: [\n      'a',\n      'A',\n      'i',\n      'I',\n      '1',\n      'circle',\n      'disc',\n      'square',\n      'unstyled',\n      'undefined',\n    ],\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,KAAK,EAAE;IACLC,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,wBAAwB,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,yLAAyL;IAC9LC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,iHAAiH;IACtHC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,mNAAmN;IACxNC,IAAI,EAAE,CACJ,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,GAAG,EACH,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,UAAU,EACV,WAAW,CACZ;IACDC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/components/list-format/index.d.ts

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

package/es/components/list-format/index.js

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

package/es/components/list-format/index.js.map

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

package/es/components/number-format/NumberUtils.js

@@ -246,7 +246,7 @@ export const formatDecimals = (value, decimals, rounding, opts = {}) => {
 };
 export const countDecimals = (value, decimalSeparator = '.') => {
   var _String$split$;
-  if (Math.floor(value.valueOf()) === value.valueOf()) {
+  if (typeof value === 'number' && Math.floor(value.valueOf()) === value.valueOf()) {
     return 0;
   }
   return ((_String$split$ = String(value).split(decimalSeparator)[1]) === null || _String$split$ === void 0 ? void 0 : _String$split$.length) || 0;