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

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,8 @@ 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 }; }
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+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';
@@ -47,7 +48,7 @@ function fontFace({
 }
 const Layout = () => {
   const sty = /*#__PURE__*/(0, _react2.css)(DFDS_FONTS.reduce((prev, cur) => prev += fontFace(cur), ''), " *{font-family:DFDS;}" + (process.env.NODE_ENV === "production" ? "" : ";label:sty;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvTGF5b3V0TGVnYWN5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2lCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYXlvdXQvTGF5b3V0TGVnYWN5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dCA9ICgpID0+IHtcbiAgY29uc3Qgc3R5ID0gY3NzYFxuICAgICR7REZEU19GT05UUy5yZWR1Y2UoKHByZXYsIGN1cikgPT4gKHByZXYgKz0gZm9udEZhY2UoY3VyKSksICcnKX1cblxuICAgICoge1xuICAgICAgZm9udC1mYW1pbHk6IERGRFM7XG4gICAgfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5fSAvPlxufVxuIl19 */");
-  return (0, _react2.jsx)(_react2.Global, {
+  return (0, _jsxRuntime.jsx)(_react2.Global, {
     styles: sty
   });
 };

package/cjs/lists/FeatureList.d.ts

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

package/cjs/lists/FeatureList.js

@@ -7,13 +7,9 @@ exports.default = exports.ListItem = void 0;
 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; }
-const ListItem = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ListItem = exports.ListItem = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
   target: "e1hxsk0v0"
 } : {
   target: "e1hxsk0v0",
@@ -21,24 +17,28 @@ const ListItem = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.N
 })("align-items:flex-start;svg{margin-right:20px;", ({
   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, {
-      key: i,
-      iconColor: iconColor
-    }, icon, (0, _react2.jsx)(TextTag, null, item));
+    return (0, _jsxRuntime.jsxs)(ListItem, {
+      iconColor: iconColor,
+      children: [icon, (0, _jsxRuntime.jsx)(TextTag, {
+        children: item
+      })]
+    }, i);
+  });
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: (0, _jsxRuntime.jsx)(_FlexBox.default, {
+      ...rest,
+      directionColumn: true,
+      children: list
+    })
   });
-  return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_FlexBox.default, _extends({}, rest, {
-    directionColumn: true
-  }), list));
 };
-var _default = FeatureList;
-exports.default = _default;
+var _default = exports.default = FeatureList;

package/cjs/lists/ListAddon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export 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,22 +8,22 @@ 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);
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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),
-    css: /*#__PURE__*/(0, _react2.css)("flex-basis:auto;height:auto;margin:0;&:first-of-type{margin-left:-", _theme.theme.spacing.xs, ";}&:last-of-type{margin-right:-", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ListAddon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0QWRkb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbGlzdHMvTGlzdEFkZG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBMaXN0SWNvbiBmcm9tICcuL0xpc3RJY29uJ1xuXG5leHBvcnQgdHlwZSBMaXN0QWRkb25Qcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBMaXN0QWRkb24gPSAoeyBjbGFzc05hbWUsIGFzID0gJ3NwYW4nLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBMaXN0QWRkb25Qcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSBhc1xuICByZXR1cm4gKFxuICAgIDxMaXN0SWNvblxuICAgICAgaWNvbj17KHByb3BzKSA9PiA8Q29tcG9uZW50IHsuLi5wcm9wc30+e2NoaWxkcmVufTwvQ29tcG9uZW50Pn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLSR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogLSR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RBZGRvblxuIl19 */")
-  }, rest));
+  return (0, _jsxRuntime.jsx)(_ListIcon.default, {
+    icon: props => (0, _jsxRuntime.jsx)(Component, {
+      ...props,
+      children: children
+    }),
+    css: /*#__PURE__*/(0, _react2.css)("flex-basis:auto;height:auto;margin:0;&:first-of-type{margin-left:-", _theme.theme.spacing.xs, ";}&:last-of-type{margin-right:-", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ListAddon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0QWRkb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbGlzdHMvTGlzdEFkZG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBMaXN0SWNvbiBmcm9tICcuL0xpc3RJY29uJ1xuXG5leHBvcnQgdHlwZSBMaXN0QWRkb25Qcm9wcyA9IHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBMaXN0QWRkb24gPSAoeyBjbGFzc05hbWUsIGFzID0gJ3NwYW4nLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBMaXN0QWRkb25Qcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSBhc1xuICByZXR1cm4gKFxuICAgIDxMaXN0SWNvblxuICAgICAgaWNvbj17KHByb3BzKSA9PiA8Q29tcG9uZW50IHsuLi5wcm9wc30+e2NoaWxkcmVufTwvQ29tcG9uZW50Pn1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICBoZWlnaHQ6IGF1dG87XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLSR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJjpsYXN0LW9mLXR5cGUge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogLSR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RBZGRvblxuIl19 */"),
+    ...rest
+  });
 };
