@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.b94ad8b5

package/cjs/index.js

@@ -12,31 +12,31 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "DfdsFontFace", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _GlobalStyles.DfdsFontFace;
   }
 });
 Object.defineProperty(exports, "GlobalStyles", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _GlobalStyles.GlobalStyles;
   }
 });
 Object.defineProperty(exports, "ResetStyles", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ResetStyles.ResetStyles;
   }
 });
 Object.defineProperty(exports, "elevation", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _elevation.default;
   }
 });
 Object.defineProperty(exports, "media", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _media.default;
   }
 });
@@ -51,7 +51,7 @@ Object.keys(_accordion).forEach(function (key) {
   if (key in exports && exports[key] === _accordion[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _accordion[key];
     }
   });
@@ -63,7 +63,7 @@ Object.keys(_appBar).forEach(function (key) {
   if (key in exports && exports[key] === _appBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _appBar[key];
     }
   });
@@ -75,7 +75,7 @@ Object.keys(_assertions).forEach(function (key) {
   if (key in exports && exports[key] === _assertions[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _assertions[key];
     }
   });
@@ -87,7 +87,7 @@ Object.keys(_badge).forEach(function (key) {
   if (key in exports && exports[key] === _badge[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _badge[key];
     }
   });
@@ -99,7 +99,7 @@ Object.keys(_buttonStack).forEach(function (key) {
   if (key in exports && exports[key] === _buttonStack[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _buttonStack[key];
     }
   });
@@ -111,7 +111,7 @@ Object.keys(_button).forEach(function (key) {
   if (key in exports && exports[key] === _button[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _button[key];
     }
   });
@@ -123,7 +123,7 @@ Object.keys(_card).forEach(function (key) {
   if (key in exports && exports[key] === _card[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _card[key];
     }
   });
@@ -135,7 +135,7 @@ Object.keys(_chip).forEach(function (key) {
   if (key in exports && exports[key] === _chip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _chip[key];
     }
   });
@@ -147,7 +147,7 @@ Object.keys(_polymorphic).forEach(function (key) {
   if (key in exports && exports[key] === _polymorphic[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _polymorphic[key];
     }
   });
@@ -159,7 +159,7 @@ Object.keys(_counter).forEach(function (key) {
   if (key in exports && exports[key] === _counter[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _counter[key];
     }
   });
@@ -171,7 +171,7 @@ Object.keys(_dataTable).forEach(function (key) {
   if (key in exports && exports[key] === _dataTable[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _dataTable[key];
     }
   });
@@ -183,7 +183,7 @@ Object.keys(_dateRangePicker).forEach(function (key) {
   if (key in exports && exports[key] === _dateRangePicker[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _dateRangePicker[key];
     }
   });
@@ -195,7 +195,7 @@ Object.keys(_drawer).forEach(function (key) {
   if (key in exports && exports[key] === _drawer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _drawer[key];
     }
   });
@@ -207,7 +207,7 @@ Object.keys(_footer).forEach(function (key) {
   if (key in exports && exports[key] === _footer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _footer[key];
     }
   });
@@ -219,7 +219,7 @@ Object.keys(_forms).forEach(function (key) {
   if (key in exports && exports[key] === _forms[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _forms[key];
     }
   });
@@ -231,7 +231,7 @@ Object.keys(_grid).forEach(function (key) {
   if (key in exports && exports[key] === _grid[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _grid[key];
     }
   });
@@ -243,7 +243,7 @@ Object.keys(_hero).forEach(function (key) {
   if (key in exports && exports[key] === _hero[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _hero[key];
     }
   });
@@ -255,7 +255,7 @@ Object.keys(_ieBanner).forEach(function (key) {
   if (key in exports && exports[key] === _ieBanner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ieBanner[key];
     }
   });
@@ -267,7 +267,7 @@ Object.keys(_lists).forEach(function (key) {
   if (key in exports && exports[key] === _lists[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _lists[key];
     }
   });
@@ -279,7 +279,7 @@ Object.keys(_loader).forEach(function (key) {
   if (key in exports && exports[key] === _loader[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _loader[key];
     }
   });
@@ -291,7 +291,7 @@ Object.keys(_localization).forEach(function (key) {
   if (key in exports && exports[key] === _localization[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _localization[key];
     }
   });
@@ -303,7 +303,7 @@ Object.keys(_menu).forEach(function (key) {
   if (key in exports && exports[key] === _menu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _menu[key];
     }
   });
@@ -315,7 +315,7 @@ Object.keys(_navBar).forEach(function (key) {
   if (key in exports && exports[key] === _navBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _navBar[key];
     }
   });
@@ -327,7 +327,7 @@ Object.keys(_navMenu).forEach(function (key) {
   if (key in exports && exports[key] === _navMenu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _navMenu[key];
     }
   });
@@ -339,7 +339,7 @@ Object.keys(_pagination).forEach(function (key) {
   if (key in exports && exports[key] === _pagination[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _pagination[key];
     }
   });
@@ -351,7 +351,7 @@ Object.keys(_popper).forEach(function (key) {
   if (key in exports && exports[key] === _popper[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _popper[key];
     }
   });
@@ -363,7 +363,7 @@ Object.keys(_progressBar).forEach(function (key) {
   if (key in exports && exports[key] === _progressBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _progressBar[key];
     }
   });
@@ -375,7 +375,7 @@ Object.keys(_sideSheet).forEach(function (key) {
   if (key in exports && exports[key] === _sideSheet[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _sideSheet[key];
     }
   });
@@ -387,7 +387,7 @@ Object.keys(_schedule).forEach(function (key) {
   if (key in exports && exports[key] === _schedule[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _schedule[key];
     }
   });
@@ -399,7 +399,7 @@ Object.keys(_siteLayout).forEach(function (key) {
   if (key in exports && exports[key] === _siteLayout[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _siteLayout[key];
     }
   });
@@ -411,7 +411,7 @@ Object.keys(_socialMediaLinkList).forEach(function (key) {
   if (key in exports && exports[key] === _socialMediaLinkList[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _socialMediaLinkList[key];
     }
   });
@@ -423,7 +423,7 @@ Object.keys(_spinner).forEach(function (key) {
   if (key in exports && exports[key] === _spinner[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _spinner[key];
     }
   });
@@ -435,7 +435,7 @@ Object.keys(_styles).forEach(function (key) {
   if (key in exports && exports[key] === _styles[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _styles[key];
     }
   });
@@ -447,7 +447,7 @@ Object.keys(_tab).forEach(function (key) {
   if (key in exports && exports[key] === _tab[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _tab[key];
     }
   });
@@ -459,7 +459,7 @@ Object.keys(_table).forEach(function (key) {
   if (key in exports && exports[key] === _table[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _table[key];
     }
   });
@@ -471,7 +471,7 @@ Object.keys(_typography).forEach(function (key) {
   if (key in exports && exports[key] === _typography[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _typography[key];
     }
   });
@@ -483,7 +483,7 @@ Object.keys(_LockBodyScroll).forEach(function (key) {
   if (key in exports && exports[key] === _LockBodyScroll[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _LockBodyScroll[key];
     }
   });
@@ -495,7 +495,7 @@ Object.keys(_dropdownMenu).forEach(function (key) {
   if (key in exports && exports[key] === _dropdownMenu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _dropdownMenu[key];
     }
   });
@@ -507,7 +507,7 @@ Object.keys(_skeleton).forEach(function (key) {
   if (key in exports && exports[key] === _skeleton[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _skeleton[key];
     }
   });
@@ -519,9 +519,9 @@ Object.keys(_tooltip).forEach(function (key) {
   if (key in exports && exports[key] === _tooltip[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _tooltip[key];
     }
   });
 });
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/layout/LayoutLegacy.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Layout: () => React.JSX.Element;

package/cjs/layout/LayoutLegacy.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Layout = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff2';
 const italic = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Italic.woff2';
 const bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';

package/cjs/lists/FeatureList.d.ts

@@ -0,0 +1,22 @@
+import React, { FunctionComponent } from 'react';
+import { FlexBoxProps } from './../flexbox/FlexBox';
+declare type FeatureListProps = {
+    icon: any;
+    items: string[];
+    iconColor?: string;
+    textTag?: React.ElementType;
+    as?: React.ElementType;
+};
+declare type FeatureListComponent = FunctionComponent<FeatureListProps>;
+export declare const ListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & FlexBoxProps & {
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    iconColor?: string | undefined;
+}, {}, {}>;
+declare const FeatureList: FeatureListComponent;
+export default FeatureList;

package/cjs/lists/FeatureList.js

@@ -8,11 +8,8 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _FlexBox = _interopRequireDefault(require("./../flexbox/FlexBox"));
 var _react2 = require("@emotion/react");
-const _excluded = ["icon", "items", "iconColor", "textTag"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const ListItem = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
   target: "e1hxsk0v0"
 } : {
@@ -22,13 +19,13 @@ const ListItem = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.N
   iconColor
 }) => iconColor && `color: ${iconColor}`, ";}p{margin:0 0 1em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9GZWF0dXJlTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzhFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9GZWF0dXJlTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEZsZXhCb3gsIHsgRmxleEJveFByb3BzIH0gZnJvbSAnLi8uLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbnR5cGUgRmVhdHVyZUxpc3RQcm9wcyA9IHtcbiAgaWNvbjogYW55XG4gIGl0ZW1zOiBzdHJpbmdbXVxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgdGV4dFRhZz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxudHlwZSBGZWF0dXJlTGlzdENvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PEZlYXR1cmVMaXN0UHJvcHM+XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbSA9IHN0eWxlZChGbGV4Qm94KTxGbGV4Qm94UHJvcHMgJiB7IGljb25Db2xvcj86IHN0cmluZyB9PmBcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHN2ZyB7XG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuICAgICR7KHsgaWNvbkNvbG9yIH0pID0+IGljb25Db2xvciAmJiBgY29sb3I6ICR7aWNvbkNvbG9yfWB9XG4gIH1cbiAgcCB7XG4gICAgbWFyZ2luOiAwIDAgMWVtO1xuICB9XG5gXG5cbmNvbnN0IEZlYXR1cmVMaXN0OiBGZWF0dXJlTGlzdENvbXBvbmVudCA9ICh7IGljb24sIGl0ZW1zLCBpY29uQ29sb3IsIHRleHRUYWcgPSAncCcsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCBsaXN0ID0gaXRlbXMubWFwKChpdGVtOiBzdHJpbmcsIGkpID0+IHtcbiAgICBjb25zdCBUZXh0VGFnID0gdGV4dFRhZ1xuICAgIHJldHVybiAoXG4gICAgICA8TGlzdEl0ZW0ga2V5PXtpfSBpY29uQ29sb3I9e2ljb25Db2xvcn0+XG4gICAgICAgIHtpY29ufVxuICAgICAgICA8VGV4dFRhZz57aXRlbX08L1RleHRUYWc+XG4gICAgICA8L0xpc3RJdGVtPlxuICAgIClcbiAgfSlcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3ggey4uLnJlc3R9IGRpcmVjdGlvbkNvbHVtbj5cbiAgICAgICAge2xpc3R9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRmVhdHVyZUxpc3RcbiJdfQ== */"));
 exports.ListItem = ListItem;
-const FeatureList = _ref => {
-  let icon = _ref.icon,
-    items = _ref.items,
-    iconColor = _ref.iconColor,
-    _ref$textTag = _ref.textTag,
-    textTag = _ref$textTag === void 0 ? 'p' : _ref$textTag,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const FeatureList = ({
+  icon,
+  items,
+  iconColor,
+  textTag = 'p',
+  ...rest
+}) => {
   const list = items.map((item, i) => {
     const TextTag = textTag;
     return (0, _react2.jsx)(ListItem, {

package/cjs/lists/ListAddon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare type ListAddonProps = {
+    className?: string;
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: React.ElementType;
+    children?: React.ReactNode;
+};
+declare const ListAddon: ({ className, as, children, ...rest }: ListAddonProps) => React.JSX.Element;
+export default ListAddon;

package/cjs/lists/ListAddon.js

@@ -8,17 +8,14 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _ListIcon = _interopRequireDefault(require("./ListIcon"));
-const _excluded = ["className", "as", "children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const ListAddon = _ref => {
-  let className = _ref.className,
-    _ref$as = _ref.as,
-    as = _ref$as === void 0 ? 'span' : _ref$as,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const ListAddon = ({
+  className,
+  as = 'span',
+  children,
+  ...rest
+}) => {
   const Component = as;
   return (0, _react2.jsx)(_ListIcon.default, _extends({
     icon: props => (0, _react2.jsx)(Component, props, children),

package/cjs/lists/ListDivider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DividerProps } from '../divider';
+export declare type ListDividerProps = Pick<DividerProps, 'as' | 'indent' | 'margins'>;
+declare const ListDivider: ({ indent, margins, as, ...rest }: ListDividerProps) => React.JSX.Element;
+export default ListDivider;

package/cjs/lists/ListDivider.js

@@ -8,17 +8,14 @@ var _react = _interopRequireDefault(require("react"));
 var _divider = require("../divider");
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
-const _excluded = ["indent", "margins", "as"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const ListDivider = _ref => {
-  let indent = _ref.indent,
-    margins = _ref.margins,
-    _ref$as = _ref.as,
-    as = _ref$as === void 0 ? 'hr' : _ref$as,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const ListDivider = ({
+  indent,
+  margins,
+  as = 'hr',
+  ...rest
+}) => {
   return (0, _react2.jsx)(_divider.Divider, _extends({
     indent: indent,
     margins: margins,

package/cjs/lists/ListIcon.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare type Size = 'small' | 'medium' | 'large' | 'xl';
+declare type ListIconProps = {
+    /**
+     * Choose the needed icon.
+     */
+    icon: React.ElementType;
+    /**
+     * Choose the size of the icon.
+     */
+    size?: Size;
+    /**
+     * Choose the color of the icon.
+     */
+    color?: string;
+};
+declare const ListIcon: ({ icon: Icon, size, color, ...rest }: ListIconProps) => React.JSX.Element;
+export default ListIcon;

package/cjs/lists/ListIcon.js

@@ -7,16 +7,14 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
-const _excluded = ["icon", "size", "color"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-const _theme$spacing = _theme.theme.spacing,
-  xs = _theme$spacing.xs,
-  s = _theme$spacing.s,
-  m = _theme$spacing.m,
-  l = _theme$spacing.l;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const {
+  xs,
+  s,
+  m,
+  l
+} = _theme.theme.spacing;
 const sizes = {
   small: xs,
   medium: s,
@@ -30,13 +28,12 @@ const listIconStyles = ({
   size,
   color
 }) => /*#__PURE__*/(0, _react2.css)("width:auto;height:", getSize(size), ";min-width:", getSize(size), ";object-fit:contain;flex-shrink:0;color:", color, ";flex:0;fill:", color, ";margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N1RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbGlzdHMvTGlzdEljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hsJ1xuXG5jb25zdCB7IHhzLCBzLCBtLCBsIH0gPSB0aGVtZS5zcGFjaW5nXG5cbmNvbnN0IHNpemVzID0ge1xuICBzbWFsbDogeHMsXG4gIG1lZGl1bTogcyxcbiAgbGFyZ2U6IG0sXG4gIHhsOiBsLFxufVxuXG50eXBlIExpc3RJY29uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBDaG9vc2UgdGhlIG5lZWRlZCBpY29uLlxuICAgKi9cbiAgaWNvbjogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENob29zZSB0aGUgc2l6ZSBvZiB0aGUgaWNvbi5cbiAgICovXG4gIHNpemU/OiBTaXplXG4gIC8qKlxuICAgKiBDaG9vc2UgdGhlIGNvbG9yIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbn1cblxuZnVuY3Rpb24gZ2V0U2l6ZShzaXplOiBTaXplID0gJ21lZGl1bScpIHtcbiAgcmV0dXJuIHNpemVzW3NpemVdXG59XG5cbmNvbnN0IGxpc3RJY29uU3R5bGVzID0gKHsgc2l6ZSwgY29sb3IgfTogUGFydGlhbDxMaXN0SWNvblByb3BzPikgPT4gY3NzYFxuICB3aWR0aDogYXV0bztcbiAgaGVpZ2h0OiAke2dldFNpemUoc2l6ZSl9O1xuICBtaW4td2lkdGg6ICR7Z2V0U2l6ZShzaXplKX07XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBjb2xvcjogJHtjb2xvcn07XG4gIGZsZXg6IDA7XG4gIGZpbGw6ICR7Y29sb3J9O1xuICBtYXJnaW46IDA7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICB9XG5gXG5cbmNvbnN0IExpc3RJY29uID0gKHsgaWNvbjogSWNvbiwgc2l6ZSA9ICdsYXJnZScsIGNvbG9yID0gdGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5LCAuLi5yZXN0IH06IExpc3RJY29uUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxJY29uIGNzcz17bGlzdEljb25TdHlsZXMoeyBzaXplLCBjb2xvciB9KX0gey4uLnJlc3R9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJY29uXG4iXX0= */");
-const ListIcon = _ref => {
-  let Icon = _ref.icon,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'large' : _ref$size,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? _theme.theme.colors.text.dark.primary : _ref$color,
-    rest = _objectWithoutProperties(_ref, _excluded);
+const ListIcon = ({
+  icon: Icon,
+  size = 'large',
+  color = _theme.theme.colors.text.dark.primary,
+  ...rest
+}) => {
   return (0, _react2.jsx)(Icon, _extends({
     css: listIconStyles({
       size,

package/cjs/lists/ListItem.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+import { PolymorphicComponentProps } from '../common/polymorphic';
+export declare type ListItemProps = {
+    /**
+     * Will render the `ListItem` with a greater `min-height` and should be used when displaying multiple lines of text.
+     */
+    multiline?: boolean;
+    /**
+     * Indicates that the `ListItem` is selected.
+     */
+    selected?: boolean;
+    /**
+     * Render the 'ListItem` without min-height.
+     */
+    condensed?: boolean;
+    /**
+     * Indicates that the `ListItem` can be focused.
+     */
+    tabIndex?: number;
+    /**
+     * Add interactive styles to the `ListItem`.
+     */
+    clickable?: boolean;
+    /**
+     * Add a divider to the `ListItem`. This will apply a border on the the `ListItem` only. If you need the indent/margin variants use
+     * the `ListDivider` component instead.
+     */
+    divider?: boolean;
+    /**
+     * Invoke the provided callback when the `ListItem` is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Props controlling the flexbox.
+     */
+    flexBoxProps?: FlexBoxProps;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    children?: React.ReactNode;
+} & PolymorphicComponentProps;
+export declare const listItemStyles: ({ multiline, selected, clickable, condensed, flexBoxProps, divider, }: Partial<ListItemProps>) => import("@emotion/react").SerializedStyles;
+declare const ListItem: ({ children, multiline, condensed, selected, tabIndex, clickable, divider, onClick, as, flexBoxProps, ...rest }: ListItemProps) => React.JSX.Element;
+export default ListItem;