@dnb/eufemia 10.75.2 → 10.75.4

package/cjs/components/form-row/FormRowDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormRowDocs.js","names":["FormRowProperties","exports","label","doc","type","status","label_direction","label_sr_only","direction","vertical","centered","wrap","responsive","section_style","section_spacing","no_fieldset","label_class","locale","disabled","skeleton"],"sources":["../../../../src/components/form-row/FormRowDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormRowProperties: PropertiesTableProps = {\n  label: {\n    doc: 'use either the `label` property or provide a custom one.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'use `label_direction=\"vertical\"` to change the label/legend layout direction. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  direction: {\n    doc: 'to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`',\n    type: 'boolean',\n    status: 'optional',\n  },\n  centered: {\n    doc: 'will center all children vertically as long as the screen does not hit a mobile width.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  wrap: {\n    doc: 'forces the content of a FormRow to wrap. Make sure you always define spacing as `right=\"...\"` and not `left`, this way components will align left once they wrap. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  responsive: {\n    doc: 'to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  section_style: {\n    doc: 'to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n    type: ['divider', 'white', 'transparent'],\n    status: 'optional',\n  },\n  section_spacing: {\n    doc: 'to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n    type: ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'],\n    status: 'optional',\n  },\n  no_fieldset: {\n    doc: 'if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` **is only used if a `label` is provided**. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label_class: {\n    doc: 'if you need to style the \"legend\", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.',\n    type: 'string',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Send along a different locale to all nested components.',\n    type: 'string',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',\n    type: 'boolean',\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}\n"],"mappings":";;;;;;AAEO,MAAMA,iBAAuC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACrDE,KAAK,EAAE;IACLC,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDE,aAAa,EAAE;IACbJ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,wLAAwL;IAC7LC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC;IACzCC,MAAM,EAAE;EACV,CAAC;EACDS,eAAe,EAAE;IACfX,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;IACpEC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,6NAA6N;IAClOC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,yKAAyK;IAC9KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,MAAM,EAAE;IACNd,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"FormRowDocs.js","names":["FormRowProperties","exports","label","doc","type","status","label_direction","label_sr_only","direction","vertical","centered","wrap","responsive","section_style","section_spacing","no_fieldset","label_class","locale","disabled","skeleton"],"sources":["../../../../src/components/form-row/FormRowDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const FormRowProperties: PropertiesTableProps = {\n  label: {\n    doc: 'use either the `label` property or provide a custom one.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: 'use `label_direction=\"vertical\"` to change the label/legend layout direction. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  label_sr_only: {\n    doc: 'use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  direction: {\n    doc: 'to define the layout direction on how the next component should be placed on. Can be either `vertical` or `horizontal`. Defaults to `horizontal`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'will force both `direction` and `label_direction` to be **vertical** if set to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  centered: {\n    doc: 'will center all children vertically as long as the screen does not hit a mobile width.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  wrap: {\n    doc: 'forces the content of a FormRow to wrap. Make sure you always define spacing as `right=\"...\"` and not `left`, this way components will align left once they wrap. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  responsive: {\n    doc: 'to force responsiveness on form components (like [Input](/uilib/components/input) and their labels ([FormLabel](/uilib/components/form-label)), set the property to `true`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  section_style: {\n    doc: 'to enable the visual helper `.dnb-section` class. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n    type: ['divider', 'white', 'transparent'],\n    status: 'optional',\n  },\n  section_spacing: {\n    doc: 'to modify the `spacing`. Use a supported modifier from the [Section component](/uilib/components/section/properties). Defaults to `null`.',\n    type: ['x-small', 'small', 'medium', 'large', 'x-large', 'xx-large'],\n    status: 'optional',\n  },\n  no_fieldset: {\n    doc: 'if set to `true`, then the internal `legend` element will be a `label` instead, and no `<fieldset>` is used. Keep in mind, that `<legend>` and `<fieldset>` **is only used if a `label` is provided**. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label_class: {\n    doc: 'if you need to style the \"legend\", then you can either send in a custom Component, like `label={ <H2> }`, or define your styling class with the `label_class` property.',\n    type: 'string',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Send along a different locale to all nested components.',\n    type: 'string',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, every component inside will be disabled. Defaults to `false`.',\n    type: 'boolean',\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}\n"],"mappings":";;;;;;AAEO,MAAMA,iBAAuC,GAAAC,OAAA,CAAAD,iBAAA,GAAG;EACrDE,KAAK,EAAE;IACLC,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfH,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDE,aAAa,EAAE;IACbJ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,wLAAwL;IAC7LC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,kMAAkM;IACvMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,aAAa,EAAE;IACbV,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC;IACzCC,MAAM,EAAE;EACV,CAAC;EACDS,eAAe,EAAE;IACfX,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;IACpEC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,6NAA6N;IAClOC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,yKAAyK;IAC9KC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,MAAM,EAAE;IACNd,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -70,7 +70,6 @@
 
 .dnb-multi-input-mask {
   width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input,

package/cjs/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-input-masked--hide-controls[type=number]::-webkit-inner-spin-button,.dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dnb-input-masked--hide-controls[type=number]{-webkit-appearance:textfield;appearance:textfield}.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__bottom]){margin-bottom:0}.dnb-multi-input-mask__fieldset:not([class*=space__left]){margin-left:0}.dnb-multi-input-mask__fieldset:not([class*=space__right]){margin-right: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:-webkit-fit-content;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-input-masked--hide-controls[type=number]::-webkit-inner-spin-button,.dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.dnb-input-masked--hide-controls[type=number]{-webkit-appearance:textfield;appearance:textfield}.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__bottom]){margin-bottom:0}.dnb-multi-input-mask__fieldset:not([class*=space__left]){margin-left:0}.dnb-multi-input-mask__fieldset:not([class*=space__right]){margin-right: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:-webkit-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/cjs/components/list-format/ListFormatDocs.js

@@ -35,12 +35,12 @@ const ListFormatProperties = exports.ListFormatProperties = _objectSpread({
     status: 'optional'
   },
   variant: {
-    doc: 'Defines if the value should be displayed in list format (`ol`, `ul`) or regular text format in one line. Defaults to `text`',
+    doc: 'Defines if the value should be displayed in list format (`ol`, `ul`) or regular text format in 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`',
+    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'
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ListFormatDocs.js","names":["_UlDocs","require","_OlDocs","_objectWithoutProperties","e","t","o","r","i","_objectWithoutPropertiesLoose","Object","getOwnPropertySymbols","n","length","indexOf","propertyIsEnumerable","call","hasOwnProperty","ownKeys","keys","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","ListProperties","UlProperties","OlProperties","children","ListPropertiesWithoutChildren","ListFormatProperties","exports","doc","type","status","format","variant","listType"],"sources":["../../../../src/components/list-format/ListFormatDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { UlProperties } from './../../elements/lists/UlDocs'\nimport { OlProperties } from './../../elements/lists/OlDocs'\n\nconst ListProperties = { ...UlProperties, ...OlProperties }\nconst { children, ...ListPropertiesWithoutChildren } = ListProperties\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 when variant is `text`. 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 (`ol`, `ul`) or regular text format in 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  ...ListPropertiesWithoutChildren,\n}\n"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAA4D,SAAAE,yBAAAC,CAAA,EAAAC,CAAA,gBAAAD,CAAA,iBAAAE,CAAA,EAAAC,CAAA,EAAAC,CAAA,GAAAC,6BAAA,CAAAL,CAAA,EAAAC,CAAA,OAAAK,MAAA,CAAAC,qBAAA,QAAAC,CAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAP,CAAA,QAAAG,CAAA,MAAAA,CAAA,GAAAK,CAAA,CAAAC,MAAA,EAAAN,CAAA,IAAAD,CAAA,GAAAM,CAAA,CAAAL,CAAA,UAAAF,CAAA,CAAAS,OAAA,CAAAR,CAAA,QAAAS,oBAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAE,CAAA,MAAAE,CAAA,CAAAF,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAE,CAAA;AAAA,SAAAC,8BAAAF,CAAA,EAAAH,CAAA,gBAAAG,CAAA,iBAAAF,CAAA,gBAAAO,CAAA,IAAAL,CAAA,SAAAU,cAAA,CAAAD,IAAA,CAAAT,CAAA,EAAAK,CAAA,gBAAAR,CAAA,CAAAU,OAAA,CAAAF,CAAA,aAAAP,CAAA,CAAAO,CAAA,IAAAL,CAAA,CAAAK,CAAA,YAAAP,CAAA;AAAA,SAAAa,QAAAd,CAAA,EAAAG,CAAA,QAAAF,CAAA,GAAAK,MAAA,CAAAS,IAAA,CAAAf,CAAA,OAAAM,MAAA,CAAAC,qBAAA,QAAAL,CAAA,GAAAI,MAAA,CAAAC,qBAAA,CAAAP,CAAA,GAAAG,CAAA,KAAAD,CAAA,GAAAA,CAAA,CAAAc,MAAA,WAAAb,CAAA,WAAAG,MAAA,CAAAW,wBAAA,CAAAjB,CAAA,EAAAG,CAAA,EAAAe,UAAA,OAAAjB,CAAA,CAAAkB,IAAA,CAAAC,KAAA,CAAAnB,CAAA,EAAAC,CAAA,YAAAD,CAAA;AAAA,SAAAoB,cAAArB,CAAA,aAAAG,CAAA,MAAAA,CAAA,GAAAmB,SAAA,CAAAb,MAAA,EAAAN,CAAA,UAAAF,CAAA,WAAAqB,SAAA,CAAAnB,CAAA,IAAAmB,SAAA,CAAAnB,CAAA,QAAAA,CAAA,OAAAW,OAAA,CAAAR,MAAA,CAAAL,CAAA,OAAAsB,OAAA,WAAApB,CAAA,IAAAqB,eAAA,CAAAxB,CAAA,EAAAG,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAG,MAAA,CAAAmB,yBAAA,GAAAnB,MAAA,CAAAoB,gBAAA,CAAA1B,CAAA,EAAAM,MAAA,CAAAmB,yBAAA,CAAAxB,CAAA,KAAAa,OAAA,CAAAR,MAAA,CAAAL,CAAA,GAAAsB,OAAA,WAAApB,CAAA,IAAAG,MAAA,CAAAqB,cAAA,CAAA3B,CAAA,EAAAG,CAAA,EAAAG,MAAA,CAAAW,wBAAA,CAAAhB,CAAA,EAAAE,CAAA,iBAAAH,CAAA;AAAA,SAAAwB,gBAAAxB,CAAA,EAAAG,CAAA,EAAAF,CAAA,YAAAE,CAAA,GAAAyB,cAAA,CAAAzB,CAAA,MAAAH,CAAA,GAAAM,MAAA,CAAAqB,cAAA,CAAA3B,CAAA,EAAAG,CAAA,IAAA0B,KAAA,EAAA5B,CAAA,EAAAiB,UAAA,MAAAY,YAAA,MAAAC,QAAA,UAAA/B,CAAA,CAAAG,CAAA,IAAAF,CAAA,EAAAD,CAAA;AAAA,SAAA4B,eAAA3B,CAAA,QAAAG,CAAA,GAAA4B,YAAA,CAAA/B,CAAA,uCAAAG,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAA4B,aAAA/B,CAAA,EAAAE,CAAA,2BAAAF,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAD,CAAA,GAAAC,CAAA,CAAAgC,MAAA,CAAAC,WAAA,kBAAAlC,CAAA,QAAAI,CAAA,GAAAJ,CAAA,CAAAY,IAAA,CAAAX,CAAA,EAAAE,CAAA,uCAAAC,CAAA,SAAAA,CAAA,YAAA+B,SAAA,yEAAAhC,CAAA,GAAAiC,MAAA,GAAAC,MAAA,EAAApC,CAAA;AAE5D,MAAMqC,cAAc,GAAAjB,aAAA,CAAAA,aAAA,KAAQkB,oBAAY,GAAKC,oBAAY,CAAE;AAC3D,MAAM;IAAEC;EAA2C,CAAC,GAAGH,cAAc;EAAhDI,6BAA6B,GAAA3C,wBAAA,CAAKuC,cAAc;AAE9D,MAAMK,oBAA0C,GAAAC,OAAA,CAAAD,oBAAA,GAAAtB,aAAA;EACrDQ,KAAK,EAAE;IACLgB,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,wBAAwB,CAAC;IAChCC,MAAM,EAAE;EACV,CAAC;EACDN,QAAQ,EAAE;IACRI,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,GAAG,EAAE,gNAAgN;IACrNC,IAAI,EAAE,wBAAwB;IAC9BC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,6HAA6H;IAClIC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC;IAC1BC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,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;AAAC,GACEL,6BAA6B,CACjC","ignoreList":[]}
+{"version":3,"file":"ListFormatDocs.js","names":["_UlDocs","require","_OlDocs","_objectWithoutProperties","e","t","o","r","i","_objectWithoutPropertiesLoose","Object","getOwnPropertySymbols","n","length","indexOf","propertyIsEnumerable","call","hasOwnProperty","ownKeys","keys","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","ListProperties","UlProperties","OlProperties","children","ListPropertiesWithoutChildren","ListFormatProperties","exports","doc","type","status","format","variant","listType"],"sources":["../../../../src/components/list-format/ListFormatDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { UlProperties } from './../../elements/lists/UlDocs'\nimport { OlProperties } from './../../elements/lists/OlDocs'\n\nconst ListProperties = { ...UlProperties, ...OlProperties }\nconst { children, ...ListPropertiesWithoutChildren } = ListProperties\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 when variant is `text`. 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 (`ol`, `ul`) or regular text format in 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  ...ListPropertiesWithoutChildren,\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/modal/style/dnb-modal.css

@@ -195,8 +195,4 @@ html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-}
-
-[data-visual-test].hide-page-content #___gatsby {
-  opacity: 0;
 }

package/cjs/components/modal/style/dnb-modal.min.css

@@ -1 +1 @@
-@keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}:root{--modal-z-index:3000;--modal-animation-duration:300ms}html[data-dnb-modal-active]{user-select:none;-webkit-user-select:none}#dnb-modal-root{left:0;position:absolute;top:0}.dnb-modal__content{align-items:center;display:flex;height:100%;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;user-select:none;-webkit-user-select:none;width:100%;z-index:calc(var(--modal-z-index) + 1)}@media screen and (max-width:40em){.dnb-modal__content--auto-fullscreen{height:auto}}.dnb-modal__content--fullscreen{align-items:flex-start;justify-content:flex-start}.dnb-modal__content--fullscreen .dnb-modal__content__content{height:auto}.dnb-modal__content--left,.dnb-modal__content--top{align-items:flex-start;justify-content:flex-start}.dnb-modal__content--right{align-items:flex-start;justify-content:flex-end}.dnb-modal__content--bottom{align-items:flex-end;justify-content:flex-start}.dnb-modal__vertical-alignment--top{align-items:flex-start;padding-top:5vh}.dnb-modal__overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--modal-z-index)}.dnb-modal-root__inner .dnb-modal__overlay{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.dnb-modal-root__inner:last-of-type .dnb-modal__overlay{animation:show-modal-overlay var(--modal-animation-duration) ease-out}.dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.dnb-modal__overlay--no-animation,html[data-visual-test] .dnb-modal__overlay{animation-delay:0ms!important;animation-duration:0ms!important}.dnb-modal-root__inner{position:relative;z-index:calc(var(--modal-z-index) + 1)}.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 2)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 3)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 4)}.dnb-modal__close-button{z-index:calc(var(--modal-z-index) + 1)}.dnb-modal__header__bar.dnb-section{display:flex;flex-direction:row;justify-content:space-between}[data-visual-test].hide-page-content #___gatsby{opacity:0}
+@keyframes show-modal{0%{opacity:.1;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes hide-modal{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,1rem,0)}}@keyframes show-drawer{to{opacity:1;transform:translateZ(0)}}@keyframes hide-drawer-left{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-20rem,0,0)}}@keyframes hide-drawer-top{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20rem,0)}}@keyframes hide-drawer-bottom{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,20rem,0)}}@keyframes hide-drawer-right{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(20rem,0,0)}}@keyframes show-modal-overlay{0%{opacity:0}to{opacity:1}}@keyframes hide-modal-overlay{0%{opacity:1}to{opacity:0}}:root{--modal-z-index:3000;--modal-animation-duration:300ms}html[data-dnb-modal-active]{user-select:none;-webkit-user-select:none}#dnb-modal-root{left:0;position:absolute;top:0}.dnb-modal__content{align-items:center;display:flex;height:100%;justify-content:center;left:0;max-width:100vw;position:fixed;top:0;user-select:none;-webkit-user-select:none;width:100%;z-index:calc(var(--modal-z-index) + 1)}@media screen and (max-width:40em){.dnb-modal__content--auto-fullscreen{height:auto}}.dnb-modal__content--fullscreen{align-items:flex-start;justify-content:flex-start}.dnb-modal__content--fullscreen .dnb-modal__content__content{height:auto}.dnb-modal__content--left,.dnb-modal__content--top{align-items:flex-start;justify-content:flex-start}.dnb-modal__content--right{align-items:flex-start;justify-content:flex-end}.dnb-modal__content--bottom{align-items:flex-end;justify-content:flex-start}.dnb-modal__vertical-alignment--top{align-items:flex-start;padding-top:5vh}.dnb-modal__overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--modal-z-index)}.dnb-modal-root__inner .dnb-modal__overlay{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.dnb-modal-root__inner:last-of-type .dnb-modal__overlay{animation:show-modal-overlay var(--modal-animation-duration) ease-out}.dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide{animation:hide-modal-overlay var(--modal-animation-duration) ease-out forwards}.dnb-modal__overlay--no-animation,html[data-visual-test] .dnb-modal__overlay{animation-delay:0ms!important;animation-duration:0ms!important}.dnb-modal-root__inner{position:relative;z-index:calc(var(--modal-z-index) + 1)}.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 2)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 3)}.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner~.dnb-modal-root__inner{z-index:calc(var(--modal-z-index) + 4)}.dnb-modal__close-button{z-index:calc(var(--modal-z-index) + 1)}.dnb-modal__header__bar.dnb-section{display:flex;flex-direction:row;justify-content:space-between}