-var _default = ListAddon;
-exports.default = _default;
+var _default = exports.default = ListAddon;

package/cjs/lists/ListDivider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DividerProps } from '../divider';
+export 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,23 +8,20 @@ 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);
-  return (0, _react2.jsx)(_divider.Divider, _extends({
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ListDivider = ({
+  indent,
+  margins,
+  as = 'hr',
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_divider.Divider, {
     indent: indent,
     margins: margins,
     as: as,
-    css: /*#__PURE__*/(0, _react2.css)("margin:0 ", margins ? _theme.theme.spacing.s : 0, " 0 ", margins || indent ? _theme.theme.spacing.s : 0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ListDivider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0RGl2aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xpc3RzL0xpc3REaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERpdmlkZXJQcm9wcywgRGl2aWRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExpc3REaXZpZGVyUHJvcHMgPSBQaWNrPERpdmlkZXJQcm9wcywgJ2FzJyB8ICdpbmRlbnQnIHwgJ21hcmdpbnMnPlxuXG5jb25zdCBMaXN0RGl2aWRlciA9ICh7IGluZGVudCwgbWFyZ2lucywgYXMgPSAnaHInLCAuLi5yZXN0IH06IExpc3REaXZpZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RGl2aWRlclxuICAgICAgaW5kZW50PXtpbmRlbnR9XG4gICAgICBtYXJnaW5zPXttYXJnaW5zfVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbjogMCAke21hcmdpbnMgPyB0aGVtZS5zcGFjaW5nLnMgOiAwfSAwICR7bWFyZ2lucyB8fCBpbmRlbnQgPyB0aGVtZS5zcGFjaW5nLnMgOiAwfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3REaXZpZGVyXG4iXX0= */")
-  }, rest));
+    css: /*#__PURE__*/(0, _react2.css)("margin:0 ", margins ? _theme.theme.spacing.s : 0, " 0 ", margins || indent ? _theme.theme.spacing.s : 0, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ListDivider;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0RGl2aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xpc3RzL0xpc3REaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERpdmlkZXJQcm9wcywgRGl2aWRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIExpc3REaXZpZGVyUHJvcHMgPSBQaWNrPERpdmlkZXJQcm9wcywgJ2FzJyB8ICdpbmRlbnQnIHwgJ21hcmdpbnMnPlxuXG5jb25zdCBMaXN0RGl2aWRlciA9ICh7IGluZGVudCwgbWFyZ2lucywgYXMgPSAnaHInLCAuLi5yZXN0IH06IExpc3REaXZpZGVyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8RGl2aWRlclxuICAgICAgaW5kZW50PXtpbmRlbnR9XG4gICAgICBtYXJnaW5zPXttYXJnaW5zfVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG1hcmdpbjogMCAke21hcmdpbnMgPyB0aGVtZS5zcGFjaW5nLnMgOiAwfSAwICR7bWFyZ2lucyB8fCBpbmRlbnQgPyB0aGVtZS5zcGFjaW5nLnMgOiAwfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICAvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3REaXZpZGVyXG4iXX0= */"),
+    ...rest
+  });
 };
-var _default = ListDivider;
-exports.default = _default;
+var _default = exports.default = ListDivider;

package/cjs/lists/ListIcon.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+type Size = 'small' | 'medium' | 'large' | 'xl';
+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;