@dfds-ui/react-components 1.1.12-alpha.174eed15 → 1.1.12-alpha.1f638344

package/cjs/layout/LayoutLegacy.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Layout = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff';
+const regular2 = '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.woff';
+const italic2 = '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.woff';
+const bold2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
+const light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff';
+const light2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
+const DFDS_FONTS = [{
+  fontFamily: 'DFDS',
+  woff: regular,
+  woff2: regular2,
+  fontWeight: 400
+}, {
+  fontFamily: 'DFDS',
+  woff: italic,
+  woff2: italic2,
+  fontWeight: 400,
+  fontStyle: 'italic'
+}, {
+  fontFamily: 'DFDS',
+  woff: bold,
+  woff2: bold2,
+  fontWeight: 700
+}, {
+  fontFamily: 'DFDS',
+  woff: light,
+  woff2: light2,
+  fontWeight: 300
+}];
+
+function fontFace({
+  fontFamily,
+  woff,
+  woff2,
+  fontWeight = 400,
+  fontStyle = 'normal',
+  fontDisplay = 'fallback'
+}) {
+  return `
+  @font-face {
+    font-family: ${fontFamily};
+    src:url(${woff2}) format('woff2'),
+      url(${woff}) format('woff');
+    font-weight: ${fontWeight};
+    font-style: ${fontStyle};
+    font-display: ${fontDisplay};
+  }`;
+}
+
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvTGF5b3V0TGVnYWN5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRGlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYXlvdXQvTGF5b3V0TGVnYWN5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYnXG5jb25zdCByZWd1bGFyMiA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmJ1xuY29uc3QgaXRhbGljMiA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1JdGFsaWMud29mZjInXG5jb25zdCBib2xkID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUJvbGQud29mZidcbmNvbnN0IGJvbGQyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUJvbGQud29mZjInXG5jb25zdCBsaWdodCA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1MaWdodC53b2ZmJ1xuY29uc3QgbGlnaHQyID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjogc3RyaW5nXG4gIHdvZmYyOiBzdHJpbmdcbiAgZm9udFdlaWdodD86IDEwMCB8IDIwMCB8IDMwMCB8IDQwMCB8IDUwMCB8IDYwMCB8IDcwMCB8IDgwMFxuICBmb250U3R5bGU/OiAnbm9ybWFsJyB8ICdpdGFsaWMnIHwgJ29ibGlxdWUnXG4gIGZvbnREaXNwbGF5PzogJ2F1dG8nIHwgJ2Jsb2NrJyB8ICdzd2FwJyB8ICdmYWxsYmFjaycgfCAnb3B0aW9uYWwnXG59XG5cbmNvbnN0IERGRFNfRk9OVFM6IEZvbnREZWZpbml0aW9uW10gPSBbXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiByZWd1bGFyLCB3b2ZmMjogcmVndWxhcjIsIGZvbnRXZWlnaHQ6IDQwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjogaXRhbGljLCB3b2ZmMjogaXRhbGljMiwgZm9udFdlaWdodDogNDAwLCBmb250U3R5bGU6ICdpdGFsaWMnIH0sXG4gIHsgZm9udEZhbWlseTogJ0RGRFMnLCB3b2ZmOiBib2xkLCB3b2ZmMjogYm9sZDIsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjogbGlnaHQsIHdvZmYyOiBsaWdodDIsIGZvbnRXZWlnaHQ6IDMwMCB9LFxuXVxuXG5mdW5jdGlvbiBmb250RmFjZSh7XG4gIGZvbnRGYW1pbHksXG4gIHdvZmYsXG4gIHdvZmYyLFxuICBmb250V2VpZ2h0ID0gNDAwLFxuICBmb250U3R5bGUgPSAnbm9ybWFsJyxcbiAgZm9udERpc3BsYXkgPSAnZmFsbGJhY2snLFxufTogRm9udERlZmluaXRpb24pIHtcbiAgcmV0dXJuIGBcbiAgQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICR7Zm9udEZhbWlseX07XG4gICAgc3JjOnVybCgke3dvZmYyfSkgZm9ybWF0KCd3b2ZmMicpLFxuICAgICAgdXJsKCR7d29mZn0pIGZvcm1hdCgnd29mZicpO1xuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc3R5bGU6ICR7Zm9udFN0eWxlfTtcbiAgICBmb250LWRpc3BsYXk6ICR7Zm9udERpc3BsYXl9O1xuICB9YFxufVxuXG5leHBvcnQgY29uc3QgTGF5b3V0ID0gKCkgPT4ge1xuICBjb25zdCBzdHkgPSBjc3NgXG4gICAgJHtERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpfVxuXG4gICAgKiB7XG4gICAgICBmb250LWZhbWlseTogREZEUztcbiAgICB9XG4gIGBcbiAgcmV0dXJuIDxHbG9iYWwgc3R5bGVzPXtzdHl9IC8+XG59XG4iXX0= */");
+  return (0, _react2.jsx)(_react2.Global, {
+    styles: sty
+  });
+};
+
+exports.Layout = Layout;

package/cjs/lists/FeatureList.d.ts

@@ -0,0 +1,24 @@
+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> | undefined;
+} & FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    iconColor?: string | undefined;
+}, {}, {}>;
+declare const FeatureList: FeatureListComponent;
+export default FeatureList;

package/cjs/lists/FeatureList.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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" ? {
+  target: "e1hxsk0v0"
+} : {
+  target: "e1hxsk0v0",
+  label: "ListItem"
+})("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 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, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_FlexBox.default, _extends({}, rest, {
+    directionColumn: true
+  }), list));
+};
+
+var _default = FeatureList;
+exports.default = _default;

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) => JSX.Element;
+export default ListAddon;

