@dfds-ui/react-components 1.1.12-alpha.9d1546bb → 1.1.12-alpha.a5cf8ef8

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.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.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.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.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.js

@@ -0,0 +1,82 @@
+"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 _typography = require("@dfds-ui/typography");
+
+const _excluded = ["styledAs", "color", "fontWeight", "size", "fontFamily"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function textStyles(styledAs) {
+  let lineHeight = 'inherit';
+  let color = _theme.theme.colors.text.dark.primary;
+
+  switch (styledAs) {
+    case 'action':
+    case 'actionBold':
+      lineHeight = '20px';
+      color = 'currentColor';
+      break;
+
+    case 'label':
+    case 'labelBold':
+    case 'labelSmall':
+    case 'body':
+    case 'bodyBold':
+      lineHeight = '20px';
+      color = _theme.theme.colors.primary.main;
+  }
+
+  return /*#__PURE__*/(0, _react2.css)("color:", color, ";line-height:", lineHeight, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:textStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */");
+}
+
+function deprecated({
+  fontWeight,
+  size,
+  fontFamily
+}) {
+  if (fontWeight || size || fontFamily) {// TODO: Figure out how to handle deprecation
+    // console.warn('deprecated')
+  }
+
+  return /*#__PURE__*/(0, _react2.css)("font-weight:", fontWeight, ";font-size:", size, ";font-family:", fontFamily && (_theme.theme.fontFamilies[fontFamily] || fontFamily), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:deprecated;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */");
+}
+
+const ListText = _ref => {
+  let _ref$styledAs = _ref.styledAs,
+      styledAs = _ref$styledAs === void 0 ? 'body' : _ref$styledAs,
+      color = _ref.color,
+      fontWeight = _ref.fontWeight,
+      size = _ref.size,
+      fontFamily = _ref.fontFamily,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return (0, _react2.jsx)(_typography.Text, _extends({
+    as: "span",
+    styledAs: styledAs,
+    css: /*#__PURE__*/(0, _react2.css)("flex:1;flex-basis:auto;user-select:none;white-space:normal;user-select:none;margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}& span{margin-left:0;}", textStyles(styledAs), " ", deprecated({
+      fontWeight,
+      size,
+      fontFamily
+    }), " color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ListText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */")
+  }, rest));
+};
+
+var _default = ListText;
+exports.default = _default;

package/cjs/lists/ListTextGroup.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _FlexBox = require("../flexbox/FlexBox");
+
+var _theme = require("@dfds-ui/theme");
+
+const _excluded = ["flexBoxProps", "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 ListTextGroup = _ref => {
+  let _ref$flexBoxProps = _ref.flexBoxProps,
+      flexBoxProps = _ref$flexBoxProps === void 0 ? {
+    flex: 1,
+    justifyCenter: true,
+    directionColumn: true
+  } : _ref$flexBoxProps,
+      _ref$as = _ref.as,
+      as = _ref$as === void 0 ? 'span' : _ref$as,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const Component = as;
+  return (0, _react2.jsx)(Component, _extends({
+    css: /*#__PURE__*/(0, _react2.css)((0, _FlexBox.flexBoxStyles)(flexBoxProps), " margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ListTextGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xpc3RzL0xpc3RUZXh0R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94UHJvcHMsIGZsZXhCb3hTdHlsZXMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMaXN0VGV4dEdyb3VwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveC5cbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBMaXN0VGV4dEdyb3VwID0gKHtcbiAgZmxleEJveFByb3BzID0geyBmbGV4OiAxLCBqdXN0aWZ5Q2VudGVyOiB0cnVlLCBkaXJlY3Rpb25Db2x1bW46IHRydWUgfSxcbiAgYXMgPSAnc3BhbicsXG4gIC4uLnJlc3Rcbn06IExpc3RUZXh0R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSBhc1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2ZsZXhCb3hTdHlsZXMoZmxleEJveFByb3BzKX1cbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRleHRHcm91cFxuIl19 */")
+  }, rest));
+};
+
+var _default = ListTextGroup;
+exports.default = _default;

package/cjs/lists/ListTitle.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@emotion/react");
+
+var _ListItem = _interopRequireDefault(require("./ListItem"));
+
+const _excluded = ["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; }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1cm3p4d",
+  styles: "flex-basis:100%;min-height:3.625rem"
+} : {
+  name: "i2o44s-ListTitle",
+  styles: "flex-basis:100%;min-height:3.625rem;label:ListTitle;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTGlzdEl0ZW0sIHsgTGlzdEl0ZW1Qcm9wcyB9IGZyb20gJy4vTGlzdEl0ZW0nXG5cbmNvbnN0IExpc3RUaXRsZSA9ICh7IGFzID0gJ2RpdicsIC4uLnJlc3QgfTogTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDMuNjI1cmVtO1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRpdGxlXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const ListTitle = _ref2 => {
+  let _ref2$as = _ref2.as,
+      as = _ref2$as === void 0 ? 'div' : _ref2$as,
+      rest = _objectWithoutProperties(_ref2, _excluded);
+
+  return (0, _react2.jsx)(_ListItem.default, _extends({
+    as: as,
+    css: _ref
+  }, rest));
+};
+
+var _default = ListTitle;
+exports.default = _default;

package/cjs/lists/index.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function get() {
+    return _ListItem.default;
+  }
+});
+Object.defineProperty(exports, "ListTitle", {
+  enumerable: true,
+  get: function get() {
+    return _ListTitle.default;
+  }
+});
+Object.defineProperty(exports, "ListText", {
+  enumerable: true,
+  get: function get() {
+    return _ListText.default;
+  }
+});
+Object.defineProperty(exports, "ListTextGroup", {
+  enumerable: true,
+  get: function get() {
+    return _ListTextGroup.default;
+  }
+});
+Object.defineProperty(exports, "ListIcon", {
+  enumerable: true,
+  get: function get() {
+    return _ListIcon.default;
+  }
+});
+Object.defineProperty(exports, "ListAddon", {
+  enumerable: true,
+  get: function get() {
+    return _ListAddon.default;
+  }
+});
+Object.defineProperty(exports, "ListDivider", {
+  enumerable: true,
+  get: function get() {
+    return _ListDivider.default;
+  }
+});
+Object.defineProperty(exports, "FeatureList", {
+  enumerable: true,
+  get: function get() {
+    return _FeatureList.default;
+  }
+});
+
+var _ListItem = _interopRequireDefault(require("./ListItem"));
+
+var _ListTitle = _interopRequireDefault(require("./ListTitle"));
+
+var _ListText = _interopRequireDefault(require("./ListText"));
+
+var _ListTextGroup = _interopRequireDefault(require("./ListTextGroup"));
+
+var _ListIcon = _interopRequireDefault(require("./ListIcon"));
+
+var _ListAddon = _interopRequireDefault(require("./ListAddon"));
+
+var _ListDivider = _interopRequireDefault(require("./ListDivider"));
+
+var _FeatureList = _interopRequireDefault(require("./FeatureList"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }