@dfds-ui/react-components 2.2.0-alpha.e74a6756 → 2.2.0-alpha.e82e41de

package/cjs/hero/stripes.js

@@ -6,172 +6,187 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _theme = require("@dfds-ui/theme");
-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 Stripes = props => {
   const stopColor = props.color ? props.color : _theme.theme.colors.primary.main;
-  return (0, _react2.jsx)("svg", {
+  return (0, _jsxRuntime.jsxs)("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "600",
     height: "300",
-    viewBox: "0 0 600 300"
-  }, (0, _react2.jsx)("defs", null, (0, _react2.jsx)("linearGradient", {
-    id: "a",
-    x1: "34.045%",
-    x2: "60.664%",
-    y1: "27.872%",
-    y2: "57.624%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: stopColor
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: stopColor,
-    stopOpacity: "0"
-  })), (0, _react2.jsx)("linearGradient", {
-    id: "b",
-    x1: "100%",
-    x2: "24.236%",
-    y1: "50%",
-    y2: "50%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: "#FFF",
-    stopOpacity: "0.5"
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: "#FFF",
-    stopOpacity: "0"
-  })), (0, _react2.jsx)("linearGradient", {
-    id: "c",
-    x1: "100%",
-    x2: "0%",
-    y1: "50%",
-    y2: "50%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: "#FFF"
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: "#FFF",
-    stopOpacity: "0"
-  })), (0, _react2.jsx)("linearGradient", {
-    id: "d",
-    x1: "100%",
-    x2: "0%",
-    y1: "50.002%",
-    y2: "50.002%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: "#FFF",
-    stopOpacity: "0.3"
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: "#FFF",
-    stopOpacity: "0"
-  })), (0, _react2.jsx)("linearGradient", {
-    id: "e",
-    x1: "0%",
-    x2: "32.615%",
-    y1: "50%",
-    y2: "50%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: stopColor
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: stopColor,
-    stopOpacity: "0.4"
-  })), (0, _react2.jsx)("linearGradient", {
-    id: "f",
-    x1: "56.707%",
-    x2: "74.064%",
-    y1: "50%",
-    y2: "0%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: "#FFF"
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: "#FFF",
-    stopOpacity: "0"
-  })), (0, _react2.jsx)("linearGradient", {
-    id: "g",
-    x1: "100%",
-    x2: "24.236%",
-    y1: "50%",
-    y2: "50%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: "#FFF",
-    stopOpacity: "0.5"
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: "#FFF",
-    stopOpacity: "0"
-  })), (0, _react2.jsx)("linearGradient", {
-    id: "h",
-    x1: "34.058%",
-    x2: "54.049%",
-    y1: "98.329%",
-    y2: "0%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: stopColor
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: stopColor,
-    stopOpacity: "0"
-  })), (0, _react2.jsx)("linearGradient", {
-    id: "i",
-    x1: "29.102%",
-    x2: "53.879%",
-    y1: "94.85%",
-    y2: "11.912%"
-  }, (0, _react2.jsx)("stop", {
-    offset: "0%",
-    stopColor: stopColor
-  }), (0, _react2.jsx)("stop", {
-    offset: "100%",
-    stopColor: stopColor,
-    stopOpacity: "0"
-  }))), (0, _react2.jsx)("g", {
-    fill: "none",
-    fillRule: "nonzero",
-    stroke: "none",
-    strokeWidth: "1"
-  }, (0, _react2.jsx)("g", null, (0, _react2.jsx)("path", {
-    fill: "url(#a)",
-    d: "M187 0L17.5623569 300 5.02504288e-13 300 3.0494357e-13 0z"
-  }), (0, _react2.jsx)("path", {
-    fill: "url(#b)",
-    d: "M225 0L56 300 9.09494702e-13 300 1.10134124e-13 260.381378 147 0z"
-  }), (0, _react2.jsx)("path", {
-    fill: "url(#c)",
-    d: "M251.606351 0L83 300 8 300 176.606351 0z",
-    opacity: "0.1"
-  }), (0, _react2.jsx)("path", {
-    fill: "url(#d)",
-    d: "M197.071475 0L28 300 17.5623569 300 187.071475 0z"
-  }), (0, _react2.jsx)("path", {
-    fill: "url(#e)",
-    d: "M1.56235689 300L171 0 -2.08832951e-13 0 -2.08832951e-13 300z"
-  })), (0, _react2.jsx)("g", {
-    transform: "rotate(180 300 150)"
-  }, (0, _react2.jsx)("path", {
-    fill: "url(#f)",
-    d: "M75.6063512 0L-2.86454823e-13 134.437093 -7.44558531e-13 0z",
-    opacity: "0.227"
-  }), (0, _react2.jsx)("path", {
-    fill: "url(#g)",
-    d: "M69 0L7.10542736e-14 122.854849 -5.67508497e-13 0z"
-  }), (0, _react2.jsx)("path", {
-    fill: "url(#h)",
-    d: "M-1.34467524e-13 118.657038L67 2.60208521e-16 4.26325641e-14 0z"
-  }), (0, _react2.jsx)("path", {
-    fill: "url(#i)",
-    d: "M47 0L3.84619474e-13 83.119437 -2.4158453e-13 0z"
-  }))));
+    viewBox: "0 0 600 300",
+    children: [(0, _jsxRuntime.jsxs)("defs", {
+      children: [(0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "a",
+        x1: "34.045%",
+        x2: "60.664%",
+        y1: "27.872%",
+        y2: "57.624%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: stopColor
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: stopColor,
+          stopOpacity: "0"
+        })]
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "b",
+        x1: "100%",
+        x2: "24.236%",
+        y1: "50%",
+        y2: "50%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: "#FFF",
+          stopOpacity: "0.5"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: "#FFF",
+          stopOpacity: "0"
+        })]
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "c",
+        x1: "100%",
+        x2: "0%",
+        y1: "50%",
+        y2: "50%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: "#FFF"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: "#FFF",
+          stopOpacity: "0"
+        })]
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "d",
+        x1: "100%",
+        x2: "0%",
+        y1: "50.002%",
+        y2: "50.002%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: "#FFF",
+          stopOpacity: "0.3"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: "#FFF",
+          stopOpacity: "0"
+        })]
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "e",
+        x1: "0%",
+        x2: "32.615%",
+        y1: "50%",
+        y2: "50%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: stopColor
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: stopColor,
+          stopOpacity: "0.4"
+        })]
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "f",
+        x1: "56.707%",
+        x2: "74.064%",
+        y1: "50%",
+        y2: "0%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: "#FFF"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: "#FFF",
+          stopOpacity: "0"
+        })]
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "g",
+        x1: "100%",
+        x2: "24.236%",
+        y1: "50%",
+        y2: "50%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: "#FFF",
+          stopOpacity: "0.5"
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: "#FFF",
+          stopOpacity: "0"
+        })]
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "h",
+        x1: "34.058%",
+        x2: "54.049%",
+        y1: "98.329%",
+        y2: "0%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: stopColor
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: stopColor,
+          stopOpacity: "0"
+        })]
+      }), (0, _jsxRuntime.jsxs)("linearGradient", {
+        id: "i",
+        x1: "29.102%",
+        x2: "53.879%",
+        y1: "94.85%",
+        y2: "11.912%",
+        children: [(0, _jsxRuntime.jsx)("stop", {
+          offset: "0%",
+          stopColor: stopColor
+        }), (0, _jsxRuntime.jsx)("stop", {
+          offset: "100%",
+          stopColor: stopColor,
+          stopOpacity: "0"
+        })]
+      })]
+    }), (0, _jsxRuntime.jsxs)("g", {
+      fill: "none",
+      fillRule: "nonzero",
+      stroke: "none",
+      strokeWidth: "1",
+      children: [(0, _jsxRuntime.jsxs)("g", {
+        children: [(0, _jsxRuntime.jsx)("path", {
+          fill: "url(#a)",
+          d: "M187 0L17.5623569 300 5.02504288e-13 300 3.0494357e-13 0z"
+        }), (0, _jsxRuntime.jsx)("path", {
+          fill: "url(#b)",
+          d: "M225 0L56 300 9.09494702e-13 300 1.10134124e-13 260.381378 147 0z"
+        }), (0, _jsxRuntime.jsx)("path", {
+          fill: "url(#c)",
+          d: "M251.606351 0L83 300 8 300 176.606351 0z",
+          opacity: "0.1"
+        }), (0, _jsxRuntime.jsx)("path", {
+          fill: "url(#d)",
+          d: "M197.071475 0L28 300 17.5623569 300 187.071475 0z"
+        }), (0, _jsxRuntime.jsx)("path", {
+          fill: "url(#e)",
+          d: "M1.56235689 300L171 0 -2.08832951e-13 0 -2.08832951e-13 300z"
+        })]
+      }), (0, _jsxRuntime.jsxs)("g", {
+        transform: "rotate(180 300 150)",
+        children: [(0, _jsxRuntime.jsx)("path", {
+          fill: "url(#f)",
+          d: "M75.6063512 0L-2.86454823e-13 134.437093 -7.44558531e-13 0z",
+          opacity: "0.227"
+        }), (0, _jsxRuntime.jsx)("path", {
+          fill: "url(#g)",
+          d: "M69 0L7.10542736e-14 122.854849 -5.67508497e-13 0z"
+        }), (0, _jsxRuntime.jsx)("path", {
+          fill: "url(#h)",
+          d: "M-1.34467524e-13 118.657038L67 2.60208521e-16 4.26325641e-14 0z"
+        }), (0, _jsxRuntime.jsx)("path", {
+          fill: "url(#i)",
+          d: "M47 0L3.84619474e-13 83.119437 -2.4158453e-13 0z"
+        })]
+      })]
+    })]
+  });
 };
-var _default = Stripes;
-exports.default = _default;
+var _default = exports.default = Stripes;

package/cjs/ie-banner/IEBanner.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 type IEBannerProps = {
+    children?: React.ReactNode;
     heading?: string;
     openInEdge: string;
     /**

package/cjs/ie-banner/IEBanner.js

@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _banner = require("./../assertions/banner");
-var _react2 = require("@emotion/react");
-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; }
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const IEBanner = ({
   heading,
   openInEdge,
@@ -36,14 +35,19 @@ const IEBanner = ({
       document.location.href = getLink;
     }
   };
-  return getIE ? (0, _react2.jsx)(_banner.Banner, {
+  return getIE ? (0, _jsxRuntime.jsxs)(_banner.Banner, {
     intent: 'warning',
     className: className,
-    actions: (0, _react2.jsx)(_banner.BannerAction, {
+    actions: (0, _jsxRuntime.jsx)(_banner.BannerAction, {
       variation: "primary",
-      onClick: getIsWin10 ? () => navigate() : undefined
-    }, openInEdge)
-  }, heading && (0, _react2.jsx)(_banner.BannerHeadline, null, heading), (0, _react2.jsx)(_banner.BannerParagraph, null, children)) : null;
+      onClick: getIsWin10 ? () => navigate() : undefined,
+      children: openInEdge
+    }),
+    children: [heading && (0, _jsxRuntime.jsx)(_banner.BannerHeadline, {
+      children: heading
+    }), (0, _jsxRuntime.jsx)(_banner.BannerParagraph, {
+      children: children
+    })]
+  }) : null;
 };
-var _default = IEBanner;
-exports.default = _default;
+var _default = exports.default = IEBanner;

package/cjs/ie-banner/index.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "IEBanner", {
   }
 });
 var _IEBanner = _interopRequireDefault(require("./IEBanner"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/index.js

@@ -524,4 +524,4 @@ Object.keys(_tooltip).forEach(function (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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Layout: () => JSX.Element;
+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

@@ -9,16 +9,14 @@ type FeatureListProps = {
 };
 type FeatureListComponent = FunctionComponent<FeatureListProps>;
 export declare const ListItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & FlexBoxProps & {
-    as?: React.ElementType<any> | undefined;
+    as?: React.ElementType;
 } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
+    theme?: import("@emotion/react").Theme;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    iconColor?: string | undefined;
+    iconColor?: string;
 }, {}, {}>;
 declare const FeatureList: FeatureListComponent;
 export default FeatureList;

package/cjs/lists/FeatureList.js

@@ -7,10 +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");
-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); }
-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",
@@ -18,7 +17,6 @@ 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 = ({
   icon,
   items,
@@ -28,14 +26,19 @@ const FeatureList = ({
 }) => {
   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

@@ -7,5 +7,5 @@ export type ListAddonProps = {
     as?: React.ElementType;
     children?: React.ReactNode;
 };
-declare const ListAddon: ({ className, as, children, ...rest }: ListAddonProps) => JSX.Element;
+declare const ListAddon: ({ className, as, children, ...rest }: ListAddonProps) => React.JSX.Element;
 export default ListAddon;

package/cjs/lists/ListAddon.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
 var _ListIcon = _interopRequireDefault(require("./ListIcon"));
-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); }
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ListAddon = ({
   className,
   as = 'span',
@@ -17,10 +17,13 @@ const ListAddon = ({
   ...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

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

package/cjs/lists/ListDivider.js

@@ -8,20 +8,20 @@ var _react = _interopRequireDefault(require("react"));
 var _divider = require("../divider");
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
-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); }
+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, _react2.jsx)(_divider.Divider, _extends({
+  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

@@ -14,5 +14,5 @@ type ListIconProps = {
      */
     color?: string;
 };
-declare const ListIcon: ({ icon: Icon, size, color, ...rest }: ListIconProps) => JSX.Element;
+declare const ListIcon: ({ icon: Icon, size, color, ...rest }: ListIconProps) => React.JSX.Element;
 export default ListIcon;