@dnb/eufemia 9.23.0-beta.2 → 9.23.0-beta.3

package/esm/components/icon/style/dnb-icon.css

@@ -1,91 +0,0 @@
-/*
-* DNB icon
-*
-*/
-/**
- * This file is only used to make components independent
- * so that they can get imported individually, without the core styles
- *
- */
-/*
- * Utilities
- */
-/*
- * Scopes
- *
- */
-/*
- * Document Reset
- *
- */
-/*
-* Icon component
-*
-*/
-.dnb-icon {
-  display: inline-block;
-  vertical-align: middle;
-  font-size: 1rem;
-  line-height: 1rem;
-  color: inherit;
-  width: 1em;
-  height: 1em; }
-  .dnb-icon img,
-  .dnb-icon svg {
-    width: inherit;
-    height: inherit;
-    shape-rendering: geometricPrecision;
-    vertical-align: top; }
-  .dnb-icon svg[width='100%'] {
-    width: inherit; }
-  .dnb-icon svg[height='100%'] {
-    height: inherit; }
-  .dnb-icon--inherit-color svg:not([fill]),
-  .dnb-icon--inherit-color svg [fill] {
-    fill: currentColor; }
-  .dnb-icon--inherit-color svg [stroke] {
-    stroke: currentColor; }
-  .dnb-icon--small {
-    font-size: 0.75rem; }
-  .dnb-icon--default {
-    font-size: 1rem; }
-  .dnb-icon--medium {
-    font-size: 1.5rem; }
-  .dnb-icon--large {
-    font-size: 2rem; }
-  .dnb-icon--x-large {
-    font-size: 2.5rem; }
-  .dnb-icon--xx-large {
-    font-size: 3rem; }
-  .dnb-icon--custom-size {
-    width: auto;
-    height: auto; }
-  .dnb-icon--auto {
-    font-size: 1em; }
-  .dnb-icon--auto > .dnb-icon--wrapper {
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -webkit-box-pack: center;
-        -ms-flex-pack: center;
-            justify-content: center; }
-  h1 .dnb-icon,
-  h2 .dnb-icon,
-  h3 .dnb-icon,
-  h4 .dnb-icon,
-  h5 .dnb-icon,
-  h6 .dnb-icon {
-    vertical-align: middle; }
-  .dnb-icon.dnb-skeleton {
-    color: #ebebeb !important;
-    color: var(--skeleton-color) !important; }
-    .dnb-icon.dnb-skeleton::before, .dnb-icon.dnb-skeleton::after {
-      content: none !important; }
-  @media screen and (-ms-high-contrast: none) {
-    .dnb-icon {
-      -webkit-box-flex: 0;
-          -ms-flex: none;
-              flex: none; } }

package/esm/components/icon/style/dnb-icon.min.css

