@dnb/eufemia 10.69.0 → 10.70.0

package/cjs/components/icon/IconDocs.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconProperties = void 0;
+const IconProperties = exports.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/cjs/components/icon/IconDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconDocs.js","names":["IconProperties","exports","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":";;;;;;AAEO,MAAMA,cAAoC,GAAAC,OAAA,CAAAD,cAAA,GAAG;EAClDE,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/cjs/components/icon/IconPrimaryDocs.d.ts

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

package/cjs/components/icon/IconPrimaryDocs.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconPrimaryProperties = void 0;
+const IconPrimaryProperties = exports.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/cjs/components/icon/IconPrimaryDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPrimaryDocs.js","names":["IconPrimaryProperties","exports","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":";;;;;;AAEO,MAAMA,qBAA2C,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACzDE,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/cjs/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/cjs/components/info-card/InfoCard.js

@@ -18,7 +18,7 @@ var _SpacingHelper = require("../space/SpacingHelper");
 var _Context = _interopRequireDefault(require("../../shared/Context"));
 var _Provider = _interopRequireDefault(require("../../shared/Provider"));
 var _componentHelper = require("../../shared/component-helper");
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -54,6 +54,7 @@ const InfoCard = localProps => {
       src,
       imgProps,
       text,
+      children,
       onClose,
       onAccept,
       closeButtonText,
@@ -119,11 +120,11 @@ const InfoCard = localProps => {
     size: "small",
     modifier: "medium",
     bottom: "x-small"
-  }, title), _react.default.createElement(_P.default, {
+  }, title), text && _react.default.createElement(_P.default, {
     size: "small",
     className: "dnb-info-card__text",
     bottom: "0"
-  }, text), getButtons())));
+  }, text), children, getButtons())));
 };
 InfoCard._supportsSpacingProps = true;
 var _default = exports.default = InfoCard;

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