package/cjs/lists/ListAddon.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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);
+
+  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));
+};
+
+var _default = ListAddon;
+exports.default = _default;

package/cjs/lists/ListDivider.d.ts

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

package/cjs/lists/ListDivider.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+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({
+    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));
+};
+
+var _default = ListDivider;
+exports.default = _default;

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, size, color, ...rest }: ListIconProps) => JSX.Element;
+export default ListIcon;

package/cjs/lists/ListIcon.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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;
+const sizes = {
+  small: xs,
+  medium: s,
+  large: m,
+  xl: l
+};
+
+function getSize(size = 'medium') {
+  return sizes[size];
+}
+
+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);
+
+  return (0, _react2.jsx)(Icon, _extends({
+    css: listIconStyles({
+      size,
+      color
+    })
+  }, rest));
+};
+
+var _default = ListIcon;
+exports.default = _default;

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) => JSX.Element;
+export default ListItem;

package/cjs/lists/ListItem.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.listItemStyles = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _theme = require("@dfds-ui/theme");
+
+var _utils = require("../common/utils");
+
+var _FlexBox = require("../flexbox/FlexBox");
+
+var _divider = require("../divider");
+
+const _excluded = ["children", "multiline", "condensed", "selected", "tabIndex", "clickable", "divider", "onClick", "as", "flexBoxProps"];
+
+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 listItemStyles = ({
+  multiline,
+  selected,
+  clickable,
+  condensed,
+  flexBoxProps,
+  divider
+}) => {
+  return /*#__PURE__*/(0, _react2.css)((0, _FlexBox.flexBoxStyles)(flexBoxProps), " text-decoration:none;text-align:left;button&{width:100%;box-sizing:border-box;}box-sizing:border-box;position:relative;padding:0 ", condensed ? 0 : _theme.theme.spacing.s, ";padding-top:", multiline ? _theme.theme.spacing.xs : 0, ";padding-bottom:", multiline ? _theme.theme.spacing.xs : 0, ";border:none;min-height:", condensed ? undefined : multiline ? '4.5rem' : _theme.theme.spacing.xl, ";", (0, _utils.ie11MinHeightFix)(condensed ? undefined : multiline ? '3.5rem' : _theme.theme.spacing.xl), " background-color:", _theme.theme.colors.surface.primary, ";color:", _theme.theme.colors.secondary.main, ";", divider && (0, _divider.dividerBorder)(false, 'bottom'), " ", clickable && /*#__PURE__*/(0, _react2.css)(_theme.theme.states.overlay(selected, {
+    color: _theme.theme.colors.secondary.main,
+    ignoreFocusVisibility: true
+  }), " &:hover svg{color:", _theme.theme.colors.secondary.main, ";fill:", _theme.theme.colors.secondary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */"), " ", selected && /*#__PURE__*/(0, _react2.css)("svg{color:", _theme.theme.colors.secondary.main, ";fill:", _theme.theme.colors.secondary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */");
+};
+
+exports.listItemStyles = listItemStyles;
+
+const ListItem = _ref => {
+  let children = _ref.children,
+      _ref$multiline = _ref.multiline,
+      multiline = _ref$multiline === void 0 ? false : _ref$multiline,
+      _ref$condensed = _ref.condensed,
+      condensed = _ref$condensed === void 0 ? false : _ref$condensed,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? false : _ref$selected,
+      tabIndex = _ref.tabIndex,
+      _ref$clickable = _ref.clickable,
+      clickable = _ref$clickable === void 0 ? false : _ref$clickable,
+      _ref$divider = _ref.divider,
+      divider = _ref$divider === void 0 ? false : _ref$divider,
+      onClick = _ref.onClick,
+      _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'span' : _ref$as,
+      _ref$flexBoxProps = _ref.flexBoxProps,
+      flexBoxProps = _ref$flexBoxProps === void 0 ? {
+    itemsCenter: true
+  } : _ref$flexBoxProps,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const Component = as;
+  return (0, _react2.jsx)(Component, _extends({
+    onClick: onClick,
+    tabIndex: clickable ? tabIndex || 0 : tabIndex,
+    css: listItemStyles({
+      multiline,
+      selected,
+      clickable,
+      condensed,
+      flexBoxProps,
+      divider
+    })
+  }, rest), children);
+};
+
+var _default = ListItem;
+exports.default = _default;

package/cjs/lists/ListText.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { theme } from '@dfds-ui/theme';
+import { typography } from '@dfds-ui/typography';
+declare type FontFamily = keyof typeof theme.fontFamilies;
+declare type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
+export declare type ListTextProps = {
+    /**
+     * Set the style of the text.
+     */
+    styledAs?: StyledAs;
+    /**
+     * Override the default color from `styledAs`.
+     */
+    color?: string;
+    children?: React.ReactNode;
+    /**
+     * *DEPRECATED* use `styledAs` instead or override size with `css` prop or `className`.
+     *
+     * Choose the font size.
+     * @deprecated
+     */
+    size?: string;
+    /**
+     * *DEPRECATED* use `styledAs` instead or override fontWeight with `css` prop or `className`.
+     *
+     * Choose the font weight.
+     * @deprecated
+     */
+    fontWeight?: number;
+    /**
+     * *DEPRECATED* use `styledAs` instead or override fontFamily with `css` prop or `className`.
+     *
+     * Choose the font family.
+     * @deprecated
+     */
+    fontFamily?: FontFamily;
+};
+declare const ListText: ({ styledAs, color, fontWeight, size, fontFamily, ...rest }: ListTextProps) => JSX.Element;
+export default ListText;