@@ -1 +0,0 @@
-.dnb-icon{color:inherit;display:inline-block;font-size:1rem;height:1em;line-height:1rem;vertical-align:middle;width:1em}.dnb-icon img,.dnb-icon svg{shape-rendering:geometricPrecision;height:inherit;vertical-align:top;width:inherit}.dnb-icon svg[width="100%"]{width:inherit}.dnb-icon svg[height="100%"]{height:inherit}.dnb-icon--inherit-color svg:not([fill]),.dnb-icon--inherit-color svg [fill]{fill:currentColor}.dnb-icon--inherit-color svg [stroke]{stroke:currentColor}.dnb-icon--small{font-size:.75rem}.dnb-icon--default{font-size:1rem}.dnb-icon--medium{font-size:1.5rem}.dnb-icon--large{font-size:2rem}.dnb-icon--x-large{font-size:2.5rem}.dnb-icon--xx-large{font-size:3rem}.dnb-icon--custom-size{height:auto;width:auto}.dnb-icon--auto{font-size:1em}.dnb-icon--auto>.dnb-icon--wrapper{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;justify-content:center}h1 .dnb-icon,h2 .dnb-icon,h3 .dnb-icon,h4 .dnb-icon,h5 .dnb-icon,h6 .dnb-icon{vertical-align:middle}.dnb-icon.dnb-skeleton{color:#ebebeb!important;color:var(--skeleton-color)!important}.dnb-icon.dnb-skeleton:after,.dnb-icon.dnb-skeleton:before{content:none!important}@media screen and (-ms-high-contrast:none){.dnb-icon{-webkit-box-flex:0;-ms-flex:none;flex:none}}

package/esm/components/icon/style/dnb-icon.scss

@@ -1,7 +0,0 @@
-/*
-* DNB icon
-*
-*/
-
-@import '../../../style/components/imports.scss';
-@import './_icon.scss';

package/esm/components/icon/style/index.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/icon/style/index.js

@@ -1 +0,0 @@
-import "./dnb-icon.min.css";

package/esm/components/icon/style/themes/dnb-icon-theme-ui.css

@@ -1,18 +0,0 @@
-/*
- * Icon theme
- *
- */
-.dnb-icon--border {
-  position: relative;
-  vertical-align: baseline; }
-  .dnb-icon--border::after {
-    content: '';
-    position: absolute;
-    left: -25%;
-    right: -25%;
-    top: -25%;
-    bottom: -25%;
-    margin: auto;
-    border-radius: 50%;
-    border: 0.0875rem solid;
-    border-color: currentColor; }

package/esm/components/icon/style/themes/dnb-icon-theme-ui.min.css

@@ -1 +0,0 @@
-.dnb-icon--border{position:relative;vertical-align:baseline}.dnb-icon--border:after{border:.0875rem solid;border-radius:50%;bottom:-25%;content:"";left:-25%;margin:auto;position:absolute;right:-25%;top:-25%}

package/esm/components/icon/style/themes/dnb-icon-theme-ui.scss

@@ -1,30 +0,0 @@
-/*
- * Icon theme
- *
- */
-
-.dnb-icon {
-  &--border {
-    position: relative;
-    vertical-align: baseline;
-
-    &::after {
-      content: '';
-      position: absolute;
-      left: -25%;
-      right: -25%;
-      top: -25%;
-      bottom: -25%;
-
-      // Not needed, but maybe IE needs it?
-      // width: 150%;
-      // height: 150%;
-
-      margin: auto; // for IE centering
-
-      border-radius: 50%;
-      border: 0.0875rem solid; // use 1.4px instead of 1.5 so webkit is rounding down
-      border-color: currentColor;
-    }
-  }
-}

package/esm/components/icon/style.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/icon/style.js

@@ -1 +0,0 @@
-import "./style/dnb-icon.min.css";

package/esm/components/icon/web-component.d.ts

@@ -1,3 +0,0 @@
-export default Icon;
-export * from "./Icon";
-import Icon from "./Icon";

package/esm/components/icon/web-component.js

@@ -1,5 +0,0 @@
-import { registerElement } from '../../shared/custom-element';
-import Icon from './Icon';
-export default Icon;
-export * from './Icon';
-registerElement(Icon === null || Icon === void 0 ? void 0 : Icon.tagName, Icon, Icon.defaultProps);

package/esm/components/icon-primary/IconPrimary.d.ts

@@ -1,139 +0,0 @@
-import * as React from 'react';
-export type IconPrimaryIcon =
-  | string
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export type IconPrimarySize =
-  | number
-  | string
-  | 'default'
-  | 'medium'
-  | 'large';
-export type IconPrimarySpace =
-  | string
-  | number
-  | boolean
-  | {
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-       */
-      top?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-       */
-      right?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-       */
-      bottom?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-       */
-      left?: string | number | boolean;
-    };
-export type IconPrimaryTop = string | number | boolean;
-export type IconPrimaryRight = string | number | boolean;
-export type IconPrimaryBottom = string | number | boolean;
-export type IconPrimaryLeft = string | number | boolean;
-export type IconPrimaryWidth = string | number;
-export type IconPrimaryHeight = string | number;
-export type IconPrimaryBorder = string | boolean;
-export type IconPrimaryInheritColor = string | boolean;
-export type IconPrimarySkeleton = string | boolean;
-export type IconPrimaryAttributes =
-  | string
-  | React.AllHTMLAttributes<string>;
-export type IconPrimaryChildren =
-  | React.ReactNode
-  | ((...args: any[]) => any);
-/**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
- */
-
-export interface IconPrimaryProps
-  extends Omit<React.HTMLProps<HTMLElement>, 'size'> {
-  /**
-   * <em>(required)</em> a React SVG Component or the icon name (in case we use `IconPrimary` or `dnb-icon-primary`).
-   */
-  icon?: IconPrimaryIcon;
-
-  /**
-   * Modifier class to define. Will result in: `dnb-icon--${modifier}`.
-   */
-  modifier?: string;
-
-  /**
-   * 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`.
-   */
-  size?: IconPrimarySize;
-
-  /**
-   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
-   */
-  space?: IconPrimarySpace;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-   */
-  top?: IconPrimaryTop;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-   */
-  right?: IconPrimaryRight;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-   */
-  bottom?: IconPrimaryBottom;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-   */
-  left?: IconPrimaryLeft;
-  width?: IconPrimaryWidth;
-  height?: IconPrimaryHeight;
-
-  /**
-   * 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`.
-   */
-  border?: IconPrimaryBorder;
-
-  /**
-   * Sets a color property to the `svg` markup. Default is no color, which means <em>black</em>
-   */
-  color?: string;
-
-  /**
-   * Default to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.
-   */
-  inherit_color?: IconPrimaryInheritColor;
-
-  /**
-   * The alternative label (text version) of the icon. Defaults to the imported icon name.
-   */
-  alt?: string;
-
-  /**
-   * Use a title to provide extra information about the icon used.
-   */
-  title?: string;
-
-  /**
-   * If set to `true`, an overlaying skeleton with animation will be shown.
-   */
-  skeleton?: IconPrimarySkeleton;
-  attributes?: IconPrimaryAttributes;
-  className?: string;
-  children?: IconPrimaryChildren;
-}
-export default class IconPrimary extends React.Component<
-  IconPrimaryProps,
-  any
-> {
-  static defaultProps: object;
-  render(): JSX.Element;
-}

package/esm/components/icon-primary/IconPrimary.js

@@ -1,93 +0,0 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import "core-js/modules/es.reflect.construct.js";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-import React from 'react';
-import Context from '../../shared/Context';
-import { extendPropsWithContext } from '../../shared/component-helper';
-import DefaultIcon, { iconPropTypes, DefaultIconSize, prerenderIcon, prepareIcon } from '../icon/Icon';
-import * as primary_icons from '../../icons/primary_icons.js';
-import * as primary_icons_medium from '../../icons/primary_icons_medium.js';
-
-var icons = _objectSpread(_objectSpread({}, primary_icons), primary_icons_medium);
-
-export { DefaultIconSize };
-
-var IconPrimary = function (_React$PureComponent) {
-  _inherits(IconPrimary, _React$PureComponent);
-
-  var _super = _createSuper(IconPrimary);
-
-  function IconPrimary() {
-    _classCallCheck(this, IconPrimary);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(IconPrimary, [{
-    key: "render",
-    value: function render() {
-      var _this$context;
-
-      var props = extendPropsWithContext(this.props, IconPrimary.defaultProps, {
-        skeleton: (_this$context = this.context) === null || _this$context === void 0 ? void 0 : _this$context.skeleton
-      }, this.context.FormRow, this.context.Icon, this.context.IconPrimary);
-
-      var _prepareIcon = prepareIcon(props, this.context),
-          icon = _prepareIcon.icon,
-          size = _prepareIcon.size,
-          wrapperParams = _prepareIcon.wrapperParams,
-          iconParams = _prepareIcon.iconParams,
-          alt = _prepareIcon.alt;
-
-      var IconContainer = prerenderIcon({
-        icon: icon,
-        size: size,
-        alt: alt,
-        listOfIcons: icons
-      });
-      if (!IconContainer) return React.createElement(React.Fragment, null);
-      return React.createElement("span", wrapperParams, React.createElement(IconContainer, iconParams));
-    }
-  }], [{
-    key: "enableWebComponent",
-    value: function enableWebComponent() {
-      DefaultIcon.enableWebComponent(IconPrimary === null || IconPrimary === void 0 ? void 0 : IconPrimary.tagName, IconPrimary);
-    }
-  }, {
-    key: "getIcon",
-    value: function getIcon(props) {
-      return DefaultIcon.getIcon(props);
-    }
-  }]);
-
-  return IconPrimary;
-}(React.PureComponent);
-
-_defineProperty(IconPrimary, "tagName", 'dnb-icon-primary');
-
-_defineProperty(IconPrimary, "contextType", Context);
-
-_defineProperty(IconPrimary, "defaultProps", _objectSpread({}, DefaultIcon.defaultProps));
-
-export { IconPrimary as default };
-process.env.NODE_ENV !== "production" ? IconPrimary.propTypes = _objectSpread({}, iconPropTypes) : void 0;

package/esm/components/icon-primary/index.d.ts

@@ -1,3 +0,0 @@
-export default IconPrimary;
-export * from "./IconPrimary";
-import IconPrimary from "./IconPrimary";

package/esm/components/icon-primary/index.js

@@ -1,3 +0,0 @@
-import IconPrimary from './IconPrimary';
-export default IconPrimary;
-export * from './IconPrimary';

package/esm/components/icon-primary/style.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/icon-primary/style.js

@@ -1 +0,0 @@
-import "../icon/style/dnb-icon.min.css";

package/esm/components/icon-primary/web-component.d.ts

@@ -1,3 +0,0 @@
-export default IconPrimary;
-export * from "./IconPrimary";
-import IconPrimary from "./IconPrimary";

package/esm/components/icon-primary/web-component.js

@@ -1,5 +0,0 @@
-import { registerElement } from '../../shared/custom-element';
-import IconPrimary from './IconPrimary';
-export default IconPrimary;
-export * from './IconPrimary';
-registerElement(IconPrimary === null || IconPrimary === void 0 ? void 0 : IconPrimary.tagName, IconPrimary, IconPrimary.defaultProps);

package/esm/components/index.d.ts

@@ -1,43 +0,0 @@
-import Accordion from "./accordion/Accordion";
-import Autocomplete from "./autocomplete/Autocomplete";
-import Avatar from "./avatar/Avatar";
-import Breadcrumb from "./breadcrumb/Breadcrumb";
-import Button from "./button/Button";
-import Checkbox from "./checkbox/Checkbox";
-import DatePicker from "./date-picker/DatePicker";
-import Dialog from "./dialog/Dialog";
-import Drawer from "./drawer/Drawer";
-import Dropdown from "./dropdown/Dropdown";
-import FormLabel from "./form-label/FormLabel";
-import FormRow from "./form-row/FormRow";
-import FormSet from "./form-set/FormSet";
-import FormStatus from "./form-status/FormStatus";
-import GlobalError from "./global-error/GlobalError";
-import GlobalStatus from "./global-status/GlobalStatus";
-import Heading from "./heading/Heading";
-import HelpButton from "./help-button/HelpButton";
-import Icon from "./icon/Icon";
-import IconPrimary from "./icon-primary/IconPrimary";
-import InfoCard from "./info-card/InfoCard";
-import Input from "./input/Input";
-import InputMasked from "./input-masked/InputMasked";
-import Logo from "./logo/Logo";
-import Modal from "./modal/Modal";
-import NumberFormat from "./number-format/NumberFormat";
-import Pagination from "./pagination/Pagination";
-import ProgressIndicator from "./progress-indicator/ProgressIndicator";
-import Radio from "./radio/Radio";
-import Section from "./section/Section";
-import Skeleton from "./skeleton/Skeleton";
-import Slider from "./slider/Slider";
-import Space from "./space/Space";
-import StepIndicator from "./step-indicator/StepIndicator";
-import Switch from "./switch/Switch";
-import Tabs from "./tabs/Tabs";
-import Tag from "./tag/Tag";
-import Textarea from "./textarea/Textarea";
-import Timeline from "./timeline/Timeline";
-import ToggleButton from "./toggle-button/ToggleButton";
-import Tooltip from "./tooltip/Tooltip";
-import VisuallyHidden from "./visually-hidden/VisuallyHidden";
-export { Accordion, Autocomplete, Avatar, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, VisuallyHidden };

package/esm/components/index.js

@@ -1,43 +0,0 @@
-import Accordion from './accordion/Accordion';
-import Autocomplete from './autocomplete/Autocomplete';
-import Avatar from './avatar/Avatar';
-import Breadcrumb from './breadcrumb/Breadcrumb';
-import Button from './button/Button';
-import Checkbox from './checkbox/Checkbox';
-import DatePicker from './date-picker/DatePicker';
-import Dialog from './dialog/Dialog';
-import Drawer from './drawer/Drawer';
-import Dropdown from './dropdown/Dropdown';
-import FormLabel from './form-label/FormLabel';
-import FormRow from './form-row/FormRow';
-import FormSet from './form-set/FormSet';
-import FormStatus from './form-status/FormStatus';
-import GlobalError from './global-error/GlobalError';
-import GlobalStatus from './global-status/GlobalStatus';
-import Heading from './heading/Heading';
-import HelpButton from './help-button/HelpButton';
-import Icon from './icon/Icon';
-import IconPrimary from './icon-primary/IconPrimary';
-import InfoCard from './info-card/InfoCard';
-import Input from './input/Input';
-import InputMasked from './input-masked/InputMasked';
-import Logo from './logo/Logo';
-import Modal from './modal/Modal';
-import NumberFormat from './number-format/NumberFormat';
-import Pagination from './pagination/Pagination';
-import ProgressIndicator from './progress-indicator/ProgressIndicator';
-import Radio from './radio/Radio';
-import Section from './section/Section';
-import Skeleton from './skeleton/Skeleton';
-import Slider from './slider/Slider';
-import Space from './space/Space';
-import StepIndicator from './step-indicator/StepIndicator';
-import Switch from './switch/Switch';
-import Tabs from './tabs/Tabs';
-import Tag from './tag/Tag';
-import Textarea from './textarea/Textarea';
-import Timeline from './timeline/Timeline';
-import ToggleButton from './toggle-button/ToggleButton';
-import Tooltip from './tooltip/Tooltip';
-import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Autocomplete, Avatar, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, VisuallyHidden };

package/esm/components/info-card/InfoCard.d.ts

@@ -1,101 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../button/Button';
-import { IconPrimaryIcon } from '../icon-primary/IconPrimary';
-import { ImgProps } from '../../elements/Img';
-import { SkeletonShow } from '../skeleton/Skeleton';
-import { ISpacingProps } from '../../shared/interfaces';
-export interface InfoCardProps {
-    /**
-     * Used in combination with `src` to provide an alt attribute for the `img` element.
-     * Default: null
-     */
-    alt?: React.ReactNode;
-    /**
-     * Aligns the content to center, rather than left
-     * Default: false
-     */
-    centered?: boolean;
-    /**
-     * Custom className on the component root
-     * Default: null
-     */
-    className?: string;
-    /**
-     * Replace the default icon with custom icon.
-     * Default: Lightbulb (icon)
-     */
-    icon?: IconPrimaryIcon;
-    /**
-     * Props applied to the `img` element if the component is used to display an image. Replace the 'icon'
-     * Default: null
-     */
-    imgProps?: ImgProps;
-    /**
-     * Skeleton should be applied when loading content
-     * Default: null
-     */
-    skeleton?: SkeletonShow;
-    /**
-     * Specifies the path to the image
-     * Default: null
-     */
-    src?: string;
-    /**
-     * Image src, will replace the 'icon' with the image
-     * Default: null
-     */
-    text: React.ReactNode;
-    /**
-     * Component title
-     * Default: null
-     */
-    title?: React.ReactNode;
-    /**
-     * Is called when the close button is clicked
-     * Default: null
-     */
-    onClose?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The text of the close button.
-     * Default: null
-     */
-    closeButtonText?: React.ReactNode;
-    /**
-     * Is called when the accept button is clicked
-     * Default: null
-     */
-    onAccept?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The text of the accept button.
-     * Default: null
-     */
-    acceptButtonText?: React.ReactNode;
-    /**
-     * Additional attributes for the close button.
-     * Default: null
-     */
-    closeButtonAttributes?: ButtonProps;
-    /**
-     * Additional attributes for the accept button
-     * Default: null
-     */
-    acceptButtonAttributes?: ButtonProps;
-}
-export declare const defaultProps: {
-    alt: any;
-    centered: boolean;
-    className: any;
-    skeleton: boolean;
-    icon: (props: any) => JSX.Element;
-    imgProps: any;
-    src: any;
-    title: any;
-    onAccept: any;
-    onClose: any;
-    closeButtonText: any;
-    acceptButtonText: any;
-    closeButtonAttributes: any;
-    acceptButtonAttributes: any;
-};
-declare const InfoCard: (localProps: InfoCardProps & ISpacingProps) => JSX.Element;
-export default InfoCard;