@@ -1 +1 @@
-{"version":3,"file":"InfoCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_IconPrimary2","_Img","_Space","_P","_icons","_SpacingHelper","_Context","_Provider","_componentHelper","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_extends","assign","bind","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","exports","centered","dropShadow","skeleton","icon","LightbulbIcon","InfoCard","localProps","_IconPrimary","context","React","useContext","Context","allProps","extendPropsWithContext","alt","title","stretch","className","src","imgProps","text","onClose","onAccept","closeButtonText","acceptButtonText","closeButtonAttributes","acceptButtonAttributes","props","spacingClasses","createSpacingClasses","closeButtonIsHidden","acceptButtonIsHidden","validateDOMAttributes","getButtons","useCallback","createElement","top","type","variant","right","on_click","icon_position","getIllustration","imageProps","size","classnames","bottom","modifier","_supportsSpacingProps","_default"],"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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAF,sBAAA,CAAAF,OAAA;AAEA,IAAAK,IAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,EAAA,GAAAL,sBAAA,CAAAF,OAAA;AAGA,IAAAQ,MAAA,GAAAR,OAAA;AAGA,IAAAS,cAAA,GAAAT,OAAA;AAEA,IAAAU,QAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,SAAA,GAAAT,sBAAA,CAAAF,OAAA;AAEA,IAAAY,gBAAA,GAAAZ,OAAA;AAGsC,MAAAa,SAAA;AAAA,SAAAX,uBAAAY,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAf,wBAAAe,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAApB,CAAA,EAAAK,CAAA,QAAAC,CAAA,GAAAM,MAAA,CAAAS,IAAA,CAAArB,CAAA,OAAAY,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAAtB,CAAA,GAAAK,CAAA,KAAAkB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAnB,CAAA,WAAAO,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAK,CAAA,EAAAoB,UAAA,OAAAnB,CAAA,CAAAoB,IAAA,CAAAC,KAAA,CAAArB,CAAA,EAAAiB,CAAA,YAAAjB,CAAA;AAAA,SAAAsB,cAAA5B,CAAA,aAAAK,CAAA,MAAAA,CAAA,GAAAwB,SAAA,CAAAC,MAAA,EAAAzB,CAAA,UAAAC,CAAA,WAAAuB,SAAA,CAAAxB,CAAA,IAAAwB,SAAA,CAAAxB,CAAA,QAAAA,CAAA,OAAAe,OAAA,CAAAR,MAAA,CAAAN,CAAA,OAAAyB,OAAA,WAAA1B,CAAA,IAAA2B,eAAA,CAAAhC,CAAA,EAAAK,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAO,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAlC,CAAA,EAAAY,MAAA,CAAAqB,yBAAA,CAAA3B,CAAA,KAAAc,OAAA,CAAAR,MAAA,CAAAN,CAAA,GAAAyB,OAAA,WAAA1B,CAAA,IAAAO,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAK,CAAA,EAAAO,MAAA,CAAAE,wBAAA,CAAAR,CAAA,EAAAD,CAAA,iBAAAL,CAAA;AAAA,SAAAgC,gBAAAhC,CAAA,EAAAK,CAAA,EAAAC,CAAA,YAAAD,CAAA,GAAA8B,cAAA,CAAA9B,CAAA,MAAAL,CAAA,GAAAY,MAAA,CAAAC,cAAA,CAAAb,CAAA,EAAAK,CAAA,IAAA+B,KAAA,EAAA9B,CAAA,EAAAmB,UAAA,MAAAY,YAAA,MAAAC,QAAA,UAAAtC,CAAA,CAAAK,CAAA,IAAAC,CAAA,EAAAN,CAAA;AAAA,SAAAmC,eAAA7B,CAAA,QAAAY,CAAA,GAAAqB,YAAA,CAAAjC,CAAA,uCAAAY,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAAqB,aAAAjC,CAAA,EAAAD,CAAA,2BAAAC,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAN,CAAA,GAAAM,CAAA,CAAAkC,MAAA,CAAAC,WAAA,kBAAAzC,CAAA,QAAAkB,CAAA,GAAAlB,CAAA,CAAAiB,IAAA,CAAAX,CAAA,EAAAD,CAAA,uCAAAa,CAAA,SAAAA,CAAA,YAAAwB,SAAA,yEAAArC,CAAA,GAAAsC,MAAA,GAAAC,MAAA,EAAAtC,CAAA;AAAA,SAAAuC,SAAA,WAAAA,QAAA,GAAAjC,MAAA,CAAAkC,MAAA,GAAAlC,MAAA,CAAAkC,MAAA,CAAAC,IAAA,eAAAtC,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAA6B,SAAA,CAAAC,MAAA,EAAA9B,CAAA,UAAAM,CAAA,GAAAuB,SAAA,CAAA7B,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAoC,QAAA,CAAAlB,KAAA,OAAAE,SAAA;AAAA,SAAAmB,yBAAAhD,CAAA,EAAAM,CAAA,gBAAAN,CAAA,iBAAAuB,CAAA,EAAAlB,CAAA,EAAAa,CAAA,GAAA+B,6BAAA,CAAAjD,CAAA,EAAAM,CAAA,OAAAM,MAAA,CAAAU,qBAAA,QAAAb,CAAA,GAAAG,MAAA,CAAAU,qBAAA,CAAAtB,CAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAI,CAAA,CAAAqB,MAAA,EAAAzB,CAAA,IAAAkB,CAAA,GAAAd,CAAA,CAAAJ,CAAA,UAAAC,CAAA,CAAA4C,OAAA,CAAA3B,CAAA,QAAA4B,oBAAA,CAAAlC,IAAA,CAAAjB,CAAA,EAAAuB,CAAA,MAAAL,CAAA,CAAAK,CAAA,IAAAvB,CAAA,CAAAuB,CAAA,aAAAL,CAAA;AAAA,SAAA+B,8BAAA5C,CAAA,EAAAL,CAAA,gBAAAK,CAAA,iBAAAC,CAAA,gBAAAG,CAAA,IAAAJ,CAAA,SAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAI,CAAA,gBAAAT,CAAA,CAAAkD,OAAA,CAAAzC,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAJ,CAAA,CAAAI,CAAA,YAAAH,CAAA;AAwF/B,MAAM8C,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,QAAQ,EAAE,KAAK;EACfC,UAAU,EAAE,IAAI;EAChBC,QAAQ,EAAE,KAAK;EACfC,IAAI,EAAEC;AACR,CAAC;AAED,MAAMC,QAAQ,GAAIC,UAA4B,IAAK;EAAA,IAAAC,YAAA;EAEjD,MAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,gBAAO,CAAC;EAEzC,MAAMC,QAAQ,GAAG,IAAAC,uCAAsB,EAACP,UAAU,EAAER,YAAY,EAAE;IAChEI,QAAQ,EAAEM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEN;EACrB,CAAC,CAAC;EAGF,MAAM;MACJY,GAAG;MACHd,QAAQ;MACRC,UAAU;MACVc,KAAK;MACLb,QAAQ;MACRc,OAAO;MACPC,SAAS;MACTd,IAAI;MACJe,GAAG;MACHC,QAAQ;MACRC,IAAI;MACJC,OAAO;MACPC,QAAQ;MACRC,eAAe;MACfC,gBAAgB;MAChBC,qBAAqB;MACrBC;IAEF,CAAC,GAAGd,QAAQ;IADPe,KAAK,GAAAjC,wBAAA,CACNkB,QAAQ,EAAAnE,SAAA;EAEZ,MAAMmF,cAAc,GAAG,IAAAC,mCAAoB,EAACF,KAAK,CAAC;EAElD,MAAMG,mBAAmB,GAAG,CAACT,OAAO,IAAI,CAACE,eAAe;EACxD,MAAMQ,oBAAoB,GAAG,CAACT,QAAQ,IAAI,CAACE,gBAAgB;EAE3D,IAAAQ,sCAAqB,EAACpB,QAAQ,EAAEe,KAAK,CAAC;EAEtC,MAAMM,UAAU,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACnC,IAAIJ,mBAAmB,IAAIC,oBAAoB,EAAE,OAAO,IAAI;IAE5D,OACErG,MAAA,CAAAkB,OAAA,CAAAuF,aAAA;MAAKlB,SAAS,EAAC;IAAwB,GACpC,CAACc,oBAAoB,IACpBrG,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,CAACpG,OAAA,CAAAa,OAAM,EAAA2C,QAAA;MACL6C,GAAG,EAAEpC,QAAQ,GAAG,QAAQ,GAAG,OAAQ;MACnCqC,IAAI,EAAC,QAAQ;MACbpB,SAAS,EAAC,uCAAuC;MACjDqB,OAAO,EAAC,WAAW;MACnBC,KAAK,EAAEvC,QAAQ,GAAG,MAAM,GAAG,OAAQ;MACnCwC,QAAQ,EAAElB,QAAS;MACnBF,IAAI,EAAEI;IAAiB,GACnBE,sBAAsB,CAC3B,CACF,EACA,CAACI,mBAAmB,IACnBpG,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,CAACpG,OAAA,CAAAa,OAAM,EAAA2C,QAAA;MACL8C,IAAI,EAAC,QAAQ;MACbpB,SAAS,EAAC,sCAAsC;MAChDqB,OAAO,EAAC,UAAU;MAClBF,GAAG,EAAC,OAAO;MACXI,QAAQ,EAAEnB,OAAQ;MAClBlB,IAAI,EAAC,OAAO;MACZsC,aAAa,EAAC,MAAM;MACpBrB,IAAI,EAAEG;IAAgB,GAClBE,qBAAqB,CAC1B,CAEA,CAAC;EAEV,CAAC,EAAE,CACDC,sBAAsB,EACtBK,oBAAoB,EACpBP,gBAAgB,EAChBxB,QAAQ,EACRyB,qBAAqB,EACrBK,mBAAmB,EACnBP,eAAe,EACfD,QAAQ,EACRD,OAAO,CACR,CAAC;EAEF,MAAMqB,eAAe,GAAG,IAAAR,kBAAW,EAAC,MAAM;IACxC,IAAIhB,GAAG,IAAIC,QAAQ,EAAE;MACnB,MAAMwB,UAAU,GAAArE,aAAA;QAAK4C,GAAG;QAAEJ;MAAG,GAAKK,QAAQ,CAAE;MAC5C,OAAOzF,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,CAAClG,IAAA,CAAAW,OAAG,EAAA2C,QAAA;QAAC0B,SAAS,EAAC;MAAsB,GAAK0B,UAAU,CAAG,CAAC;IACjE;IACA,OAAApC,YAAA,KAAAA,YAAA,GACE7E,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,CAACnG,aAAA,CAAAY,OAAW;MACVgG,IAAI,EAAC,QAAQ;MACb3B,SAAS,EAAC,qBAAqB;MAC/Bd,IAAI,EAAEA;IAAK,CACZ,CAAC;EAEN,CAAC,EAAE,CAACW,GAAG,EAAEX,IAAI,EAAEgB,QAAQ,EAAED,GAAG,CAAC,CAAC;EAE9B,OACExF,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,QAAA5C,QAAA;IACE0B,SAAS,EAAE,IAAA4B,mBAAU,EACnB,eAAe,EAIfjB,cAAc,EACdX,SAAS,EAJTjB,QAAQ,IAAI,yBAAyB,EACrCgB,OAAO,IAAI,wBAAwB,EACnCf,UAAU,IAAI,uBAGhB;EAAE,GACE0B,KAAK,GAETjG,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,CAAC5F,SAAA,CAAAK,OAAQ;IAACsD,QAAQ,EAAEA;EAAS,GAC3BxE,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,CAACjG,MAAA,CAAAU,OAAK;IACJ2F,KAAK,EAAE,CAACvC,QAAQ,GAAG,OAAO,GAAG,KAAM;IACnC8C,MAAM,EAAE9C,QAAQ,GAAG,OAAO,GAAG;EAAM,GAElC0C,eAAe,CAAC,CACZ,CAAC,EAERhH,MAAA,CAAAkB,OAAA,CAAAuF,aAAA;IAAKlB,SAAS,EAAC;EAAwB,GACpCF,KAAK,IACJrF,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,CAAChG,EAAA,CAAAS,OAAC;IACAqE,SAAS,EAAC,sBAAsB;IAChC2B,IAAI,EAAC,OAAO;IACZG,QAAQ,EAAC,QAAQ;IACjBD,MAAM,EAAC;EAAS,GAEf/B,KACA,CACJ,EAEDrF,MAAA,CAAAkB,OAAA,CAAAuF,aAAA,CAAChG,EAAA,CAAAS,OAAC;IAACgG,IAAI,EAAC,OAAO;IAAC3B,SAAS,EAAC,qBAAqB;IAAC6B,MAAM,EAAC;EAAG,GACvD1B,IACA,CAAC,EAEHa,UAAU,CAAC,CACT,CACG,CACP,CAAC;AAEV,CAAC;AAED5B,QAAQ,CAAC2C,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAAAlD,OAAA,CAAAnD,OAAA,GAEtByD,QAAQ","ignoreList":[]}
+{"version":3,"file":"InfoCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_IconPrimary2","_Img","_Space","_P","_icons","_SpacingHelper","_Context","_Provider","_componentHelper","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_extends","assign","bind","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","defaultProps","exports","centered","dropShadow","skeleton","icon","LightbulbIcon","InfoCard","localProps","_IconPrimary","context","React","useContext","Context","allProps","extendPropsWithContext","alt","title","stretch","className","src","imgProps","text","children","onClose","onAccept","closeButtonText","acceptButtonText","closeButtonAttributes","acceptButtonAttributes","props","spacingClasses","createSpacingClasses","closeButtonIsHidden","acceptButtonIsHidden","validateDOMAttributes","getButtons","useCallback","createElement","top","type","variant","right","on_click","icon_position","getIllustration","imageProps","size","classnames","bottom","modifier","_supportsSpacingProps","_default"],"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/cjs/components/info-card/InfoCardDocs.d.ts

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

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

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InfoCardProperties = exports.InfoCardEvents = void 0;
+const InfoCardProperties = exports.InfoCardProperties = {
+  text: {
+    doc: 'The text content of the InfoCard, displayed/rendered in a paragraph. To fully customize the content, see `children` property.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  title: {
+    doc: 'The title of the InfoCard.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  centered: {
+    doc: 'Centers the content. Defaults to `false`.',
+    type: ['boolean'],
+    status: 'optional'
+  },
+  dropShadow: {
+    doc: 'Sets the drop shadow of the info card. Defaults to `true`.',
+    type: ['boolean'],
+    status: 'optional'
+  },
+  stretch: {
+    doc: 'Stretch the card to fill the container.',
+    type: ['boolean'],
+    status: 'optional'
+  },
+  className: {
+    doc: 'Custom className for the component root.',
+    type: ['string'],
+    status: 'optional'
+  },
+  icon: {
+    doc: 'Custom icon. Defaults to the `lightbulb` icon.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  imgProps: {
+    doc: '[Image properties](/uilib/elements/image) applied to the `img` element if the component is used to display an image.',
+    type: ['ImgProps'],
+    status: 'optional'
+  },
+  alt: {
+    doc: 'Used in combination with `src` to provide an alt attribute for the image element.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  src: {
+    doc: 'Specifies the path to the image.',
+    type: ['string'],
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  closeButtonText: {
+    doc: 'The close button text.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  closeButtonAttributes: {
+    doc: 'define any valid Eufemia [Button properties](/uilib/components/button/properties) or HTML attribute inside an object.',
+    type: ['ButtonProps'],
+    status: 'optional'
+  },
+  acceptButtonText: {
+    doc: 'The accept button text.',
+    type: ['React.ReactNode'],
+    status: 'optional'
+  },
+  acceptButtonAttributes: {
+    doc: 'define any valid Eufemia [Button properties](/uilib/components/button/properties) or HTML attribute inside an object.',
+    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'],
+    status: 'optional'
+  }
+};
+const InfoCardEvents = exports.InfoCardEvents = {
+  onAccept: {
+    doc: 'will be called when user clicks the accept button.',
+    type: 'function',
+    status: 'optional'
+  },
+  onClose: {
+    doc: 'will be called when user clicks the close button.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=InfoCardDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCardDocs.js","names":["InfoCardProperties","exports","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":";;;;;;AAEO,MAAMA,kBAAwC,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EACtDE,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;AAEM,MAAMgB,cAAoC,GAAApB,OAAA,CAAAoB,cAAA,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/cjs/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/cjs/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/cjs/components/input/InputDocs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.inputProperties = void 0;
+exports.inputProperties = exports.inputEvents = void 0;
 const inputProperties = exports.inputProperties = {
   value: {
     doc: 'The content value of the input.',
@@ -161,4 +161,36 @@ const inputProperties = exports.inputProperties = {
     status: 'optional'
   }
 };
+const inputEvents = exports.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/cjs/components/input/InputDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputDocs.js","names":["inputProperties","exports","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","exports","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/cjs/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;

package/cjs/components/input-masked/InputMaskedDocs.d.ts

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

package/cjs/components/input-masked/InputMaskedDocs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.inputMaskedProperties = void 0;
+exports.inputMaskedProperties = exports.inputMaskedEvents = void 0;
 const inputMaskedProperties = exports.inputMaskedProperties = {
   as_number: {
     doc: 'Set to `true` to automatically set a number mask based on the given or inherited locale.',
@@ -81,4 +81,16 @@ const inputMaskedProperties = exports.inputMaskedProperties = {
     status: 'optional'
   }
 };
+const inputMaskedEvents = exports.inputMaskedEvents = {
+  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, numberValue, cleanedValue, event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  '[Input](/uilib/components/input/events)': {
+    doc: 'All `Input` events are supported.',
+    type: 'Various',
+    status: 'optional'
+  }
+};
 //# sourceMappingURL=InputMaskedDocs.js.map

package/cjs/components/input-masked/InputMaskedDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMaskedDocs.js","names":["inputMaskedProperties","exports","as_number","doc","type","status","as_percent","as_currency","mask_options","number_mask","currency_mask","number_format","locale","mask","show_mask","show_guide","placeholder_char","keep_char_positions"],"sources":["../../../../src/components/input-masked/InputMaskedDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const inputMaskedProperties: PropertiesTableProps = {\n  as_number: {\n    doc: 'Set to `true` to automatically set a number mask based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  as_percent: {\n    doc: 'Set to `true` to automatically set a number mask with a percentage sign based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  as_currency: {\n    doc: 'Set to `true` to use `NOK` or give it a currency code e.g. `USD` to automatically set a currency mask based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  mask_options: {\n    doc: 'Use it to manipulate internal masks. You can use it instead of e.g. `number_mask` or `currency_mask`. All options are listed below.',\n    type: 'object',\n    status: 'optional',\n  },\n  number_mask: {\n    doc: 'Set to `true` to enable the default numbers formatting – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default.',\n    type: ['boolean', 'object'],\n    status: 'optional',\n  },\n  currency_mask: {\n    doc: 'Set to `true` or set the _valuta_ (currency_mask=\"kr\") to enable a custom currency mask – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default. Defaults to `kr`.',\n    type: ['boolean', 'object'],\n    status: 'optional',\n  },\n  number_format: {\n    doc: 'Use an object with [NumberFormat](/uilib/components/number-format/properties).',\n    type: 'object',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Define the locale to be used in the `as_number` or `as_currency` masked. It will be inherited from the [Eufemia Provider](/uilib/usage/customisation/provider) if not given. Defaults to `nb-NO`.',\n    type: 'string',\n    status: 'optional',\n  },\n  mask: {\n    doc: 'A mask can be defined both as a [RegExp style of characters](https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#readme) or a callback function. Example below. Defaults to number mask.',\n    type: ['RegExp', 'function'],\n    status: 'optional',\n  },\n  show_mask: {\n    doc: 'Show mask when input is empty and has no focus. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show_guide: {\n    doc: \"When `false` is given, it doesn't print out placeholder characters and only adds mask characters when the user reaches them as they're typing. Defaults to `true`.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder_char: {\n    doc: 'The placeholder character represents the fillable spot in the mask (e.g. `_`). Defaults to invisible space.',\n    type: 'string',\n    status: 'optional',\n  },\n  keep_char_positions: {\n    doc: 'When `true`, adding or deleting characters will not affect the positions of existing characters. Defaults to `false`.',\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  '[Input](/uilib/components/input/properties)': {\n    doc: 'All `Input` properties are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,qBAA2C,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACzDE,SAAS,EAAE;IACTC,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVH,GAAG,EAAE,iHAAiH;IACtHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,+IAA+I;IACpJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,sOAAsO;IAC3OC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDK,aAAa,EAAE;IACbP,GAAG,EAAE,yRAAyR;IAC9RC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,IAAI,EAAE;IACJV,GAAG,EAAE,mNAAmN;IACxNC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDS,SAAS,EAAE;IACTX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,UAAU,EAAE;IACVZ,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,gBAAgB,EAAE;IAChBb,GAAG,EAAE,6GAA6G;IAClHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,mBAAmB,EAAE;IACnBd,GAAG,EAAE,uHAAuH;IAC5HC,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,CAAC;EACD,6CAA6C,EAAE;IAC7CF,GAAG,EAAE,uCAAuC;IAC5CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"InputMaskedDocs.js","names":["inputMaskedProperties","exports","as_number","doc","type","status","as_percent","as_currency","mask_options","number_mask","currency_mask","number_format","locale","mask","show_mask","show_guide","placeholder_char","keep_char_positions","inputMaskedEvents","on_change"],"sources":["../../../../src/components/input-masked/InputMaskedDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const inputMaskedProperties: PropertiesTableProps = {\n  as_number: {\n    doc: 'Set to `true` to automatically set a number mask based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  as_percent: {\n    doc: 'Set to `true` to automatically set a number mask with a percentage sign based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  as_currency: {\n    doc: 'Set to `true` to use `NOK` or give it a currency code e.g. `USD` to automatically set a currency mask based on the given or inherited locale.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  mask_options: {\n    doc: 'Use it to manipulate internal masks. You can use it instead of e.g. `number_mask` or `currency_mask`. All options are listed below.',\n    type: 'object',\n    status: 'optional',\n  },\n  number_mask: {\n    doc: 'Set to `true` to enable the default numbers formatting – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default.',\n    type: ['boolean', 'object'],\n    status: 'optional',\n  },\n  currency_mask: {\n    doc: 'Set to `true` or set the _valuta_ (currency_mask=\"kr\") to enable a custom currency mask – or give an `object` containing the number mask properties. More details below. Can be a JSON string as well, containing the number mask properties. Is disabled by default. Defaults to `kr`.',\n    type: ['boolean', 'object'],\n    status: 'optional',\n  },\n  number_format: {\n    doc: 'Use an object with [NumberFormat](/uilib/components/number-format/properties).',\n    type: 'object',\n    status: 'optional',\n  },\n  locale: {\n    doc: 'Define the locale to be used in the `as_number` or `as_currency` masked. It will be inherited from the [Eufemia Provider](/uilib/usage/customisation/provider) if not given. Defaults to `nb-NO`.',\n    type: 'string',\n    status: 'optional',\n  },\n  mask: {\n    doc: 'A mask can be defined both as a [RegExp style of characters](https://github.com/text-mask/text-mask/blob/master/componentDocumentation.md#readme) or a callback function. Example below. Defaults to number mask.',\n    type: ['RegExp', 'function'],\n    status: 'optional',\n  },\n  show_mask: {\n    doc: 'Show mask when input is empty and has no focus. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  show_guide: {\n    doc: \"When `false` is given, it doesn't print out placeholder characters and only adds mask characters when the user reaches them as they're typing. Defaults to `true`.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder_char: {\n    doc: 'The placeholder character represents the fillable spot in the mask (e.g. `_`). Defaults to invisible space.',\n    type: 'string',\n    status: 'optional',\n  },\n  keep_char_positions: {\n    doc: 'When `true`, adding or deleting characters will not affect the positions of existing characters. Defaults to `false`.',\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  '[Input](/uilib/components/input/properties)': {\n    doc: 'All `Input` properties are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const inputMaskedEvents: 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, numberValue, cleanedValue, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Input](/uilib/components/input/events)': {\n    doc: 'All `Input` events are supported.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,qBAA2C,GAAAC,OAAA,CAAAD,qBAAA,GAAG;EACzDE,SAAS,EAAE;IACTC,GAAG,EAAE,0FAA0F;IAC/FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,UAAU,EAAE;IACVH,GAAG,EAAE,iHAAiH;IACtHC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,+IAA+I;IACpJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,YAAY,EAAE;IACZL,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,WAAW,EAAE;IACXN,GAAG,EAAE,sOAAsO;IAC3OC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDK,aAAa,EAAE;IACbP,GAAG,EAAE,yRAAyR;IAC9RC,IAAI,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC;IAC3BC,MAAM,EAAE;EACV,CAAC;EACDM,aAAa,EAAE;IACbR,GAAG,EAAE,gFAAgF;IACrFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,MAAM,EAAE;IACNT,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,IAAI,EAAE;IACJV,GAAG,EAAE,mNAAmN;IACxNC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDS,SAAS,EAAE;IACTX,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,UAAU,EAAE;IACVZ,GAAG,EAAE,oKAAoK;IACzKC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,gBAAgB,EAAE;IAChBb,GAAG,EAAE,6GAA6G;IAClHC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,mBAAmB,EAAE;IACnBd,GAAG,EAAE,uHAAuH;IAC5HC,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,CAAC;EACD,6CAA6C,EAAE;IAC7CF,GAAG,EAAE,uCAAuC;IAC5CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMa,iBAAuC,GAAAjB,OAAA,CAAAiB,iBAAA,GAAG;EACrDC,SAAS,EAAE;IACThB,GAAG,EAAE,qKAAqK;IAC1KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,mCAAmC;IACxCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/cjs/components/input-masked/MultiInputMaskedDocs.d.ts

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