@dnb/eufemia 10.69.1 → 10.70.0

package/components/global-status/GlobalStatusDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStatusDocs.js","names":["GlobalStatusProperties","id","doc","type","status","title","text","children","items","icon","state","icon_size","show","autoclose","autoscroll","no_animation","delay","hide_close_button","close_text","status_anchor_text","omit_set_focus","omit_set_focus_on_update","skeleton","GlobalStatusAdvancedItemProperties","status_id","status_anchor_url","status_anchor_label","GlobalStatusControllerProperties","remove_on_unmount","GlobalStatusConfigurationObjectProperties","message","GlobalStatusEvents","on_open","on_show","on_close","on_hide","on_adjust"],"sources":["../../../../src/components/global-status/GlobalStatusDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const GlobalStatusProperties: PropertiesTableProps = {\n  id: {\n    doc: 'the main ID. Defaults to `main`.',\n    type: 'string',\n    status: 'optional',\n  },\n  title: {\n    doc: 'the title appears as a part of the status content. Defaults to `En feil har skjedd`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  text: {\n    doc: 'the text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  children: {\n    doc: 'the text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  items: {\n    doc: 'the items (list items) appear as a part of the status content. you can both use an JSON array, or a vanilla array with a string or an object content. See **Item Object** example below.',\n    type: 'Array<GlobalStatusItem>',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'the icon shown before the status title. Defaults to `exclamation`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  state: {\n    doc: 'defines the visual appearance of the status. There are four main statuses `error`, `warning`, `info` and `success`. The default status is `error`.',\n    type: ['error', 'info', 'warning', 'success'],\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'the icon size of the title icon shows. Defaults to `medium`.',\n    type: 'string',\n    status: 'optional',\n  },\n  show: {\n    doc: 'set to `true` or `false` to manually make the global status visible. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  autoclose: {\n    doc: 'set to `true` to automatically close the global status if there are no more left items in the provider stack. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  autoscroll: {\n    doc: 'set to `true` to automatically scroll the page to the appeared global status. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'set to `true` to disable the show/hide/slide/fade/grow/shrink animation. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  delay: {\n    doc: 'defines the delay on how long the automated visibility should wait before it appears to the user. Defaults to `200ms`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  hide_close_button: {\n    doc: 'set to `true` if the close button should be hidden for the user. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  close_text: {\n    doc: 'text of the close button. Defaults to `Lukk`.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  status_anchor_text: {\n    doc: 'defines the anchor text showing up after every item, in case there is a `status_id` defined. Defaults to `Gå til %s`. The `%s` represents the optional and internal handled label addition.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  omit_set_focus: {\n    doc: 'set to `true` to omit setting the focus during visibility. Defaults to `false`. Additionally, there is `omit_set_focus_on_update` which is set to `true` by default.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  omit_set_focus_on_update: {\n    doc: 'set to `true` to omit setting the focus during update. Defaults to `true`.',\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 GlobalStatusAdvancedItemProperties: PropertiesTableProps = {\n  text: {\n    doc: 'the text appears as the status content. Beside plain text, you can send in a React component as well.',\n    type: 'string',\n    status: 'required',\n  },\n  status_id: {\n    doc: 'defines an unique ID so the message can be either updated or removed individual.',\n    type: 'string',\n    status: 'required',\n  },\n  status_anchor_url: {\n    doc: 'Use `status_anchor_url={true}` to enable the go-to link, defined as a url hash using the `status_id`. Or provide it with an actual url: `status_anchor_url=\"https://\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_anchor_text: {\n    doc: 'defines the anchor text showing up after every item. Defaults to `Gå til %s`. The `%s` represents the optional and internal handled label addition.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_anchor_label: {\n    doc: 'adds an additional text to the anchor (replaces `%s`), showing up after every item. Is used by default by other form components, if they have an `label`.',\n    type: 'string',\n    status: 'optional',\n  },\n}\n\nexport const GlobalStatusControllerProperties: PropertiesTableProps = {\n  id: {\n    doc: 'the main ID. Defaults to `main`.',\n    type: 'string',\n    status: 'optional',\n  },\n  status_id: {\n    doc: 'define a new stack ID so you can remove it with the same ID later on. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  remove_on_unmount: {\n    doc: 'set to `true` if you want that the component `<GlobalStatus.Add remove_on_unmount={true} ... />` should automatically remove the stacked status from the target **GlobalStatus** on component unmount. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n\nexport const GlobalStatusConfigurationObjectProperties: PropertiesTableProps =\n  {\n    id: {\n      doc: 'the main ID. Defaults to `main`.',\n      type: 'string',\n      status: 'optional',\n    },\n    message: {\n      doc: 'the text appears as the status content. Besides plain text, you can send in a React component as well. Defaults to `null`.',\n      type: 'React.ReactNode',\n      status: 'optional',\n    },\n  }\n\nexport const GlobalStatusEvents: PropertiesTableProps = {\n  on_open: {\n    doc: 'gets triggered the first time the GlobalStatus appears on the screen. In other words, it has to have been hidden before. Returns `{ id, status_id, ...properties }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'gets triggered for the first time and for every new content update the GlobalStatus gets. Returns `{ id, status_id, ...properties }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_close: {\n    doc: 'gets triggered once the GlobalStatus disappears from the screen. Works only if `no_animation` is not `true`. Returns `{ id, status_id, ...properties }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'gets triggered once the GlobalStatus is getting closed/hidden by the user. Returns `{ id, status_id, ...properties }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_adjust: {\n    doc: 'gets triggered once the GlobalStatus is getting new content by the user. Returns `{ id, status_id, ...properties }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/components/heading/HeadingDocs.d.ts

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

package/components/heading/HeadingDocs.js

@@ -0,0 +1,73 @@
+export const HeadingProperties = {
+  text: {
+    doc: 'A heading, can be text or React.Node.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  children: {
+    doc: 'A heading, can be text or React.Node.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  size: {
+    doc: 'Define the typography [font-size](/uilib/typography/font-size) by a size _type_, e.g. `x-large`. Defaults to the predefined heading sizes.',
+    type: ['xx-large', 'x-large', 'large', 'medium', 'basis', 'small', 'x-small'],
+    status: 'optional'
+  },
+  level: {
+    doc: 'Overwrite the automated level handling to use a specific value to ensure correct level hierarchy.',
+    type: ['1', '2', '3', '4', '5', '6'],
+    status: 'optional'
+  },
+  increase: {
+    doc: 'If set to `true`, the heading level will be incremented by 1.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  decrease: {
+    doc: 'If set to `true`, the heading level will be decremented by 1.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  inherit: {
+    doc: 'If set to `true`, the heading last used level will be inherited. Also from inside a level context.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  reset: {
+    doc: 'If set to `true`, the heading level will be reset to 2. You can give it a custom level if you need to, e.g. `reset(1)`.',
+    type: ['boolean', 'number'],
+    status: 'optional'
+  },
+  skip_correction: {
+    doc: 'If set to `true`, the heading will not be corrected and warnings will not be shown. Warnings do not show up in **production builds** else either',
+    type: 'boolean',
+    status: 'optional'
+  },
+  debug: {
+    doc: 'If set to `true`, the content will have a prefix, showing the heading level.',
+    type: ['boolean', 'function'],
+    status: 'optional'
+  },
+  debug_counter: {
+    doc: 'If set to `true`, the content will have both a prefix and a JSON log attached to both headings and level contexts.',
+    type: ['boolean', 'function'],
+    status: 'optional'
+  },
+  element: {
+    doc: 'define what HTML element should be used. If you use, e.g. a `span`, then `role="heading"` and `aria-level` gets set. Defaults to semantic heading element.',
+    type: ['string', 'React.Element'],
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=HeadingDocs.js.map

package/components/heading/HeadingDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingDocs.js","names":["HeadingProperties","text","doc","type","status","children","size","level","increase","decrease","inherit","reset","skip_correction","debug","debug_counter","element","skeleton"],"sources":["../../../../src/components/heading/HeadingDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const HeadingProperties: PropertiesTableProps = {\n  text: {\n    doc: 'A heading, can be text or React.Node.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  children: {\n    doc: 'A heading, can be text or React.Node.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  size: {\n    doc: 'Define the typography [font-size](/uilib/typography/font-size) by a size _type_, e.g. `x-large`. Defaults to the predefined heading sizes.',\n    type: [\n      'xx-large',\n      'x-large',\n      'large',\n      'medium',\n      'basis',\n      'small',\n      'x-small',\n    ],\n    status: 'optional',\n  },\n  level: {\n    doc: 'Overwrite the automated level handling to use a specific value to ensure correct level hierarchy.',\n    type: ['1', '2', '3', '4', '5', '6'],\n    status: 'optional',\n  },\n  increase: {\n    doc: 'If set to `true`, the heading level will be incremented by 1.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  decrease: {\n    doc: 'If set to `true`, the heading level will be decremented by 1.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inherit: {\n    doc: 'If set to `true`, the heading last used level will be inherited. Also from inside a level context.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  reset: {\n    doc: 'If set to `true`, the heading level will be reset to 2. You can give it a custom level if you need to, e.g. `reset(1)`.',\n    type: ['boolean', 'number'],\n    status: 'optional',\n  },\n  skip_correction: {\n    doc: 'If set to `true`, the heading will not be corrected and warnings will not be shown. Warnings do not show up in **production builds** else either',\n    type: 'boolean',\n    status: 'optional',\n  },\n  debug: {\n    doc: 'If set to `true`, the content will have a prefix, showing the heading level.',\n    type: ['boolean', 'function'],\n    status: 'optional',\n  },\n  debug_counter: {\n    doc: 'If set to `true`, the content will have both a prefix and a JSON log attached to both headings and level contexts.',\n    type: ['boolean', 'function'],\n    status: 'optional',\n  },\n  element: {\n    doc: 'define what HTML element should be used. If you use, e.g. a `span`, then `role=\"heading\"` and `aria-level` gets set. Defaults to semantic heading element.',\n    type: ['string', 'React.Element'],\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":"AAEA,OAAO,MAAMA,iBAAuC,GAAG;EACrDC,IAAI,EAAE;IACJC,GAAG,EAAE,uCAAuC;IAC5CC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,uCAAuC;IAC5CC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,4IAA4I;IACjJC,IAAI,EAAE,CACJ,UAAU,EACV,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,CACV;IACDC,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLL,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IACpCC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,KAAK,EAAE;IACLT,GAAG,EAAE,yHAAyH;IAC9HC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDQ,eAAe,EAAE;IACfV,GAAG,EAAE,kJAAkJ;IACvJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,KAAK,EAAE;IACLX,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7BC,MAAM,EAAE;EACV,CAAC;EACDU,aAAa,EAAE;IACbZ,GAAG,EAAE,oHAAoH;IACzHC,IAAI,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7BC,MAAM,EAAE;EACV,CAAC;EACDW,OAAO,EAAE;IACPb,GAAG,EAAE,4JAA4J;IACjKC,IAAI,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC;IACjCC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,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/components/help-button/HelpButtonDocs.d.ts

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

package/components/help-button/HelpButtonDocs.js

@@ -0,0 +1,40 @@
+export const HelpButtonProperties = {
+  children: {
+    doc: 'the content to show.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  title: {
+    doc: 'the content title. Defaults to `Hjelpetekst` (HelpButton.title).',
+    type: 'string',
+    status: 'optional'
+  },
+  icon: {
+    doc: 'To be included in the button. [Primary Icons](/icons/primary) can be set as a string (e.g. `icon="information"`), other icons should be set as React elements.',
+    type: ['string', 'React.ReactNode'],
+    status: 'optional'
+  },
+  render: {
+    doc: 'accepts a function that returns a valid React Element. See example below.',
+    type: 'function',
+    status: 'optional'
+  },
+  '[Button](/uilib/components/button/properties)': {
+    doc: 'All button properties.',
+    type: 'Various',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+export const HelpButtonEvents = {
+  '[Button](/uilib/components/button/events)': {
+    doc: 'accepts all Button events.',
+    type: 'Various',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=HelpButtonDocs.js.map

package/components/help-button/HelpButtonDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpButtonDocs.js","names":["HelpButtonProperties","children","doc","type","status","title","icon","render","HelpButtonEvents"],"sources":["../../../../src/components/help-button/HelpButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const HelpButtonProperties: PropertiesTableProps = {\n  children: {\n    doc: 'the content to show.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  title: {\n    doc: 'the content title. Defaults to `Hjelpetekst` (HelpButton.title).',\n    type: 'string',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'To be included in the button. [Primary Icons](/icons/primary) can be set as a string (e.g. `icon=\"information\"`), other icons should be set as React elements.',\n    type: ['string', 'React.ReactNode'],\n    status: 'optional',\n  },\n  render: {\n    doc: 'accepts a function that returns a valid React Element. See example below.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Button](/uilib/components/button/properties)': {\n    doc: 'All button properties.',\n    type: 'Various',\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 HelpButtonEvents: PropertiesTableProps = {\n  '[Button](/uilib/components/button/events)': {\n    doc: 'accepts all Button events.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,QAAQ,EAAE;IACRC,GAAG,EAAE,sBAAsB;IAC3BC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,kEAAkE;IACvEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,IAAI,EAAE;IACJJ,GAAG,EAAE,gKAAgK;IACrKC,IAAI,EAAE,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACnCC,MAAM,EAAE;EACV,CAAC;EACDG,MAAM,EAAE;IACNL,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,wBAAwB;IAC7BC,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;AAED,OAAO,MAAMI,gBAAsC,GAAG;EACpD,2CAA2C,EAAE;IAC3CN,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/icon/IconDocs.d.ts

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

package/components/icon/IconDocs.js

@@ -0,0 +1,53 @@
+export const IconProperties = {
+  icon: {
+    doc: 'a React SVG Component.',
+    type: 'React.ReactNode',
+    status: 'required'
+  },
+  title: {
+    doc: 'Use a title to provide extra information about the icon used.',
+    type: 'string',
+    status: 'optional'
+  },
+  border: {
+    doc: 'use `true` to display a rounded border with an inherited color. Keep in mind that the icon will have a larger total width and height of `+0.5em`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  alt: {
+    doc: 'the alternative label (text version) of the icon. Defaults to the imported icon name.',
+    type: 'string',
+    status: 'optional'
+  },
+  size: {
+    doc: 'the dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`,`medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.',
+    type: ['small', 'medium', 'large', 'default', 'x-large', 'xx-large', 'auto', 'basis', 'number'],
+    status: 'optional'
+  },
+  color: {
+    doc: 'the color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the [colors table](/uilib/usage/customisation/colors), e.g. `var(--color-ocean-green)`. Default is no color, which means `--color-black-80`.',
+    type: 'Various',
+    status: 'optional'
+  },
+  inheritColor: {
+    doc: 'Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  modifier: {
+    doc: 'modifier class to define. Will result in: `dnb-icon--${modifier}`.',
+    type: 'string',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=IconDocs.js.map

package/components/icon/IconDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDocs.js","names":["IconProperties","icon","doc","type","status","title","border","alt","size","color","inheritColor","modifier","skeleton"],"sources":["../../../../src/components/icon/IconDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const IconProperties: PropertiesTableProps = {\n  icon: {\n    doc: 'a React SVG Component.',\n    type: 'React.ReactNode',\n    status: 'required',\n  },\n  title: {\n    doc: 'Use a title to provide extra information about the icon used.',\n    type: 'string',\n    status: 'optional',\n  },\n  border: {\n    doc: 'use `true` to display a rounded border with an inherited color. Keep in mind that the icon will have a larger total width and height of `+0.5em`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  alt: {\n    doc: 'the alternative label (text version) of the icon. Defaults to the imported icon name.',\n    type: 'string',\n    status: 'optional',\n  },\n  size: {\n    doc: 'the dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`,`medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.',\n    type: [\n      'small',\n      'medium',\n      'large',\n      'default',\n      'x-large',\n      'xx-large',\n      'auto',\n      'basis',\n      'number',\n    ],\n    status: 'optional',\n  },\n  color: {\n    doc: 'the color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the [colors table](/uilib/usage/customisation/colors), e.g. `var(--color-ocean-green)`. Default is no color, which means `--color-black-80`.',\n    type: 'Various',\n    status: 'optional',\n  },\n  inheritColor: {\n    doc: 'Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  modifier: {\n    doc: 'modifier class to define. Will result in: `dnb-icon--${modifier}`.',\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  '[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":"AAEA,OAAO,MAAMA,cAAoC,GAAG;EAClDC,IAAI,EAAE;IACJC,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,MAAM,EAAE;IACNJ,GAAG,EAAE,mJAAmJ;IACxJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,GAAG,EAAE;IACHL,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,0QAA0Q;IAC/QC,IAAI,EAAE,CACJ,OAAO,EACP,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,EACT,UAAU,EACV,MAAM,EACN,OAAO,EACP,QAAQ,CACT;IACDC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,gPAAgP;IACrPC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,YAAY,EAAE;IACZR,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,QAAQ,EAAE;IACRT,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,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/components/icon/IconPrimaryDocs.d.ts

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

package/components/icon/IconPrimaryDocs.js

@@ -0,0 +1,18 @@
+export const IconPrimaryProperties = {
+  icon: {
+    doc: 'Defines the [primary icon](/icons/primary) to be used, as a string.',
+    type: 'string',
+    status: 'required'
+  },
+  '[Icon](/uilib/components/icon/properties)': {
+    doc: 'accepts all default icon properties.',
+    type: 'Various',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=IconPrimaryDocs.js.map

package/components/icon/IconPrimaryDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPrimaryDocs.js","names":["IconPrimaryProperties","icon","doc","type","status"],"sources":["../../../../src/components/icon/IconPrimaryDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const IconPrimaryProperties: PropertiesTableProps = {\n  icon: {\n    doc: 'Defines the [primary icon](/icons/primary) to be used, as a string.',\n    type: 'string',\n    status: 'required',\n  },\n  '[Icon](/uilib/components/icon/properties)': {\n    doc: 'accepts all default icon properties.',\n    type: 'Various',\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":"AAEA,OAAO,MAAMA,qBAA2C,GAAG;EACzDC,IAAI,EAAE;IACJC,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,2CAA2C,EAAE;IAC3CF,GAAG,EAAE,sCAAsC;IAC3CC,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/components/info-card/InfoCard.d.ts

@@ -48,7 +48,12 @@ export interface InfoCardProps {
      * Image src, will replace the 'icon' with the image
      * Default: null
      */
-    text: React.ReactNode;
+    text?: React.ReactNode;
+    /**
+     * Can be used to add custom content, which is displayed/rendered between the `text` property and buttons.
+     * Default: null
+     */
+    children?: React.ReactNode;
     /**
      * Component title
      * Default: null

package/components/info-card/InfoCard.js

@@ -3,7 +3,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["alt", "centered", "dropShadow", "title", "skeleton", "stretch", "className", "icon", "src", "imgProps", "text", "onClose", "onAccept", "closeButtonText", "acceptButtonText", "closeButtonAttributes", "acceptButtonAttributes"];
+const _excluded = ["alt", "centered", "dropShadow", "title", "skeleton", "stretch", "className", "icon", "src", "imgProps", "text", "children", "onClose", "onAccept", "closeButtonText", "acceptButtonText", "closeButtonAttributes", "acceptButtonAttributes"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback } from 'react';
@@ -42,6 +42,7 @@ const InfoCard = localProps => {
       src,
       imgProps,
       text,
+      children,
       onClose,
       onAccept,
       closeButtonText,
@@ -107,11 +108,11 @@ const InfoCard = localProps => {
     size: "small",
     modifier: "medium",
     bottom: "x-small"
-  }, title), React.createElement(P, {
+  }, title), text && React.createElement(P, {
     size: "small",
     className: "dnb-info-card__text",
     bottom: "0"
-  }, text), getButtons())));
+  }, text), children, getButtons())));
 };
 InfoCard._supportsSpacingProps = true;
 export default InfoCard;

package/components/info-card/InfoCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoCard.js","names":["React","useCallback","classnames","Button","IconPrimary","Img","Space","P","lightbulb_medium","LightbulbIcon","createSpacingClasses","Context","Provider","extendPropsWithContext","validateDOMAttributes","defaultProps","centered","dropShadow","skeleton","icon","InfoCard","localProps","_IconPrimary","context","useContext","allProps","alt","title","stretch","className","src","imgProps","text","onClose","onAccept","closeButtonText","acceptButtonText","closeButtonAttributes","acceptButtonAttributes","props","_objectWithoutProperties","_excluded","spacingClasses","closeButtonIsHidden","acceptButtonIsHidden","getButtons","createElement","_extends","top","type","variant","right","on_click","icon_position","getIllustration","imageProps","_objectSpread","size","bottom","modifier","_supportsSpacingProps"],"sources":["../../../../src/components/info-card/InfoCard.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button, { ButtonProps } from '../button/Button'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport Img, { ImgProps } from '../../elements/img/Img'\nimport Space from '../space/Space'\nimport P from '../../elements/P'\n\n// Icons\nimport { lightbulb_medium as LightbulbIcon } from '../../icons'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport interface InfoCardProps {\n  /**\n   * Used in combination with `src` to provide an alt attribute for the `img` element.\n   * Default: null\n   */\n  alt?: React.ReactNode\n  /**\n   * Aligns the content to center, rather than left\n   * Default: false\n   */\n  centered?: boolean\n  /**\n   * Determines whether to display a drop shadow around the card.\n   * Default: true\n   */\n  dropShadow?: boolean\n  /**\n   * Replace the default icon with custom icon.\n   * Default: Lightbulb (icon)\n   */\n  icon?: IconIcon\n  /**\n   * Props applied to the `img` element if the component is used to display an image. Replace the 'icon'\n   * Default: null\n   */\n  imgProps?: ImgProps\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n  /**\n   * Stretch the card to fill the container\n   */\n  stretch?: boolean\n  /**\n   * Specifies the path to the image\n   * Default: null\n   */\n  src?: string\n  /**\n   * Image src, will replace the 'icon' with the image\n   * Default: null\n   */\n  text: React.ReactNode\n  /**\n   * Component title\n   * Default: null\n   */\n  title?: React.ReactNode\n  /**\n   * Is called when the close button is clicked\n   * Default: null\n   */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>\n  /**\n   * The text of the close button.\n   * Default: null\n   */\n  closeButtonText?: React.ReactNode\n  /**\n   * Is called when the accept button is clicked\n   * Default: null\n   */\n  onAccept?: React.MouseEventHandler<HTMLButtonElement>\n  /**\n   * The text of the accept button.\n   * Default: null\n   */\n  acceptButtonText?: React.ReactNode\n  /**\n   * Additional attributes for the close button.\n   * Default: null\n   */\n  closeButtonAttributes?: ButtonProps\n  /**\n   * Additional attributes for the accept button\n   * Default: null\n   */\n  acceptButtonAttributes?: ButtonProps\n}\n\nexport type InfoCardAllProps = InfoCardProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> &\n  SpacingProps\n\nexport const defaultProps = {\n  centered: false,\n  dropShadow: true,\n  skeleton: false,\n  icon: LightbulbIcon,\n}\n\nconst InfoCard = (localProps: InfoCardAllProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  const allProps = extendPropsWithContext(localProps, defaultProps, {\n    skeleton: context?.skeleton,\n  })\n\n  // Extract additional props from global context\n  const {\n    alt,\n    centered,\n    dropShadow,\n    title,\n    skeleton,\n    stretch,\n    className,\n    icon,\n    src,\n    imgProps,\n    text,\n    onClose,\n    onAccept,\n    closeButtonText,\n    acceptButtonText,\n    closeButtonAttributes,\n    acceptButtonAttributes,\n    ...props\n  } = allProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const closeButtonIsHidden = !onClose && !closeButtonText\n  const acceptButtonIsHidden = !onAccept && !acceptButtonText\n\n  validateDOMAttributes(allProps, props)\n\n  const getButtons = useCallback(() => {\n    if (closeButtonIsHidden && acceptButtonIsHidden) return null\n\n    return (\n      <div className=\"dnb-info-card__buttons\">\n        {!acceptButtonIsHidden && (\n          <Button\n            top={centered ? 'medium' : 'small'}\n            type=\"button\"\n            className=\"dnb-info-card__buttons__accept-button\"\n            variant=\"secondary\"\n            right={centered ? 'zero' : 'small'}\n            on_click={onAccept}\n            text={acceptButtonText}\n            {...acceptButtonAttributes}\n          />\n        )}\n        {!closeButtonIsHidden && (\n          <Button\n            type=\"button\"\n            className=\"dnb-info-card__buttons__close-button\"\n            variant=\"tertiary\"\n            top=\"small\"\n            on_click={onClose}\n            icon=\"close\"\n            icon_position=\"left\"\n            text={closeButtonText}\n            {...closeButtonAttributes}\n          />\n        )}\n      </div>\n    )\n  }, [\n    acceptButtonAttributes,\n    acceptButtonIsHidden,\n    acceptButtonText,\n    centered,\n    closeButtonAttributes,\n    closeButtonIsHidden,\n    closeButtonText,\n    onAccept,\n    onClose,\n  ])\n\n  const getIllustration = useCallback(() => {\n    if (src || imgProps) {\n      const imageProps = { src, alt, ...imgProps }\n      return <Img className=\"dnb-info-card__image\" {...imageProps} />\n    }\n    return (\n      <IconPrimary\n        size=\"medium\"\n        className=\"dnb-info-card__icon\"\n        icon={icon}\n      />\n    )\n  }, [alt, icon, imgProps, src])\n\n  return (\n    <div\n      className={classnames(\n        'dnb-info-card',\n        centered && 'dnb-info-card--centered',\n        stretch && 'dnb-info-card--stretch',\n        dropShadow && 'dnb-info-card--shadow',\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Provider skeleton={skeleton}>\n        <Space\n          right={!centered ? 'small' : false}\n          bottom={centered ? 'small' : false}\n        >\n          {getIllustration()}\n        </Space>\n\n        <div className=\"dnb-info-card__content\">\n          {title && (\n            <P\n              className=\"dnb-info-card__title\"\n              size=\"small\"\n              modifier=\"medium\"\n              bottom=\"x-small\"\n            >\n              {title}\n            </P>\n          )}\n\n          <P size=\"small\" className=\"dnb-info-card__text\" bottom=\"0\">\n            {text}\n          </P>\n\n          {getButtons()}\n        </div>\n      </Provider>\n    </div>\n  )\n}\n\nInfoCard._supportsSpacingProps = true\n\nexport default InfoCard\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InfoCard.js","names":["React","useCallback","classnames","Button","IconPrimary","Img","Space","P","lightbulb_medium","LightbulbIcon","createSpacingClasses","Context","Provider","extendPropsWithContext","validateDOMAttributes","defaultProps","centered","dropShadow","skeleton","icon","InfoCard","localProps","_IconPrimary","context","useContext","allProps","alt","title","stretch","className","src","imgProps","text","children","onClose","onAccept","closeButtonText","acceptButtonText","closeButtonAttributes","acceptButtonAttributes","props","_objectWithoutProperties","_excluded","spacingClasses","closeButtonIsHidden","acceptButtonIsHidden","getButtons","createElement","_extends","top","type","variant","right","on_click","icon_position","getIllustration","imageProps","_objectSpread","size","bottom","modifier","_supportsSpacingProps"],"sources":["../../../../src/components/info-card/InfoCard.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button, { ButtonProps } from '../button/Button'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\nimport Img, { ImgProps } from '../../elements/img/Img'\nimport Space from '../space/Space'\nimport P from '../../elements/P'\n\n// Icons\nimport { lightbulb_medium as LightbulbIcon } from '../../icons'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport Context from '../../shared/Context'\nimport Provider from '../../shared/Provider'\nimport type { SpacingProps } from '../../shared/types'\nimport {\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport interface InfoCardProps {\n  /**\n   * Used in combination with `src` to provide an alt attribute for the `img` element.\n   * Default: null\n   */\n  alt?: React.ReactNode\n  /**\n   * Aligns the content to center, rather than left\n   * Default: false\n   */\n  centered?: boolean\n  /**\n   * Determines whether to display a drop shadow around the card.\n   * Default: true\n   */\n  dropShadow?: boolean\n  /**\n   * Replace the default icon with custom icon.\n   * Default: Lightbulb (icon)\n   */\n  icon?: IconIcon\n  /**\n   * Props applied to the `img` element if the component is used to display an image. Replace the 'icon'\n   * Default: null\n   */\n  imgProps?: ImgProps\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n  /**\n   * Stretch the card to fill the container\n   */\n  stretch?: boolean\n  /**\n   * Specifies the path to the image\n   * Default: null\n   */\n  src?: string\n  /**\n   * Image src, will replace the 'icon' with the image\n   * Default: null\n   */\n  text?: React.ReactNode\n  /**\n   * Can be used to add custom content, which is displayed/rendered between the `text` property and buttons.\n   * Default: null\n   */\n  children?: React.ReactNode\n  /**\n   * Component title\n   * Default: null\n   */\n  title?: React.ReactNode\n  /**\n   * Is called when the close button is clicked\n   * Default: null\n   */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>\n  /**\n   * The text of the close button.\n   * Default: null\n   */\n  closeButtonText?: React.ReactNode\n  /**\n   * Is called when the accept button is clicked\n   * Default: null\n   */\n  onAccept?: React.MouseEventHandler<HTMLButtonElement>\n  /**\n   * The text of the accept button.\n   * Default: null\n   */\n  acceptButtonText?: React.ReactNode\n  /**\n   * Additional attributes for the close button.\n   * Default: null\n   */\n  closeButtonAttributes?: ButtonProps\n  /**\n   * Additional attributes for the accept button\n   * Default: null\n   */\n  acceptButtonAttributes?: ButtonProps\n}\n\nexport type InfoCardAllProps = InfoCardProps &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> &\n  SpacingProps\n\nexport const defaultProps = {\n  centered: false,\n  dropShadow: true,\n  skeleton: false,\n  icon: LightbulbIcon,\n}\n\nconst InfoCard = (localProps: InfoCardAllProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  const allProps = extendPropsWithContext(localProps, defaultProps, {\n    skeleton: context?.skeleton,\n  })\n\n  // Extract additional props from global context\n  const {\n    alt,\n    centered,\n    dropShadow,\n    title,\n    skeleton,\n    stretch,\n    className,\n    icon,\n    src,\n    imgProps,\n    text,\n    children,\n    onClose,\n    onAccept,\n    closeButtonText,\n    acceptButtonText,\n    closeButtonAttributes,\n    acceptButtonAttributes,\n    ...props\n  } = allProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const closeButtonIsHidden = !onClose && !closeButtonText\n  const acceptButtonIsHidden = !onAccept && !acceptButtonText\n\n  validateDOMAttributes(allProps, props)\n\n  const getButtons = useCallback(() => {\n    if (closeButtonIsHidden && acceptButtonIsHidden) return null\n\n    return (\n      <div className=\"dnb-info-card__buttons\">\n        {!acceptButtonIsHidden && (\n          <Button\n            top={centered ? 'medium' : 'small'}\n            type=\"button\"\n            className=\"dnb-info-card__buttons__accept-button\"\n            variant=\"secondary\"\n            right={centered ? 'zero' : 'small'}\n            on_click={onAccept}\n            text={acceptButtonText}\n            {...acceptButtonAttributes}\n          />\n        )}\n        {!closeButtonIsHidden && (\n          <Button\n            type=\"button\"\n            className=\"dnb-info-card__buttons__close-button\"\n            variant=\"tertiary\"\n            top=\"small\"\n            on_click={onClose}\n            icon=\"close\"\n            icon_position=\"left\"\n            text={closeButtonText}\n            {...closeButtonAttributes}\n          />\n        )}\n      </div>\n    )\n  }, [\n    acceptButtonAttributes,\n    acceptButtonIsHidden,\n    acceptButtonText,\n    centered,\n    closeButtonAttributes,\n    closeButtonIsHidden,\n    closeButtonText,\n    onAccept,\n    onClose,\n  ])\n\n  const getIllustration = useCallback(() => {\n    if (src || imgProps) {\n      const imageProps = { src, alt, ...imgProps }\n      return <Img className=\"dnb-info-card__image\" {...imageProps} />\n    }\n    return (\n      <IconPrimary\n        size=\"medium\"\n        className=\"dnb-info-card__icon\"\n        icon={icon}\n      />\n    )\n  }, [alt, icon, imgProps, src])\n\n  return (\n    <div\n      className={classnames(\n        'dnb-info-card',\n        centered && 'dnb-info-card--centered',\n        stretch && 'dnb-info-card--stretch',\n        dropShadow && 'dnb-info-card--shadow',\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Provider skeleton={skeleton}>\n        <Space\n          right={!centered ? 'small' : false}\n          bottom={centered ? 'small' : false}\n        >\n          {getIllustration()}\n        </Space>\n\n        <div className=\"dnb-info-card__content\">\n          {title && (\n            <P\n              className=\"dnb-info-card__title\"\n              size=\"small\"\n              modifier=\"medium\"\n              bottom=\"x-small\"\n            >\n              {title}\n            </P>\n          )}\n          {text && (\n            <P size=\"small\" className=\"dnb-info-card__text\" bottom=\"0\">\n              {text}\n            </P>\n          )}\n          {children}\n          {getButtons()}\n        </div>\n      </Provider>\n    </div>\n  )\n}\n\nInfoCard._supportsSpacingProps = true\n\nexport default InfoCard\n"],"mappings":"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","ignoreList":[]}

package/components/info-card/InfoCardDocs.js

@@ -1,8 +1,8 @@
 export const InfoCardProperties = {
   text: {
-    doc: 'The content of the InfoCard can be a string or a react element.',
+    doc: 'The text content of the InfoCard, displayed/rendered in a paragraph. To fully customize the content, see `children` property.',
     type: ['React.ReactNode'],
-    status: 'required'
+    status: 'optional'
   },
   title: {
     doc: 'The title of the InfoCard.',
@@ -26,7 +26,7 @@ export const InfoCardProperties = {
   },
   className: {
     doc: 'Custom className for the component root.',
-    type: ['x'],
+    type: ['string'],
     status: 'optional'
   },
   icon: {
@@ -74,6 +74,11 @@ export const InfoCardProperties = {
     type: ['ButtonProps'],
     status: 'optional'
   },
+  children: {
+    doc: 'Can be used to add custom content, which is displayed/rendered between the `text` property and buttons.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
   '[Space](/uilib/layout/space/properties)': {
     doc: 'Spacing properties like `top` or `bottom` are supported.',
     type: ['string', 'object'],

package/components/info-card/InfoCardDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoCardDocs.js","names":["InfoCardProperties","text","doc","type","status","title","centered","dropShadow","stretch","className","icon","imgProps","alt","src","skeleton","closeButtonText","closeButtonAttributes","acceptButtonText","acceptButtonAttributes","InfoCardEvents","onAccept","onClose"],"sources":["../../../../src/components/info-card/InfoCardDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const InfoCardProperties: PropertiesTableProps = {\n  text: {\n    doc: 'The content of the InfoCard can be a string or a react element.',\n    type: ['React.ReactNode'],\n    status: 'required',\n  },\n  title: {\n    doc: 'The title of the InfoCard.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  centered: {\n    doc: 'Centers the content. Defaults to `false`.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  dropShadow: {\n    doc: 'Sets the drop shadow of the info card. Defaults to `true`.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'Stretch the card to fill the container.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  className: {\n    doc: 'Custom className for the component root.',\n    type: ['x'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Custom icon. Defaults to the `lightbulb` icon.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  imgProps: {\n    doc: '[Image properties](/uilib/elements/image) applied to the `img` element if the component is used to display an image.',\n    type: ['ImgProps'],\n    status: 'optional',\n  },\n  alt: {\n    doc: 'Used in combination with `src` to provide an alt attribute for the image element.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  src: {\n    doc: 'Specifies the path to the image.',\n    type: ['string'],\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  closeButtonText: {\n    doc: 'The close button text.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  closeButtonAttributes: {\n    doc: 'define any valid Eufemia [Button properties](/uilib/components/button/properties) or HTML attribute inside an object.',\n    type: ['ButtonProps'],\n    status: 'optional',\n  },\n  acceptButtonText: {\n    doc: 'The accept button text.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  acceptButtonAttributes: {\n    doc: 'define any valid Eufemia [Button properties](/uilib/components/button/properties) or HTML attribute inside an object.',\n    type: ['ButtonProps'],\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 InfoCardEvents: PropertiesTableProps = {\n  onAccept: {\n    doc: 'will be called when user clicks the accept button.',\n    type: 'function',\n    status: 'optional',\n  },\n  onClose: {\n    doc: 'will be called when user clicks the close button.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAwC,GAAG;EACtDC,IAAI,EAAE;IACJC,GAAG,EAAE,iEAAiE;IACtEC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,UAAU,EAAE;IACVL,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,0CAA0C;IAC/CC,IAAI,EAAE,CAAC,GAAG,CAAC;IACXC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDO,QAAQ,EAAE;IACRT,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClBC,MAAM,EAAE;EACV,CAAC;EACDQ,GAAG,EAAE;IACHV,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDS,GAAG,EAAE;IACHX,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,eAAe,EAAE;IACfb,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDY,qBAAqB,EAAE;IACrBd,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,CAAC,aAAa,CAAC;IACrBC,MAAM,EAAE;EACV,CAAC;EACDa,gBAAgB,EAAE;IAChBf,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDc,sBAAsB,EAAE;IACtBhB,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,CAAC,aAAa,CAAC;IACrBC,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;AAED,OAAO,MAAMe,cAAoC,GAAG;EAClDC,QAAQ,EAAE;IACRlB,GAAG,EAAE,oDAAoD;IACzDC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDiB,OAAO,EAAE;IACPnB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"InfoCardDocs.js","names":["InfoCardProperties","text","doc","type","status","title","centered","dropShadow","stretch","className","icon","imgProps","alt","src","skeleton","closeButtonText","closeButtonAttributes","acceptButtonText","acceptButtonAttributes","children","InfoCardEvents","onAccept","onClose"],"sources":["../../../../src/components/info-card/InfoCardDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const InfoCardProperties: PropertiesTableProps = {\n  text: {\n    doc: 'The text content of the InfoCard, displayed/rendered in a paragraph. To fully customize the content, see `children` property.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'The title of the InfoCard.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  centered: {\n    doc: 'Centers the content. Defaults to `false`.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  dropShadow: {\n    doc: 'Sets the drop shadow of the info card. Defaults to `true`.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'Stretch the card to fill the container.',\n    type: ['boolean'],\n    status: 'optional',\n  },\n  className: {\n    doc: 'Custom className for the component root.',\n    type: ['string'],\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Custom icon. Defaults to the `lightbulb` icon.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  imgProps: {\n    doc: '[Image properties](/uilib/elements/image) applied to the `img` element if the component is used to display an image.',\n    type: ['ImgProps'],\n    status: 'optional',\n  },\n  alt: {\n    doc: 'Used in combination with `src` to provide an alt attribute for the image element.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  src: {\n    doc: 'Specifies the path to the image.',\n    type: ['string'],\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  closeButtonText: {\n    doc: 'The close button text.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  closeButtonAttributes: {\n    doc: 'define any valid Eufemia [Button properties](/uilib/components/button/properties) or HTML attribute inside an object.',\n    type: ['ButtonProps'],\n    status: 'optional',\n  },\n  acceptButtonText: {\n    doc: 'The accept button text.',\n    type: ['React.ReactNode'],\n    status: 'optional',\n  },\n  acceptButtonAttributes: {\n    doc: 'define any valid Eufemia [Button properties](/uilib/components/button/properties) or HTML attribute inside an object.',\n    type: ['ButtonProps'],\n    status: 'optional',\n  },\n  children: {\n    doc: 'Can be used to add custom content, which is displayed/rendered between the `text` property and buttons.',\n    type: 'React.ReactNode',\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 InfoCardEvents: PropertiesTableProps = {\n  onAccept: {\n    doc: 'will be called when user clicks the accept button.',\n    type: 'function',\n    status: 'optional',\n  },\n  onClose: {\n    doc: 'will be called when user clicks the close button.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,kBAAwC,GAAG;EACtDC,IAAI,EAAE;IACJC,GAAG,EAAE,+HAA+H;IACpIC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,2CAA2C;IAChDC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDG,UAAU,EAAE;IACVL,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDI,OAAO,EAAE;IACPN,GAAG,EAAE,yCAAyC;IAC9CC,IAAI,EAAE,CAAC,SAAS,CAAC;IACjBC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,0CAA0C;IAC/CC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDM,IAAI,EAAE;IACJR,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,iBAAiB;IACvBC,MAAM,EAAE;EACV,CAAC;EACDO,QAAQ,EAAE;IACRT,GAAG,EAAE,sHAAsH;IAC3HC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClBC,MAAM,EAAE;EACV,CAAC;EACDQ,GAAG,EAAE;IACHV,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDS,GAAG,EAAE;IACHX,GAAG,EAAE,kCAAkC;IACvCC,IAAI,EAAE,CAAC,QAAQ,CAAC;IAChBC,MAAM,EAAE;EACV,CAAC;EACDU,QAAQ,EAAE;IACRZ,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,eAAe,EAAE;IACfb,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDY,qBAAqB,EAAE;IACrBd,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,CAAC,aAAa,CAAC;IACrBC,MAAM,EAAE;EACV,CAAC;EACDa,gBAAgB,EAAE;IAChBf,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,CAAC,iBAAiB,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDc,sBAAsB,EAAE;IACtBhB,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,CAAC,aAAa,CAAC;IACrBC,MAAM,EAAE;EACV,CAAC;EACDe,QAAQ,EAAE;IACRjB,GAAG,EAAE,yGAAyG;IAC9GC,IAAI,EAAE,iBAAiB;IACvBC,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;AAED,OAAO,MAAMgB,cAAoC,GAAG;EAClDC,QAAQ,EAAE;IACRnB,GAAG,EAAE,oDAAoD;IACzDC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDkB,OAAO,EAAE;IACPpB,GAAG,EAAE,mDAAmD;IACxDC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/components/input/Input.d.ts

@@ -162,32 +162,14 @@ export interface InputProps
   submit_button_status?: string;
   className?: string;
   children?: InputChildren;
-  /**
-   * Will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, event }`.
-   */
   on_change?: (...args: any[]) => any;
-  /**
-   * Will be called on key down by the user. Returns `{ value, event }`.
-   */
   on_key_down?: (...args: any[]) => any;
-  /**
-   * Will be called on submit button click. Returns `{ value, event }`.
-   */
   on_submit?: (...args: any[]) => any;
-  /**
-   * Will be called on focus set by the user. Returns `{ value, event }`.
-   */
   on_focus?: (...args: any[]) => any;
-  /**
-   * Will be called on blur set by the user. Returns `{ value, event }`.
-   */
   on_blur?: (...args: any[]) => any;
   on_submit_focus?: (...args: any[]) => any;
   on_submit_blur?: (...args: any[]) => any;
   on_state_update?: (...args: any[]) => any;
-  /**
-   * Will be called on a clear button click. Returns `{ value, previousValue, event }`.
-   */
   on_clear?: (...args: any[]) => any;
 }
 export default class Input extends React.Component<InputProps, any> {
@@ -233,9 +215,6 @@ export interface SubmitButtonProps
    */
   status_props?: FormStatusProps;
   className?: string;
-  /**
-   * Will be called on submit button click. Returns `{ value, event }`.
-   */
   on_submit?: (...args: any[]) => any;
   on_submit_focus?: (...args: any[]) => any;
   on_submit_blur?: (...args: any[]) => any;

package/components/input/InputDocs.d.ts

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

package/components/input/InputDocs.js

@@ -155,4 +155,36 @@ export const inputProperties = {
     status: 'optional'
   }
 };
+export const inputEvents = {
+  on_change: {
+    doc: 'will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  on_focus: {
+    doc: 'will be called on focus set by the user. Returns `{ value, event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  on_key_down: {
+    doc: 'will be called on key down by the user. Returns `{ value, event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  on_blur: {
+    doc: 'will be called on blur set by the user. Returns `{ value, event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  on_submit: {
+    doc: 'will be called on submit button click. Returns `{ value, event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  on_clear: {
+    doc: 'will be called on a clear button click. Returns `{ value, previousValue, event }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
 //# sourceMappingURL=InputDocs.js.map

package/components/input/InputDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDocs.js","names":["inputProperties","value","doc","type","status","align","label","label_sr_only","label_direction","status_state","status_props","globalStatus","placeholder","icon","icon_position","icon_size","keep_placeholder","input_class","autocomplete","submit_button_title","suffix","size","selectall","clear","stretch","skeleton","input_attributes","input_state","submit_element","inner_ref","input_element","inner_element"],"sources":["../../../../src/components/input/InputDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const inputProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The content value of the input.',\n    type: 'string',\n    status: 'optional',\n  },\n  align: {\n    doc: 'Defines the text alignment of the input. Can be `left`, `right` or `center`. Defaults to `left`.',\n    type: 'string',\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: 'React.Node',\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  label_direction: {\n    doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'string',\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: 'string',\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: 'string',\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  placeholder: {\n    doc: 'The placeholder which shows up once the input value is empty.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Icon to show before or after the input / placeholder. Can be either a string defining a primary icon or a Component using an SVG icon of either 16px or 24px.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Defines the position of icon inside the input. Set to `left` or `right`. Defaults to `left` if not set.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'The icon size of the icon shows. Defaults to `medium`.',\n    type: 'string',\n    status: 'optional',\n  },\n  keep_placeholder: {\n    doc: 'Set to `true` in case the `placeholder` has to be kept during focus. By default, the placeholder disappears on focus.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_class: {\n    doc: 'In case we have to set a custom input class.',\n    type: 'string',\n    status: 'optional',\n  },\n  type: {\n    doc: 'Choose between `text`, `number`, `email`, `password`, `url`, `tel` and `search`.',\n    type: 'string',\n    status: 'optional',\n  },\n  autocomplete: {\n    doc: 'Defaults to `off`. Set to `on` or any of [allowed `attributes`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete). Keep in mind, 1. you may have to define a `name`, 2. have the input as a descendant of a `<form>` element, 3. and have a submit button inside the form.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_button_title: {\n    doc: 'Title attribute for the search icon. Only relevant if search input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`. Also, if you define a number like `size={2}` then it will be forwarded as the input element attribute.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  selectall: {\n    doc: 'If set to `true`, then the whole input value gets selected on the entry focus. A second click will place the cursor on the wanted position.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  clear: {\n    doc: 'If set to `true`, then a clear button will be shown which lets the user clear any given input value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the input field will be 100% in `width`.',\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  input_attributes: {\n    doc: 'Provide the Input element with any attributes by using an Object `input_attributes={{size:\\'2\\'}}` or a JSON Object `input_attributes=\\'{\"size\":\"2\"}\\'`. **NB:** Keep in mind, that also every not listed component property will be sent along and set as an Input element attribute.',\n    type: 'object',\n    status: 'optional',\n  },\n  input_state: {\n    doc: 'Defines a custom visual state of the input. Use it only if you have to simulate a custom state. Currently are three statuses `virgin` , `focus` and `dirty`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_element: {\n    doc: 'Accepts a React element which will show up like the \"submit button\" would do on `type=\"search\"`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  inner_ref: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  input_element: {\n    doc: 'By providing a new component we can change the internally used element. Also supports a string only, like `input_element=\"input\"`.',\n    type: ['string', 'React.Element'],\n    status: 'internal',\n  },\n  inner_element: {\n    doc: 'By providing a new component to be rendered inside the \"shell\" – we can add a freely customizable internal element. Used by the Autocomplete component.',\n    type: ['string', 'React.Element'],\n    status: 'internal',\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":"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","ignoreList":[]}
+{"version":3,"file":"InputDocs.js","names":["inputProperties","value","doc","type","status","align","label","label_sr_only","label_direction","status_state","status_props","globalStatus","placeholder","icon","icon_position","icon_size","keep_placeholder","input_class","autocomplete","submit_button_title","suffix","size","selectall","clear","stretch","skeleton","input_attributes","input_state","submit_element","inner_ref","input_element","inner_element","inputEvents","on_change","on_focus","on_key_down","on_blur","on_submit","on_clear"],"sources":["../../../../src/components/input/InputDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const inputProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The content value of the input.',\n    type: 'string',\n    status: 'optional',\n  },\n  align: {\n    doc: 'Defines the text alignment of the input. Can be `left`, `right` or `center`. Defaults to `left`.',\n    type: 'string',\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: 'React.Node',\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  label_direction: {\n    doc: 'Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'string',\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: 'string',\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: 'string',\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  placeholder: {\n    doc: 'The placeholder which shows up once the input value is empty.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon: {\n    doc: 'Icon to show before or after the input / placeholder. Can be either a string defining a primary icon or a Component using an SVG icon of either 16px or 24px.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  icon_position: {\n    doc: 'Defines the position of icon inside the input. Set to `left` or `right`. Defaults to `left` if not set.',\n    type: 'string',\n    status: 'optional',\n  },\n  icon_size: {\n    doc: 'The icon size of the icon shows. Defaults to `medium`.',\n    type: 'string',\n    status: 'optional',\n  },\n  keep_placeholder: {\n    doc: 'Set to `true` in case the `placeholder` has to be kept during focus. By default, the placeholder disappears on focus.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  input_class: {\n    doc: 'In case we have to set a custom input class.',\n    type: 'string',\n    status: 'optional',\n  },\n  type: {\n    doc: 'Choose between `text`, `number`, `email`, `password`, `url`, `tel` and `search`.',\n    type: 'string',\n    status: 'optional',\n  },\n  autocomplete: {\n    doc: 'Defaults to `off`. Set to `on` or any of [allowed `attributes`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete). Keep in mind, 1. you may have to define a `name`, 2. have the input as a descendant of a `<form>` element, 3. and have a submit button inside the form.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_button_title: {\n    doc: 'Title attribute for the search icon. Only relevant if search input.',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  size: {\n    doc: 'The sizes you can choose is `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`. Also, if you define a number like `size={2}` then it will be forwarded as the input element attribute.',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  selectall: {\n    doc: 'If set to `true`, then the whole input value gets selected on the entry focus. A second click will place the cursor on the wanted position.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  clear: {\n    doc: 'If set to `true`, then a clear button will be shown which lets the user clear any given input value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the input field will be 100% in `width`.',\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  input_attributes: {\n    doc: 'Provide the Input element with any attributes by using an Object `input_attributes={{size:\\'2\\'}}` or a JSON Object `input_attributes=\\'{\"size\":\"2\"}\\'`. **NB:** Keep in mind, that also every not listed component property will be sent along and set as an Input element attribute.',\n    type: 'object',\n    status: 'optional',\n  },\n  input_state: {\n    doc: 'Defines a custom visual state of the input. Use it only if you have to simulate a custom state. Currently are three statuses `virgin` , `focus` and `dirty`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  submit_element: {\n    doc: 'Accepts a React element which will show up like the \"submit button\" would do on `type=\"search\"`.',\n    type: ['string', 'React.Element'],\n    status: 'optional',\n  },\n  inner_ref: {\n    doc: 'By providing a React.ref we can get the internally used input element (DOM). E.g. `inner_ref={myRef}` by using `React.createRef()` or `React.useRef()`.',\n    type: 'React.Ref',\n    status: 'optional',\n  },\n  input_element: {\n    doc: 'By providing a new component we can change the internally used element. Also supports a string only, like `input_element=\"input\"`.',\n    type: ['string', 'React.Element'],\n    status: 'internal',\n  },\n  inner_element: {\n    doc: 'By providing a new component to be rendered inside the \"shell\" – we can add a freely customizable internal element. Used by the Autocomplete component.',\n    type: ['string', 'React.Element'],\n    status: 'internal',\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 inputEvents: PropertiesTableProps = {\n  on_change: {\n    doc: 'will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_focus: {\n    doc: 'will be called on focus set by the user. Returns `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_key_down: {\n    doc: 'will be called on key down by the user. Returns `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_blur: {\n    doc: 'will be called on blur set by the user. Returns `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_submit: {\n    doc: 'will be called on submit button click. Returns `{ value, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_clear: {\n    doc: 'will be called on a clear button click. Returns `{ value, previousValue, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input-masked/InputMasked.d.ts

@@ -104,21 +104,9 @@ export interface InputMaskedProps
    */
   placeholder_char?: string;
   inner_ref?: React.Ref;
-  /**
-   * Will be called on value changes made by the user. Returns an object with the value as a string and the native event: `{ value, event }`.
-   */
   on_change?: (...args: any[]) => any;
-  /**
-   * Will be called on submit button click. Returns `{ value, event }`.
-   */
   on_submit?: (...args: any[]) => any;
-  /**
-   * Will be called on focus set by the user. Returns `{ value, event }`.
-   */
   on_focus?: (...args: any[]) => any;
-  /**
-   * Will be called on blur set by the user. Returns `{ value, event }`.
-   */
   on_blur?: (...args: any[]) => any;
   on_submit_focus?: (...args: any[]) => any;
   on_submit_blur?: (...args: any[]) => any;