package/cjs/components/modal/style/dnb-modal.scss

@@ -135,8 +135,3 @@ html[data-dnb-modal-active] {
     }
   }
 }
-
-[data-visual-test].hide-page-content #___gatsby {
-  // NB: visibility: hidden; does not work here, because puppeteer does not find the selectors anymore
-  opacity: 0;
-}

package/cjs/components/pagination/PaginationDocs.js

@@ -16,7 +16,7 @@ const PaginationProperties = exports.PaginationProperties = {
     status: 'optional'
   },
   children: {
-    doc: 'the given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section. ',
+    doc: 'the given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.',
     type: ['React.ReactNode', 'function'],
     status: 'optional'
   },
@@ -96,7 +96,7 @@ const PaginationProperties = exports.PaginationProperties = {
     status: 'optional'
   },
   set_content_handler: {
-    doc: 'callback function to get the `setContent` handler from the current pagination instance. e.g. `set_content_handler={fn => (...)}`. Use this handler to insert content during infinity mode. ',
+    doc: 'callback function to get the `setContent` handler from the current pagination instance. e.g. `set_content_handler={fn => (...)}`. Use this handler to insert content during infinity mode.',
     type: 'function',
     status: 'optional'
   },

package/cjs/components/pagination/PaginationDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationDocs.js","names":["PaginationProperties","exports","mode","doc","type","status","paginationBarLayout","children","align","startup_page","current_page","page_count","startup_count","parallel_load_count","min_wait_time","place_maker_before_content","place_marker_before_content","use_load_button","hide_progress_indicator","page_element","fallback_element","indicator_element","marker_element","set_content_handler","reset_content_handler","reset_pagination_handler","end_infinity_handler","button_title","next_title","prev_title","more_pages","is_loading_text","barSpace","load_button_text","loadButton","disabled","skeleton","PaginationEvents","on_change","on_startup","on_load","on_end"],"sources":["../../../../src/components/pagination/PaginationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const PaginationProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'if set to `infinity`, then the pagination bar will be now shown and but infinity scrolling will do the content presentation. For more information, check out the [Infinity Scroller](/uilib/components/pagination/infinity-scroller). Defaults to `pagination`.',\n    type: ['pagination', 'infinity'],\n    status: 'optional',\n  },\n  paginationBarLayout: {\n    doc: 'The layout of the pagination bar. Defaults to `vertical`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'the given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section. ',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  align: {\n    doc: 'define the alignment of the pagination button bar. Can be `center`, `left` or `right`. Defaults to `left`.',\n    type: ['left', 'center', 'right'],\n    status: 'optional',\n  },\n  startup_page: {\n    doc: 'the page shown in the very beginning. If `current_page` is set, then it may not make too much sense to set this as well.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  current_page: {\n    doc: 'the page shown at the moment the component renders. Defaults to `1`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  page_count: {\n    doc: 'the total pages count. Defaults to `1`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  startup_count: {\n    doc: 'defines how many `infinity` pages should be loaded / shown on the first render. Defaults to `1`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  parallel_load_count: {\n    doc: 'defines how many `infinity` pages should be loaded / shown once the user scrolls down. Defaults to `1`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  min_wait_time: {\n    doc: 'the minimum time to wait, if the infinity scroll was invoked under that time threshold. This prevents not intentional infinity scroll loop calls. Defaults to `400` milliseconds.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  place_maker_before_content: {\n    doc: 'if set to `true`, the infinity marker will be placed before the content (on top off). This could potentially have negative side effects. But it depends really on the content if this would make more sense to use instead. Defaults to `false`. This prop is deprecated and will be removed in v11, use `place_marker_before_content` instead.',\n    type: 'boolean',\n    status: 'deprecated',\n  },\n  place_marker_before_content: {\n    doc: 'if set to `true`, the infinity marker will be placed before the content (on top off). This could potentially have negative side effects. But it depends really on the content if this would make more sense to use instead. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  use_load_button: {\n    doc: 'if set to `true` it will disable the automated infinity scrolling, but shows a load more button at the of the content instead.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hide_progress_indicator: {\n    doc: 'if set to `true` no indicator will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  page_element: {\n    doc: 'by default a `<div>` is used. Set it to any element you have to use. Adds also a class: `dnb-pagination__page` shown.',\n    type: ['string', 'object', 'React.ReactNode'],\n    status: 'optional',\n  },\n  fallback_element: {\n    doc: '(infinity mode) is used by the _indicator_, _load more_ bar as well as by the marker. Defaults to a `div`.',\n    type: ['string', 'object', 'React.ReactNode'],\n    status: 'optional',\n  },\n  indicator_element: {\n    doc: '(infinity mode) is used by the _indicator_. Falls back to `fallback_element` if not defined.',\n    type: ['string', 'object', 'React.ReactNode'],\n    status: 'optional',\n  },\n  marker_element: {\n    doc: '(infinity mode) is used by the internal marker. Falls back to `fallback_element` if not defined.',\n    type: ['string', 'object', 'React.ReactNode'],\n    status: 'optional',\n  },\n  set_content_handler: {\n    doc: 'callback function to get the `setContent` handler from the current pagination instance. e.g. `set_content_handler={fn => (...)}`. Use this handler to insert content during infinity mode. ',\n    type: 'function',\n    status: 'optional',\n  },\n  reset_content_handler: {\n    doc: 'callback function to get the `resetContent` handler from the current pagination instance. e.g. `reset_content_handler={fn => (...)}`. Use this handler to reset all the content. You can set it to `true`, to programmatically reset the content.',\n    type: 'function',\n    status: 'optional',\n  },\n  reset_pagination_handler: {\n    doc: 'callback function to get the `resetInfinity` handler from the current pagination instance. e.g. `reset_pagination_handler={fn => (...)}`. Use this handler to reset all the internal states. You can set it to `true`, to programmatically reset the states.',\n    type: 'function',\n    status: 'optional',\n  },\n  end_infinity_handler: {\n    doc: 'callback function to get the `endInfinity` handler from the current pagination instance. e.g. `end_infinity_handler={fn => (...)}`. Use this handler to end the infinity scrolling procedure, in case the `page_count` is unknown.',\n    type: 'function',\n    status: 'optional',\n  },\n  button_title: {\n    doc: 'The title used in every button shown in the bar. Defaults to `Side %s`.',\n    type: 'string',\n    status: 'optional',\n  },\n  next_title: {\n    doc: 'The title used in the next page button. Defaults to `Neste side`.',\n    type: 'string',\n    status: 'optional',\n  },\n  prev_title: {\n    doc: 'The title used in the previous page button. Defaults to `Forrige side`.',\n    type: 'string',\n    status: 'optional',\n  },\n  more_pages: {\n    doc: 'The title used in the dots. Relevant for screen readers. Defaults to `%s flere sider`.',\n    type: 'string',\n    status: 'optional',\n  },\n  is_loading_text: {\n    doc: 'Shown until new content is inserted in to the page. Defaults to `Laster nytt innhold`.',\n    type: 'string',\n    status: 'optional',\n  },\n  barSpace: {\n    doc: 'Used to set spacing for the pagination bar. Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`. See property [space](/uilib/layout/space/properties).',\n    type: 'Various',\n    status: 'optional',\n  },\n  load_button_text: {\n    doc: 'Used during infinity mode. If `use_load_button` is set to `true`, then a button is show on the bottom. If the `startup_page` is higher than 1. Defaults to `Vis mer innhold`.',\n    type: 'string',\n    status: 'optional',\n  },\n  loadButton: {\n    doc: 'Used to set load button text and icon alignment. Accepts a function returning a ReactNode too, so you can replace the button with your own component.',\n    type: 'Various',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, all pagination bar buttons are disabled.',\n    type: 'boolean',\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}\n\nexport const PaginationEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called for every page change, regardless if the mode is `mode=\"infinity\"` or not. Returns an object with number of useful properties and methods. See below for more details.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_startup: {\n    doc: 'Only on **infinity** mode. Will be called once the component is ready for interaction. Returns an object with number of useful properties and methods. See below for more details. **NB:** Will be called again as soon as we reset the content by calling `resetContent()`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_load: {\n    doc: 'Only on **infinity** mode. Will be called on every page interaction, also on the very first interaction. Returns an object with number of useful properties and methods. See below for more details.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_end: {\n    doc: 'Only on **infinity** mode. Will be called once `page_count` is reached or `endInfinity` was called.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PaginationDocs.js","names":["PaginationProperties","exports","mode","doc","type","status","paginationBarLayout","children","align","startup_page","current_page","page_count","startup_count","parallel_load_count","min_wait_time","place_maker_before_content","place_marker_before_content","use_load_button","hide_progress_indicator","page_element","fallback_element","indicator_element","marker_element","set_content_handler","reset_content_handler","reset_pagination_handler","end_infinity_handler","button_title","next_title","prev_title","more_pages","is_loading_text","barSpace","load_button_text","loadButton","disabled","skeleton","PaginationEvents","on_change","on_startup","on_load","on_end"],"sources":["../../../../src/components/pagination/PaginationDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const PaginationProperties: PropertiesTableProps = {\n  mode: {\n    doc: 'if set to `infinity`, then the pagination bar will be now shown and but infinity scrolling will do the content presentation. For more information, check out the [Infinity Scroller](/uilib/components/pagination/infinity-scroller). Defaults to `pagination`.',\n    type: ['pagination', 'infinity'],\n    status: 'optional',\n  },\n  paginationBarLayout: {\n    doc: 'The layout of the pagination bar. Defaults to `vertical`.',\n    type: ['vertical', 'horizontal'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'the given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  align: {\n    doc: 'define the alignment of the pagination button bar. Can be `center`, `left` or `right`. Defaults to `left`.',\n    type: ['left', 'center', 'right'],\n    status: 'optional',\n  },\n  startup_page: {\n    doc: 'the page shown in the very beginning. If `current_page` is set, then it may not make too much sense to set this as well.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  current_page: {\n    doc: 'the page shown at the moment the component renders. Defaults to `1`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  page_count: {\n    doc: 'the total pages count. Defaults to `1`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  startup_count: {\n    doc: 'defines how many `infinity` pages should be loaded / shown on the first render. Defaults to `1`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  parallel_load_count: {\n    doc: 'defines how many `infinity` pages should be loaded / shown once the user scrolls down. Defaults to `1`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  min_wait_time: {\n    doc: 'the minimum time to wait, if the infinity scroll was invoked under that time threshold. This prevents not intentional infinity scroll loop calls. Defaults to `400` milliseconds.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  place_maker_before_content: {\n    doc: 'if set to `true`, the infinity marker will be placed before the content (on top off). This could potentially have negative side effects. But it depends really on the content if this would make more sense to use instead. Defaults to `false`. This prop is deprecated and will be removed in v11, use `place_marker_before_content` instead.',\n    type: 'boolean',\n    status: 'deprecated',\n  },\n  place_marker_before_content: {\n    doc: 'if set to `true`, the infinity marker will be placed before the content (on top off). This could potentially have negative side effects. But it depends really on the content if this would make more sense to use instead. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  use_load_button: {\n    doc: 'if set to `true` it will disable the automated infinity scrolling, but shows a load more button at the of the content instead.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hide_progress_indicator: {\n    doc: 'if set to `true` no indicator will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  page_element: {\n    doc: 'by default a `<div>` is used. Set it to any element you have to use. Adds also a class: `dnb-pagination__page` shown.',\n    type: ['string', 'object', 'React.ReactNode'],\n    status: 'optional',\n  },\n  fallback_element: {\n    doc: '(infinity mode) is used by the _indicator_, _load more_ bar as well as by the marker. Defaults to a `div`.',\n    type: ['string', 'object', 'React.ReactNode'],\n    status: 'optional',\n  },\n  indicator_element: {\n    doc: '(infinity mode) is used by the _indicator_. Falls back to `fallback_element` if not defined.',\n    type: ['string', 'object', 'React.ReactNode'],\n    status: 'optional',\n  },\n  marker_element: {\n    doc: '(infinity mode) is used by the internal marker. Falls back to `fallback_element` if not defined.',\n    type: ['string', 'object', 'React.ReactNode'],\n    status: 'optional',\n  },\n  set_content_handler: {\n    doc: 'callback function to get the `setContent` handler from the current pagination instance. e.g. `set_content_handler={fn => (...)}`. Use this handler to insert content during infinity mode.',\n    type: 'function',\n    status: 'optional',\n  },\n  reset_content_handler: {\n    doc: 'callback function to get the `resetContent` handler from the current pagination instance. e.g. `reset_content_handler={fn => (...)}`. Use this handler to reset all the content. You can set it to `true`, to programmatically reset the content.',\n    type: 'function',\n    status: 'optional',\n  },\n  reset_pagination_handler: {\n    doc: 'callback function to get the `resetInfinity` handler from the current pagination instance. e.g. `reset_pagination_handler={fn => (...)}`. Use this handler to reset all the internal states. You can set it to `true`, to programmatically reset the states.',\n    type: 'function',\n    status: 'optional',\n  },\n  end_infinity_handler: {\n    doc: 'callback function to get the `endInfinity` handler from the current pagination instance. e.g. `end_infinity_handler={fn => (...)}`. Use this handler to end the infinity scrolling procedure, in case the `page_count` is unknown.',\n    type: 'function',\n    status: 'optional',\n  },\n  button_title: {\n    doc: 'The title used in every button shown in the bar. Defaults to `Side %s`.',\n    type: 'string',\n    status: 'optional',\n  },\n  next_title: {\n    doc: 'The title used in the next page button. Defaults to `Neste side`.',\n    type: 'string',\n    status: 'optional',\n  },\n  prev_title: {\n    doc: 'The title used in the previous page button. Defaults to `Forrige side`.',\n    type: 'string',\n    status: 'optional',\n  },\n  more_pages: {\n    doc: 'The title used in the dots. Relevant for screen readers. Defaults to `%s flere sider`.',\n    type: 'string',\n    status: 'optional',\n  },\n  is_loading_text: {\n    doc: 'Shown until new content is inserted in to the page. Defaults to `Laster nytt innhold`.',\n    type: 'string',\n    status: 'optional',\n  },\n  barSpace: {\n    doc: 'Used to set spacing for the pagination bar. Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`. See property [space](/uilib/layout/space/properties).',\n    type: 'Various',\n    status: 'optional',\n  },\n  load_button_text: {\n    doc: 'Used during infinity mode. If `use_load_button` is set to `true`, then a button is show on the bottom. If the `startup_page` is higher than 1. Defaults to `Vis mer innhold`.',\n    type: 'string',\n    status: 'optional',\n  },\n  loadButton: {\n    doc: 'Used to set load button text and icon alignment. Accepts a function returning a ReactNode too, so you can replace the button with your own component.',\n    type: 'Various',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'if set to `true`, all pagination bar buttons are disabled.',\n    type: 'boolean',\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}\n\nexport const PaginationEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called for every page change, regardless if the mode is `mode=\"infinity\"` or not. Returns an object with number of useful properties and methods. See below for more details.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_startup: {\n    doc: 'Only on **infinity** mode. Will be called once the component is ready for interaction. Returns an object with number of useful properties and methods. See below for more details. **NB:** Will be called again as soon as we reset the content by calling `resetContent()`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_load: {\n    doc: 'Only on **infinity** mode. Will be called on every page interaction, also on the very first interaction. Returns an object with number of useful properties and methods. See below for more details.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_end: {\n    doc: 'Only on **infinity** mode. Will be called once `page_count` is reached or `endInfinity` was called.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/slider/SliderDocs.js

@@ -66,7 +66,7 @@ const SliderProperties = exports.SliderProperties = {
     status: 'optional'
   },
   numberFormat: {
-    doc: 'Will extend the return object with a `number` property (from `onChange` event). You can use all the options from the [NumberFormat](/uilib/components/number-format/properties) component. It also will use that formatted number in the increase/decrease buttons. If it has to represent a currency, then use e.g. `numberFormat={{ currency: true, decimals: 0 }}`',
+    doc: 'Will extend the return object with a `number` property (from `onChange` event). You can use all the options from the [NumberFormat](/uilib/components/number-format/properties) component. It also will use that formatted number in the increase/decrease buttons. If it has to represent a currency, then use e.g. `numberFormat={{ currency: true, decimals: 0 }}`.',
     type: 'object',
     status: 'optional'
   },

package/cjs/components/slider/SliderDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderDocs.js","names":["SliderProperties","exports","value","doc","type","status","min","max","step","vertical","reverse","stretch","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","label","labelDirection","labelSrOnly","statusState","statusProps","globalStatusId","suffix","skeleton","extensions","SliderEvents","onChange","onDragStart","onDragEnd"],"sources":["../../../../src/components/slider/SliderDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SliderProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The `value` of the slider as a number or an array. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multiple thumbs).',\n    type: ['number', 'Array<number>'],\n    status: 'required',\n  },\n  min: {\n    doc: 'The minimum value. Can be a negative number as well. Defaults to `0`.',\n    type: 'number',\n    status: 'optional',\n  },\n  max: {\n    doc: 'The maximum value. Defaults to `100`.',\n    type: 'number',\n    status: 'optional',\n  },\n  step: {\n    doc: 'The steps the slider takes on changing the value. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'Show the slider vertically. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  reverse: {\n    doc: 'Show the slider reversed. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the slider will be 100% in `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideButtons: {\n    doc: 'Removes the helper buttons. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  multiThumbBehavior: {\n    doc: 'Use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`.',\n    type: 'string',\n    status: 'optional',\n  },\n  thumbTitle: {\n    doc: 'Give the slider thumb button a title for accessibility reasons. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  subtractTitle: {\n    doc: 'Give the subtract button a title for accessibility reasons. Defaults to `Decrease (%s)`.',\n    type: 'string',\n    status: 'optional',\n  },\n  addTitle: {\n    doc: 'Give the add button a title for accessibility reasons. Defaults to `Increase (%s)`.',\n    type: 'string',\n    status: 'optional',\n  },\n  numberFormat: {\n    doc: 'Will extend the return object with a `number` property (from `onChange` event). You can use all the options from the [NumberFormat](/uilib/components/number-format/properties) component. It also will use that formatted number in the increase/decrease buttons. If it has to represent a currency, then use e.g. `numberFormat={{ currency: true, decimals: 0 }}`',\n    type: 'object',\n    status: 'optional',\n  },\n  tooltip: {\n    doc: 'Use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  alwaysShowTooltip: {\n    doc: 'Use `true` to always show the tooltip, in addition to the `tooltip` property.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelDirection: {\n    doc: 'Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatusId: {\n    doc: 'The `status_id` used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component.',\n    type: 'string',\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  extensions: {\n    doc: 'Makes it possible to display overlays with other functionality such as a marker on the slider marking a given value.',\n    type: 'object',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const SliderEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDragStart: {\n    doc: 'will be called once the user stops dragging. Returns `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDragEnd: {\n    doc: 'will be called once the user starts dragging. Returns `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SliderDocs.js","names":["SliderProperties","exports","value","doc","type","status","min","max","step","vertical","reverse","stretch","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","label","labelDirection","labelSrOnly","statusState","statusProps","globalStatusId","suffix","skeleton","extensions","SliderEvents","onChange","onDragStart","onDragEnd"],"sources":["../../../../src/components/slider/SliderDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SliderProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The `value` of the slider as a number or an array. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multiple thumbs).',\n    type: ['number', 'Array<number>'],\n    status: 'required',\n  },\n  min: {\n    doc: 'The minimum value. Can be a negative number as well. Defaults to `0`.',\n    type: 'number',\n    status: 'optional',\n  },\n  max: {\n    doc: 'The maximum value. Defaults to `100`.',\n    type: 'number',\n    status: 'optional',\n  },\n  step: {\n    doc: 'The steps the slider takes on changing the value. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'Show the slider vertically. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  reverse: {\n    doc: 'Show the slider reversed. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the slider will be 100% in `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideButtons: {\n    doc: 'Removes the helper buttons. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  multiThumbBehavior: {\n    doc: 'Use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`.',\n    type: 'string',\n    status: 'optional',\n  },\n  thumbTitle: {\n    doc: 'Give the slider thumb button a title for accessibility reasons. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  subtractTitle: {\n    doc: 'Give the subtract button a title for accessibility reasons. Defaults to `Decrease (%s)`.',\n    type: 'string',\n    status: 'optional',\n  },\n  addTitle: {\n    doc: 'Give the add button a title for accessibility reasons. Defaults to `Increase (%s)`.',\n    type: 'string',\n    status: 'optional',\n  },\n  numberFormat: {\n    doc: 'Will extend the return object with a `number` property (from `onChange` event). You can use all the options from the [NumberFormat](/uilib/components/number-format/properties) component. It also will use that formatted number in the increase/decrease buttons. If it has to represent a currency, then use e.g. `numberFormat={{ currency: true, decimals: 0 }}`.',\n    type: 'object',\n    status: 'optional',\n  },\n  tooltip: {\n    doc: 'Use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  alwaysShowTooltip: {\n    doc: 'Use `true` to always show the tooltip, in addition to the `tooltip` property.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelDirection: {\n    doc: 'Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatusId: {\n    doc: 'The `status_id` used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component.',\n    type: 'string',\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  extensions: {\n    doc: 'Makes it possible to display overlays with other functionality such as a marker on the slider marking a given value.',\n    type: 'object',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const SliderEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDragStart: {\n    doc: 'will be called once the user stops dragging. Returns `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDragEnd: {\n    doc: 'will be called once the user starts dragging. Returns `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -46,12 +46,12 @@ const StepIndicatorProperties = exports.StepIndicatorProperties = {
     status: 'optional'
   },
   outset: {
-    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `false`',
+    doc: 'Same as `outset` in [Card](/uilib/components/card/properties). Defaults to `false`.',
     type: 'boolean',
     status: 'optional'
   },
   status: {
-    doc: 'Text for status shown below the step indicator when it is not expanded. Defaults to `undefined`',
+    doc: 'Text for status shown below the step indicator when it is not expanded. Defaults to `undefined`.',
     type: 'string',
     status: 'optional'
   },
@@ -88,12 +88,12 @@ const StepIndicatorProperties = exports.StepIndicatorProperties = {
 };
 const StepIndicatorEvents = exports.StepIndicatorEvents = {
   on_click: {
-    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 }`',
+    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 }`.',
     type: 'function',
     status: 'optional'
   },
   on_change: {
-    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 }`',
+    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 }`.',
     type: 'function',
     status: 'optional'
   }

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorDocs.js","names":["StepIndicatorProperties","exports","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","exports","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":[]}

package/cjs/components/timeline/TimelineItem.js

@@ -15,7 +15,8 @@ var _calendar = _interopRequireDefault(require("../../icons/calendar"));
 var _pin = _interopRequireDefault(require("../../icons/pin"));
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _componentHelper = require("../../shared/component-helper");
-var _span;
+var _AlignmentHelper2 = _interopRequireDefault(require("../../shared/AlignmentHelper"));
+var _AlignmentHelper;
 const _excluded = ["icon", "iconAlt", "title", "subtitle", "infoMessage", "state", "skeleton"],
   _excluded2 = ["title"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -101,10 +102,9 @@ const TimelineItemIcon = _ref2 => {
   const currentAltLabel = iconAlt || labels[state];
   return _react.default.createElement("span", {
     className: "dnb-timeline__item__label__icon"
-  }, _span || (_span = _react.default.createElement("span", {
-    key: "icon-alignment",
-    "aria-hidden": true
-  }, "\u200C")), !skeleton && currentIcon && _react.default.createElement(_IconPrimary.default, {
+  }, _AlignmentHelper || (_AlignmentHelper = _react.default.createElement(_AlignmentHelper2.default, {
+    pseudoElementOnly: true
+  })), !skeleton && currentIcon && _react.default.createElement(_IconPrimary.default, {
     icon: currentIcon,
     alt: currentAltLabel,
     size: state === 'current' ? undefined : 'small'

package/cjs/components/timeline/TimelineItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineItem.js","names":["_react","_interopRequireDefault","require","_classnames","_FormStatus","_IconPrimary","_SkeletonHelper","_check","_calendar","_pin","_Context","_componentHelper","_span","_excluded","_excluded2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","defaultProps","icon","iconAlt","title","subtitle","infoMessage","state","skeleton","TimelineItem","localProps","context","React","useContext","Context","allProps","extendPropsWithContext","props","skeletonClasses","createSkeletonClass","classes","classnames","createElement","className","undefined","TimelineItemLabel","translations","translation","TimelineItemContent","_ref","iconProps","TimelineItemIcon","TimelineItemTitle","_ref2","alt_label_completed","alt_label_current","alt_label_upcoming","icons","completed","checkIcon","current","pinIcon","upcoming","calendarIcon","labels","currentIcon","currentAltLabel","key","alt","size","_ref3","_ref4","_TimelineItemSubtitle","renderSubtitles","Array","isArray","map","TimelineItemSubtitle","text","stretch","_ref5","_default","exports"],"sources":["../../../../src/components/timeline/TimelineItem.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport FormStatus from '../form-status/FormStatus'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Icons\nimport checkIcon from '../../icons/check'\nimport calendarIcon from '../../icons/calendar'\nimport pinIcon from '../../icons/pin'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nexport type TimeLineItemStates = 'completed' | 'current' | 'upcoming'\n\nexport type TimelineItemProps = {\n  /**\n   * Icon displaying on the left side.\n   * Default: `check` for state `completed`, `pin` for state `current`, and `calendar` for state `upcoming` .\n   */\n  icon?: IconIcon\n\n  /**\n   * Text displaying the title of the item's corresponding page.\n   * Default: translations based on the icon.\n   */\n  iconAlt?: string\n\n  /**\n   * Text displaying the title of the timeline item.\n   */\n  title: React.ReactNode\n\n  /**\n   * Text displaying the subtitle of the timeline item.\n   */\n  subtitle?: React.ReactNode | React.ReactNode[]\n\n  /**\n   * Text displaying info message of the timeline item.\n   */\n  infoMessage?: React.ReactNode\n\n  /**\n   * The component state. State 'completed', 'current' or 'upcoming'.\n   * Default: null\n   */\n  state: TimeLineItemStates\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n}\n\nexport type TimelineItemAllProps = TimelineItemProps &\n  Omit<React.AllHTMLAttributes<HTMLLIElement>, 'title' | 'name'>\n\nconst defaultProps = {\n  icon: null,\n  iconAlt: null,\n  title: null,\n  subtitle: null,\n  infoMessage: null,\n  state: null,\n  skeleton: false,\n}\n\nconst TimelineItem = (localProps: TimelineItemAllProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.TimelineItem,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    icon,\n    iconAlt,\n    title,\n    subtitle,\n    infoMessage,\n    state,\n    skeleton,\n    ...props\n  } = allProps\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const classes = classnames(\n    'dnb-timeline__item',\n    skeletonClasses,\n    `dnb-timeline__item--${state}`\n  )\n\n  return (\n    <li\n      className={classes}\n      aria-current={state === 'current' ? 'step' : undefined}\n      {...props}\n    >\n      <TimelineItemLabel\n        state={state}\n        title={title}\n        icon={icon}\n        iconAlt={iconAlt}\n        skeleton={skeleton}\n        translations={\n          context.translation.TimelineItem as TimeLineIconAltTranslations\n        }\n      />\n      <TimelineItemContent subtitle={subtitle} infoMessage={infoMessage} />\n    </li>\n  )\n}\n\n// Label\n\ntype TimelineItemLabelProps = TimeLineIconProps & TimelineItemTitleProps\n\nconst TimelineItemLabel = ({\n  title,\n  ...iconProps\n}: TimelineItemLabelProps) => {\n  return (\n    <span className=\"dnb-timeline__item__label\">\n      <TimelineItemIcon {...iconProps} />\n      <TimelineItemTitle title={title} />\n    </span>\n  )\n}\n\ntype TimeLineIconProps = Pick<\n  TimelineItemProps,\n  'icon' | 'iconAlt' | 'state' | 'skeleton'\n> & { translations: TimeLineIconAltTranslations }\n\ntype TimeLineIconAltTranslations = {\n  alt_label_completed: string\n  alt_label_current: string\n  alt_label_upcoming: string\n}\n\nconst TimelineItemIcon = ({\n  icon,\n  state,\n  iconAlt,\n  skeleton,\n  translations,\n}: TimeLineIconProps) => {\n  const { alt_label_completed, alt_label_current, alt_label_upcoming } =\n    translations\n\n  const icons: Record<TimeLineItemStates, IconIcon> = {\n    completed: checkIcon,\n    current: pinIcon,\n    upcoming: calendarIcon,\n  }\n\n  const labels: Record<TimeLineItemStates, string> = {\n    completed: alt_label_completed,\n    current: alt_label_current,\n    upcoming: alt_label_upcoming,\n  }\n\n  const currentIcon = icon || icons[state]\n  const currentAltLabel = iconAlt || labels[state]\n\n  return (\n    <span className=\"dnb-timeline__item__label__icon\">\n      <span key=\"icon-alignment\" aria-hidden>\n        &zwnj;\n      </span>\n      {!skeleton && currentIcon && (\n        <IconPrimary\n          icon={currentIcon}\n          alt={currentAltLabel}\n          size={state === 'current' ? undefined : 'small'}\n        />\n      )}\n    </span>\n  )\n}\n\ntype TimelineItemTitleProps = Pick<TimelineItemProps, 'title'>\n\nconst TimelineItemTitle = ({ title }: TimelineItemTitleProps) => {\n  return <span className=\"dnb-timeline__item__label__title\">{title}</span>\n}\n\n// Content\n\ntype TimeLineItemContentProps = Pick<\n  TimelineItemProps,\n  'subtitle' | 'infoMessage'\n>\n\nconst TimelineItemContent = ({\n  subtitle,\n  infoMessage,\n}: TimeLineItemContentProps) => {\n  const renderSubtitles = () => {\n    if (!subtitle) {\n      return null\n    }\n\n    if (Array.isArray(subtitle)) {\n      return subtitle.map((subtitle, i) => (\n        <TimelineItemSubtitle key={i} subtitle={subtitle} />\n      ))\n    }\n    return <TimelineItemSubtitle subtitle={subtitle} />\n  }\n\n  return (\n    <div className=\"dnb-timeline__item__content\">\n      {renderSubtitles()}\n      {infoMessage && (\n        <FormStatus\n          text={infoMessage}\n          state=\"info\"\n          className=\"dnb-timeline__item__content__info\"\n          stretch\n        />\n      )}\n    </div>\n  )\n}\n\ntype TimelineItemSubtitleProps = {\n  subtitle: React.ReactNode\n}\n\nconst TimelineItemSubtitle = ({ subtitle }: TimelineItemSubtitleProps) => (\n  <div className=\"dnb-timeline__item__content__subtitle\">{subtitle}</div>\n)\n\nexport default TimelineItem\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAGA,IAAAK,MAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,IAAA,GAAAR,sBAAA,CAAAC,OAAA;AAGA,IAAAQ,QAAA,GAAAT,sBAAA,CAAAC,OAAA;AAEA,IAAAS,gBAAA,GAAAT,OAAA;AAAsE,IAAAU,KAAA;AAAA,MAAAC,SAAA;EAAAC,UAAA;AAAA,SAAAb,uBAAAc,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAf,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAgB,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAlB,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAZ,CAAA,GAAAH,MAAA,CAAAe,qBAAA,CAAAnB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAK,CAAA,GAAAT,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAU,OAAA,CAAAJ,CAAA,QAAAK,oBAAA,CAAAR,IAAA,CAAAb,CAAA,EAAAgB,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAhB,CAAA,CAAAgB,CAAA,aAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAAoB,OAAA,CAAAb,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AAgDtE,MAAMY,YAAY,GAAG;EACnBC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE,IAAI;EACbC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE,IAAI;EACdC,WAAW,EAAE,IAAI;EACjBC,KAAK,EAAE,IAAI;EACXC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,YAAY,GAAIC,UAAgC,IAAK;EAEzD,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,gBAAO,CAAC;EAGzC,MAAMC,QAAQ,GAAG,IAAAC,uCAAsB,EACrCN,UAAU,EACVT,YAAY,EACZU,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,YAAY,EACrB;IAAED,QAAQ,EAAEG,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEH;EAAS,CAChC,CAAC;EAED,MAAM;MACJN,IAAI;MACJC,OAAO;MACPC,KAAK;MACLC,QAAQ;MACRC,WAAW;MACXC,KAAK;MACLC;IAEF,CAAC,GAAGO,QAAQ;IADPE,KAAK,GAAAvB,wBAAA,CACNqB,QAAQ,EAAAtC,SAAA;EAEZ,MAAMyC,eAAe,GAAG,IAAAC,mCAAmB,EAAC,MAAM,EAAEX,QAAQ,EAAEG,OAAO,CAAC;EACtE,MAAMS,OAAO,GAAG,IAAAC,mBAAU,4CAGDd,KAAK,IAD5BW,eAEF,CAAC;EAED,OACEtD,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,OAAAxC,QAAA;IACEyC,SAAS,EAAEH,OAAQ;IACnB,gBAAcb,KAAK,KAAK,SAAS,GAAG,MAAM,GAAGiB;EAAU,GACnDP,KAAK,GAETrD,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACG,iBAAiB;IAChBlB,KAAK,EAAEA,KAAM;IACbH,KAAK,EAAEA,KAAM;IACbF,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAEA,QAAS;IACnBkB,YAAY,EACVf,OAAO,CAACgB,WAAW,CAAClB;EACrB,CACF,CAAC,EACF7C,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACM,mBAAmB;IAACvB,QAAQ,EAAEA,QAAS;IAACC,WAAW,EAAEA;EAAY,CAAE,CAClE,CAAC;AAET,CAAC;AAMD,MAAMmB,iBAAiB,GAAGI,IAAA,IAGI;EAAA,IAHH;MACzBzB;IAEsB,CAAC,GAAAyB,IAAA;IADpBC,SAAS,GAAApC,wBAAA,CAAAmC,IAAA,EAAAnD,UAAA;EAEZ,OACEd,MAAA,CAAAiB,OAAA,CAAAyC,aAAA;IAAMC,SAAS,EAAC;EAA2B,GACzC3D,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACS,gBAAgB,EAAKD,SAAY,CAAC,EACnClE,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACU,iBAAiB;IAAC5B,KAAK,EAAEA;EAAM,CAAE,CAC9B,CAAC;AAEX,CAAC;AAaD,MAAM2B,gBAAgB,GAAGE,KAAA,IAMA;EAAA,IANC;IACxB/B,IAAI;IACJK,KAAK;IACLJ,OAAO;IACPK,QAAQ;IACRkB;EACiB,CAAC,GAAAO,KAAA;EAClB,MAAM;IAAEC,mBAAmB;IAAEC,iBAAiB;IAAEC;EAAmB,CAAC,GAClEV,YAAY;EAEd,MAAMW,KAA2C,GAAG;IAClDC,SAAS,EAAEC,cAAS;IACpBC,OAAO,EAAEC,YAAO;IAChBC,QAAQ,EAAEC;EACZ,CAAC;EAED,MAAMC,MAA0C,GAAG;IACjDN,SAAS,EAAEJ,mBAAmB;IAC9BM,OAAO,EAAEL,iBAAiB;IAC1BO,QAAQ,EAAEN;EACZ,CAAC;EAED,MAAMS,WAAW,GAAG3C,IAAI,IAAImC,KAAK,CAAC9B,KAAK,CAAC;EACxC,MAAMuC,eAAe,GAAG3C,OAAO,IAAIyC,MAAM,CAACrC,KAAK,CAAC;EAEhD,OACE3C,MAAA,CAAAiB,OAAA,CAAAyC,aAAA;IAAMC,SAAS,EAAC;EAAiC,GAAA/C,KAAA,KAAAA,KAAA,GAC/CZ,MAAA,CAAAiB,OAAA,CAAAyC,aAAA;IAAMyB,GAAG,EAAC,gBAAgB;IAAC;EAAW,GAAC,QAEjC,CAAC,GACN,CAACvC,QAAQ,IAAIqC,WAAW,IACvBjF,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACrD,YAAA,CAAAY,OAAW;IACVqB,IAAI,EAAE2C,WAAY;IAClBG,GAAG,EAAEF,eAAgB;IACrBG,IAAI,EAAE1C,KAAK,KAAK,SAAS,GAAGiB,SAAS,GAAG;EAAQ,CACjD,CAEC,CAAC;AAEX,CAAC;AAID,MAAMQ,iBAAiB,GAAGkB,KAAA,IAAuC;EAAA,IAAtC;IAAE9C;EAA8B,CAAC,GAAA8C,KAAA;EAC1D,OAAOtF,MAAA,CAAAiB,OAAA,CAAAyC,aAAA;IAAMC,SAAS,EAAC;EAAkC,GAAEnB,KAAY,CAAC;AAC1E,CAAC;AASD,MAAMwB,mBAAmB,GAAGuB,KAAA,IAGI;EAAA,IAAAC,qBAAA;EAAA,IAHH;IAC3B/C,QAAQ;IACRC;EACwB,CAAC,GAAA6C,KAAA;EACzB,MAAME,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAAChD,QAAQ,EAAE;MACb,OAAO,IAAI;IACb;IAEA,IAAIiD,KAAK,CAACC,OAAO,CAAClD,QAAQ,CAAC,EAAE;MAC3B,OAAOA,QAAQ,CAACmD,GAAG,CAAC,CAACnD,QAAQ,EAAET,CAAC,KAC9BhC,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACmC,oBAAoB;QAACV,GAAG,EAAEnD,CAAE;QAACS,QAAQ,EAAEA;MAAS,CAAE,CACpD,CAAC;IACJ;IACA,OAAA+C,qBAAA,KAAAA,qBAAA,GAAOxF,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACmC,oBAAoB;MAACpD,QAAQ,EAAEA;IAAS,CAAE,CAAC;EACrD,CAAC;EAED,OACEzC,MAAA,CAAAiB,OAAA,CAAAyC,aAAA;IAAKC,SAAS,EAAC;EAA6B,GACzC8B,eAAe,CAAC,CAAC,EACjB/C,WAAW,IACV1C,MAAA,CAAAiB,OAAA,CAAAyC,aAAA,CAACtD,WAAA,CAAAa,OAAU;IACT6E,IAAI,EAAEpD,WAAY;IAClBC,KAAK,EAAC,MAAM;IACZgB,SAAS,EAAC,mCAAmC;IAC7CoC,OAAO;EAAA,CACR,CAEA,CAAC;AAEV,CAAC;AAMD,MAAMF,oBAAoB,GAAGG,KAAA;EAAA,IAAC;IAAEvD;EAAoC,CAAC,GAAAuD,KAAA;EAAA,OACnEhG,MAAA,CAAAiB,OAAA,CAAAyC,aAAA;IAAKC,SAAS,EAAC;EAAuC,GAAElB,QAAc,CAAC;AAAA,CACxE;AAAA,IAAAwD,QAAA,GAAAC,OAAA,CAAAjF,OAAA,GAEc4B,YAAY","ignoreList":[]}
+{"version":3,"file":"TimelineItem.js","names":["_react","_interopRequireDefault","require","_classnames","_FormStatus","_IconPrimary","_SkeletonHelper","_check","_calendar","_pin","_Context","_componentHelper","_AlignmentHelper2","_AlignmentHelper","_excluded","_excluded2","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","defaultProps","icon","iconAlt","title","subtitle","infoMessage","state","skeleton","TimelineItem","localProps","context","React","useContext","Context","allProps","extendPropsWithContext","props","skeletonClasses","createSkeletonClass","classes","classnames","createElement","className","undefined","TimelineItemLabel","translations","translation","TimelineItemContent","_ref","iconProps","TimelineItemIcon","TimelineItemTitle","_ref2","alt_label_completed","alt_label_current","alt_label_upcoming","icons","completed","checkIcon","current","pinIcon","upcoming","calendarIcon","labels","currentIcon","currentAltLabel","pseudoElementOnly","alt","size","_ref3","_ref4","_TimelineItemSubtitle","renderSubtitles","Array","isArray","map","TimelineItemSubtitle","key","text","stretch","_ref5","_default","exports"],"sources":["../../../../src/components/timeline/TimelineItem.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport FormStatus from '../form-status/FormStatus'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Icons\nimport checkIcon from '../../icons/check'\nimport calendarIcon from '../../icons/calendar'\nimport pinIcon from '../../icons/pin'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport AlignmentHelper from '../../shared/AlignmentHelper'\n\nexport type TimeLineItemStates = 'completed' | 'current' | 'upcoming'\n\nexport type TimelineItemProps = {\n  /**\n   * Icon displaying on the left side.\n   * Default: `check` for state `completed`, `pin` for state `current`, and `calendar` for state `upcoming` .\n   */\n  icon?: IconIcon\n\n  /**\n   * Text displaying the title of the item's corresponding page.\n   * Default: translations based on the icon.\n   */\n  iconAlt?: string\n\n  /**\n   * Text displaying the title of the timeline item.\n   */\n  title: React.ReactNode\n\n  /**\n   * Text displaying the subtitle of the timeline item.\n   */\n  subtitle?: React.ReactNode | React.ReactNode[]\n\n  /**\n   * Text displaying info message of the timeline item.\n   */\n  infoMessage?: React.ReactNode\n\n  /**\n   * The component state. State 'completed', 'current' or 'upcoming'.\n   * Default: null\n   */\n  state: TimeLineItemStates\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n}\n\nexport type TimelineItemAllProps = TimelineItemProps &\n  Omit<React.AllHTMLAttributes<HTMLLIElement>, 'title' | 'name'>\n\nconst defaultProps = {\n  icon: null,\n  iconAlt: null,\n  title: null,\n  subtitle: null,\n  infoMessage: null,\n  state: null,\n  skeleton: false,\n}\n\nconst TimelineItem = (localProps: TimelineItemAllProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.TimelineItem,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    icon,\n    iconAlt,\n    title,\n    subtitle,\n    infoMessage,\n    state,\n    skeleton,\n    ...props\n  } = allProps\n\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const classes = classnames(\n    'dnb-timeline__item',\n    skeletonClasses,\n    `dnb-timeline__item--${state}`\n  )\n\n  return (\n    <li\n      className={classes}\n      aria-current={state === 'current' ? 'step' : undefined}\n      {...props}\n    >\n      <TimelineItemLabel\n        state={state}\n        title={title}\n        icon={icon}\n        iconAlt={iconAlt}\n        skeleton={skeleton}\n        translations={\n          context.translation.TimelineItem as TimeLineIconAltTranslations\n        }\n      />\n      <TimelineItemContent subtitle={subtitle} infoMessage={infoMessage} />\n    </li>\n  )\n}\n\n// Label\n\ntype TimelineItemLabelProps = TimeLineIconProps & TimelineItemTitleProps\n\nconst TimelineItemLabel = ({\n  title,\n  ...iconProps\n}: TimelineItemLabelProps) => {\n  return (\n    <span className=\"dnb-timeline__item__label\">\n      <TimelineItemIcon {...iconProps} />\n      <TimelineItemTitle title={title} />\n    </span>\n  )\n}\n\ntype TimeLineIconProps = Pick<\n  TimelineItemProps,\n  'icon' | 'iconAlt' | 'state' | 'skeleton'\n> & { translations: TimeLineIconAltTranslations }\n\ntype TimeLineIconAltTranslations = {\n  alt_label_completed: string\n  alt_label_current: string\n  alt_label_upcoming: string\n}\n\nconst TimelineItemIcon = ({\n  icon,\n  state,\n  iconAlt,\n  skeleton,\n  translations,\n}: TimeLineIconProps) => {\n  const { alt_label_completed, alt_label_current, alt_label_upcoming } =\n    translations\n\n  const icons: Record<TimeLineItemStates, IconIcon> = {\n    completed: checkIcon,\n    current: pinIcon,\n    upcoming: calendarIcon,\n  }\n\n  const labels: Record<TimeLineItemStates, string> = {\n    completed: alt_label_completed,\n    current: alt_label_current,\n    upcoming: alt_label_upcoming,\n  }\n\n  const currentIcon = icon || icons[state]\n  const currentAltLabel = iconAlt || labels[state]\n\n  return (\n    <span className=\"dnb-timeline__item__label__icon\">\n      <AlignmentHelper pseudoElementOnly />\n      {!skeleton && currentIcon && (\n        <IconPrimary\n          icon={currentIcon}\n          alt={currentAltLabel}\n          size={state === 'current' ? undefined : 'small'}\n        />\n      )}\n    </span>\n  )\n}\n\ntype TimelineItemTitleProps = Pick<TimelineItemProps, 'title'>\n\nconst TimelineItemTitle = ({ title }: TimelineItemTitleProps) => {\n  return <span className=\"dnb-timeline__item__label__title\">{title}</span>\n}\n\n// Content\n\ntype TimeLineItemContentProps = Pick<\n  TimelineItemProps,\n  'subtitle' | 'infoMessage'\n>\n\nconst TimelineItemContent = ({\n  subtitle,\n  infoMessage,\n}: TimeLineItemContentProps) => {\n  const renderSubtitles = () => {\n    if (!subtitle) {\n      return null\n    }\n\n    if (Array.isArray(subtitle)) {\n      return subtitle.map((subtitle, i) => (\n        <TimelineItemSubtitle key={i} subtitle={subtitle} />\n      ))\n    }\n    return <TimelineItemSubtitle subtitle={subtitle} />\n  }\n\n  return (\n    <div className=\"dnb-timeline__item__content\">\n      {renderSubtitles()}\n      {infoMessage && (\n        <FormStatus\n          text={infoMessage}\n          state=\"info\"\n          className=\"dnb-timeline__item__content__info\"\n          stretch\n        />\n      )}\n    </div>\n  )\n}\n\ntype TimelineItemSubtitleProps = {\n  subtitle: React.ReactNode\n}\n\nconst TimelineItemSubtitle = ({ subtitle }: TimelineItemSubtitleProps) => (\n  <div className=\"dnb-timeline__item__content__subtitle\">{subtitle}</div>\n)\n\nexport default TimelineItem\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/toggle-button/ToggleButtonDocs.js

@@ -86,7 +86,7 @@ const ToggleButtonProperties = exports.ToggleButtonProperties = {
 };
 const ToggleButtonEvents = exports.ToggleButtonEvents = {
   on_change: {
-    doc: 'will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`',
+    doc: 'will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`.',
     type: 'function',
     status: 'optional'
   }

package/cjs/components/toggle-button/ToggleButtonDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonDocs.js","names":["_ButtonDocs","require","ToggleButtonProperties","exports","value","doc","type","status","text","checked","title","label","icon","icon_position","icon_size","tooltip","ButtonProperties","size","status_state","status_props","globalStatus","suffix","skeleton","ToggleButtonEvents","on_change"],"sources":["../../../../src/components/toggle-button/ToggleButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ButtonProperties } from '../button/ButtonDocs'\n\nexport const ToggleButtonProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Defines the `value` as a string. Use it to get the value during the `on_change` event listener callback in the **ToggleButtonGroup**.',\n    type: 'string',\n    status: 'required',\n  },\n  text: {\n    doc: 'The text shown in the ToggleButton.',\n    type: 'string',\n    status: 'required',\n  },\n  checked: {\n    doc: 'Determine whether the ToggleButton is checked or not. The default will be `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'string',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Icon to be included in the toggle button.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Position of the icon inside the toggle button. Set to `left` or `right`. Defaults to `right` if not set.',\n    type: ['left', 'right'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Define icon width and height. Defaults to `16px`.',\n    type: 'string',\n    status: 'optional',\n  },\n  tooltip: ButtonProperties.tooltip,\n  size: ButtonProperties.size,\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the ToggleButton more than the label. You can also send in a React component, so it gets wrapped inside the ToggleButton component.',\n    type: ['string', 'React.ReactNode'],\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}\n\nexport const ToggleButtonEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAEO,MAAMC,sBAA4C,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EAC1DE,KAAK,EAAE;IACLC,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,oFAAoF;IACzFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACnCC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,OAAO,EAAEC,4BAAgB,CAACD,OAAO;EACjCE,IAAI,EAAED,4BAAgB,CAACC,IAAI;EAC3BV,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDW,YAAY,EAAE;IACZb,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDY,YAAY,EAAE;IACZd,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,YAAY,EAAE;IACZf,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,MAAM,EAAE;IACNhB,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACnCC,MAAM,EAAE;EACV,CAAC;EACDe,QAAQ,EAAE;IACRjB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMgB,kBAAwC,GAAApB,OAAA,CAAAoB,kBAAA,GAAG;EACtDC,SAAS,EAAE;IACTnB,GAAG,EAAE,4GAA4G;IACjHC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"ToggleButtonDocs.js","names":["_ButtonDocs","require","ToggleButtonProperties","exports","value","doc","type","status","text","checked","title","label","icon","icon_position","icon_size","tooltip","ButtonProperties","size","status_state","status_props","globalStatus","suffix","skeleton","ToggleButtonEvents","on_change"],"sources":["../../../../src/components/toggle-button/ToggleButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { ButtonProperties } from '../button/ButtonDocs'\n\nexport const ToggleButtonProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Defines the `value` as a string. Use it to get the value during the `on_change` event listener callback in the **ToggleButtonGroup**.',\n    type: 'string',\n    status: 'required',\n  },\n  text: {\n    doc: 'The text shown in the ToggleButton.',\n    type: 'string',\n    status: 'required',\n  },\n  checked: {\n    doc: 'Determine whether the ToggleButton is checked or not. The default will be `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  title: {\n    doc: 'The `title` of the input - describing it a bit further for accessibility reasons.',\n    type: 'string',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Use either the `label` property or provide a custom one.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Icon to be included in the toggle button.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Position of the icon inside the toggle button. Set to `left` or `right`. Defaults to `right` if not set.',\n    type: ['left', 'right'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'Define icon width and height. Defaults to `16px`.',\n    type: 'string',\n    status: 'optional',\n  },\n  tooltip: ButtonProperties.tooltip,\n  size: ButtonProperties.size,\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: ['error', 'info', 'boolean'],\n    status: 'optional',\n  },\n  status_state: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: ['error', 'info'],\n    status: 'optional',\n  },\n  status_props: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatus: {\n    doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'object',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the ToggleButton more than the label. You can also send in a React component, so it gets wrapped inside the ToggleButton component.',\n    type: ['string', 'React.ReactNode'],\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}\n\nexport const ToggleButtonEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAEO,MAAMC,sBAA4C,GAAAC,OAAA,CAAAD,sBAAA,GAAG;EAC1DE,KAAK,EAAE;IACLC,GAAG,EAAE,uIAAuI;IAC5IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,oFAAoF;IACzFC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACnCC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,OAAO,EAAEC,4BAAgB,CAACD,OAAO;EACjCE,IAAI,EAAED,4BAAgB,CAACC,IAAI;EAC3BV,MAAM,EAAE;IACNF,GAAG,EAAE,yIAAyI;IAC9IC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,CAAC;IAClCC,MAAM,EAAE;EACV,CAAC;EACDW,YAAY,EAAE;IACZb,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC;IACvBC,MAAM,EAAE;EACV,CAAC;EACDY,YAAY,EAAE;IACZd,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,YAAY,EAAE;IACZf,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,MAAM,EAAE;IACNhB,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACnCC,MAAM,EAAE;EACV,CAAC;EACDe,QAAQ,EAAE;IACRjB,GAAG,EAAE,wEAAwE;IAC7EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMgB,kBAAwC,GAAApB,OAAA,CAAAoB,kBAAA,GAAG;EACtDC,SAAS,EAAE;IACTnB,GAAG,EAAE,6GAA6G;IAClHC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/cjs/components/upload/style/dnb-upload.css

@@ -124,7 +124,6 @@
 }
 .dnb-upload__accepted-file-types-table.dnb-table {
   width: -webkit-fit-content;
-  width: -moz-fit-content;
   width: fit-content;
 }
 .dnb-upload__accepted-file-types-table.dnb-table thead th {

package/cjs/components/upload/style/dnb-upload.min.css

@@ -1 +1 @@
-.dnb-upload{--upload-background:#fff;--upload-background--active:#d3d3d3;--upload-border:gray;--upload-border--active:#000;--upload-border-width:2px;--upload-list-border:#000;--upload-icon--default:#000;--upload-icon--warning:red;--upload-highlight:#ffffe0;--upload-text--primary:#000;--upload-text--secondary:#000;background-color:var(--upload-background);border-radius:.5rem;display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-medium);position:relative}@media screen and (max-width:40em){.dnb-upload{padding:var(--spacing-medium) var(--spacing-small)}}.dnb-upload__outline{stroke:var(--upload-border);stroke-width:.1875rem;border-radius:.5rem;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.dnb-upload--active .dnb-upload__outline{stroke:var(--upload-border--active);bottom:-1px;height:calc(100% + var(--upload-border-width));left:-1px;right:-1px;top:-1px;width:calc(100% + var(--upload-border-width))}.dnb-upload--active .dnb-upload__outline rect{stroke-width:.25rem;stroke-dasharray:0}.dnb-upload--active{background-color:var(--upload-background--active)}.dnb-upload__file-input{position:absolute;visibility:hidden}.dnb-upload__file-list{list-style:none;margin-bottom:0;margin-top:var(--spacing-medium);padding:0;position:relative}.dnb-upload__file-cell:after,.dnb-upload__file-list:before{background-color:var(--upload-list-border);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.dnb-upload__file-cell{padding:var(--spacing-small) 0;position:relative;transition:background-color;transition-duration:1.5s;transition-timing-function:var(--easing-default)}.dnb-upload__file-cell:after{top:auto}.dnb-upload__file-cell__content{justify-content:space-between}.dnb-upload__file-cell__content,.dnb-upload__file-cell__content__left{align-items:center;column-gap:var(--spacing-small);display:flex}.dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--default)}.dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--warning)}.dnb-upload__file-cell--highlight{background-color:var(--upload-highlight)}.dnb-upload__file-cell__text-container{display:flex;flex-direction:column}.dnb-upload__file-cell__text-container--loading{font-size:var(--font-size-basis)}.dnb-upload__text.dnb-p{color:var(--upload-text--secondary)}.dnb-upload__accepted-file-types-table.dnb-table{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dnb-upload__accepted-file-types-table.dnb-table thead th{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);padding-top:0}.dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child,.dnb-upload__accepted-file-types-table.dnb-table thead th:first-child{padding-left:0}.dnb-upload__subtitle.dnb-p{color:var(--upload-text--secondary)}
+.dnb-upload{--upload-background:#fff;--upload-background--active:#d3d3d3;--upload-border:gray;--upload-border--active:#000;--upload-border-width:2px;--upload-list-border:#000;--upload-icon--default:#000;--upload-icon--warning:red;--upload-highlight:#ffffe0;--upload-text--primary:#000;--upload-text--secondary:#000;background-color:var(--upload-background);border-radius:.5rem;display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-medium);position:relative}@media screen and (max-width:40em){.dnb-upload{padding:var(--spacing-medium) var(--spacing-small)}}.dnb-upload__outline{stroke:var(--upload-border);stroke-width:.1875rem;border-radius:.5rem;bottom:0;content:"";height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.dnb-upload--active .dnb-upload__outline{stroke:var(--upload-border--active);bottom:-1px;height:calc(100% + var(--upload-border-width));left:-1px;right:-1px;top:-1px;width:calc(100% + var(--upload-border-width))}.dnb-upload--active .dnb-upload__outline rect{stroke-width:.25rem;stroke-dasharray:0}.dnb-upload--active{background-color:var(--upload-background--active)}.dnb-upload__file-input{position:absolute;visibility:hidden}.dnb-upload__file-list{list-style:none;margin-bottom:0;margin-top:var(--spacing-medium);padding:0;position:relative}.dnb-upload__file-cell:after,.dnb-upload__file-list:before{background-color:var(--upload-list-border);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;top:0}.dnb-upload__file-cell{padding:var(--spacing-small) 0;position:relative;transition:background-color;transition-duration:1.5s;transition-timing-function:var(--easing-default)}.dnb-upload__file-cell:after{top:auto}.dnb-upload__file-cell__content{justify-content:space-between}.dnb-upload__file-cell__content,.dnb-upload__file-cell__content__left{align-items:center;column-gap:var(--spacing-small);display:flex}.dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--default)}.dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon{color:var(--upload-icon--warning)}.dnb-upload__file-cell--highlight{background-color:var(--upload-highlight)}.dnb-upload__file-cell__text-container{display:flex;flex-direction:column}.dnb-upload__file-cell__text-container--loading{font-size:var(--font-size-basis)}.dnb-upload__text.dnb-p{color:var(--upload-text--secondary)}.dnb-upload__accepted-file-types-table.dnb-table{width:-webkit-fit-content;width:fit-content}.dnb-upload__accepted-file-types-table.dnb-table thead th{font-size:var(--font-size-basis);font-weight:var(--font-weight-medium);padding-top:0}.dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child,.dnb-upload__accepted-file-types-table.dnb-table thead th:first-child{padding-left:0}.dnb-upload__subtitle.dnb-p{color:var(--upload-text--secondary)}

package/cjs/core/jest/jestSetupScreenshots.css

@@ -51,3 +51,9 @@ html {
 gatsby-qod {
   opacity: 0;
 }
+
+[data-visual-test].hide-page-content
+  div.eufemia-theme:not(.dnb-modal__content) {
+  /* NB: visibility: hidden; does not work here, because puppeteer does not find the selectors anymore */
+  opacity: 0;
+}

package/cjs/extensions/forms/Field/Date/Date.js

@@ -63,11 +63,17 @@ function DateComponent(props) {
       required,
       error
     } = _ref;
-    if (required && (!value || !(0, _dateFns.isValid)((0, _dateFns.parseISO)(value)))) {
-      return error;
+    if (!required) {
+      return undefined;
+    }
+    if (props.range) {
+      const [startDate, endDate] = parseRangeValue(value);
+      if (!startDate && !endDate) {
+        return new _utils2.FormError('Date.errorRequiredRange');
+      }
     }
-    return undefined;
-  }, []);
+    return !value || !(0, _dateFns.isValid)((0, _dateFns.parseISO)(value)) ? error : undefined;
+  }, [props.range]);
   const dateValidator = (0, _react.useCallback)(value => {
     const invalidDateErrors = validateDate(invalidDatesRef.current);
     if (!props.minDate && !props.maxDate) {