@dfds-ui/react-components 2.2.0-alpha.938dc7f0 → 2.2.0-alpha.96d72953

package/cjs/lists/ListDivider.d.ts

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

package/cjs/lists/ListDivider.js

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

package/cjs/lists/ListIcon.d.ts

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

package/cjs/lists/ListIcon.js

@@ -0,0 +1,45 @@
+"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 _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const {
+  xs,
+  s,
+  m,
+  l
+} = _theme.theme.spacing;
+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 = ({
+  icon: Icon,
+  size = 'large',
+  color = _theme.theme.colors.text.dark.primary,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(Icon, {
+    css: listIconStyles({
+      size,
+      color
+    }),
+    ...rest
+  });
+};
+var _default = exports.default = ListIcon;

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 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/utils").SerializedStyles;
+declare const ListItem: ({ children, multiline, condensed, selected, tabIndex, clickable, divider, onClick, as, flexBoxProps, ...rest }: ListItemProps) => React.JSX.Element;
+export default ListItem;

package/cjs/lists/ListItem.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.listItemStyles = exports.default = 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");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 = ({
+  children,
+  multiline = false,
+  condensed = false,
+  selected = false,
+  tabIndex,
+  clickable = false,
+  divider = false,
+  onClick,
+  as = 'span',
+  flexBoxProps = {
+    itemsCenter: true
+  },
+  ...rest
+}) => {
+  const Component = as;
+  return (0, _jsxRuntime.jsx)(Component, {
+    onClick: onClick,
+    tabIndex: clickable ? tabIndex || 0 : tabIndex,
+    css: listItemStyles({
+      multiline,
+      selected,
+      clickable,
+      condensed,
+      flexBoxProps,
+      divider
+    }),
+    ...rest,
+    children: children
+  });
+};
+var _default = exports.default = ListItem;

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';
+type FontFamily = keyof typeof theme.fontFamilies;
+type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
+export 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) => React.JSX.Element;
+export default ListText;

package/cjs/lists/ListText.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");
+var _typography = require("@dfds-ui/typography");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 = ({
+  styledAs = 'body',
+  color,
+  fontWeight,
+  size,
+  fontFamily,
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_typography.Text, {
+    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 = exports.default = ListText;

package/cjs/lists/ListTextGroup.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+export type ListTextGroupProps = {
+    /**
+     * Props controlling the flexbox.
+     */
+    flexBoxProps?: FlexBoxProps;
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: React.ElementType;
+    children?: React.ReactNode;
+};
+declare const ListTextGroup: ({ flexBoxProps, as, ...rest }: ListTextGroupProps) => React.JSX.Element;
+export default ListTextGroup;

package/cjs/lists/ListTextGroup.js

@@ -0,0 +1,28 @@
+"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");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ListTextGroup = ({
+  flexBoxProps = {
+    flex: 1,
+    justifyCenter: true,
+    directionColumn: true
+  },
+  as = 'span',
+  ...rest
+}) => {
+  const Component = as;
+  return (0, _jsxRuntime.jsx)(Component, {
+    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 = exports.default = ListTextGroup;

package/cjs/lists/ListTitle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ListItemProps } from './ListItem';
+declare const ListTitle: ({ as, ...rest }: ListItemProps) => React.JSX.Element;
+export default ListTitle;

package/cjs/lists/ListTitle.js

@@ -0,0 +1,31 @@
+"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"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTGlzdEl0ZW0sIHsgTGlzdEl0ZW1Qcm9wcyB9IGZyb20gJy4vTGlzdEl0ZW0nXG5cbmNvbnN0IExpc3RUaXRsZSA9ICh7IGFzID0gJ2RpdicsIC4uLnJlc3QgfTogTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDMuNjI1cmVtO1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRpdGxlXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ListTitle = ({
+  as = 'div',
+  ...rest
+}) => {
+  return (0, _jsxRuntime.jsx)(_ListItem.default, {
+    as: as,
+    css: _ref,
+    ...rest
+  });
+};
+var _default = exports.default = ListTitle;

package/cjs/lists/index.d.ts

@@ -0,0 +1,8 @@
+export { default as ListItem } from './ListItem';
+export { default as ListTitle } from './ListTitle';
+export { default as ListText } from './ListText';
+export { default as ListTextGroup } from './ListTextGroup';
+export { default as ListIcon } from './ListIcon';
+export { default as ListAddon } from './ListAddon';
+export { default as ListDivider } from './ListDivider';
+export { default as FeatureList } from './FeatureList';

package/cjs/lists/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FeatureList", {
+  enumerable: true,
+  get: function () {
+    return _FeatureList.default;
+  }
+});
+Object.defineProperty(exports, "ListAddon", {
+  enumerable: true,
+  get: function () {
+    return _ListAddon.default;
+  }
+});
+Object.defineProperty(exports, "ListDivider", {
+  enumerable: true,
+  get: function () {
+    return _ListDivider.default;
+  }
+});
+Object.defineProperty(exports, "ListIcon", {
+  enumerable: true,
+  get: function () {
+    return _ListIcon.default;
+  }
+});
+Object.defineProperty(exports, "ListItem", {
+  enumerable: true,
+  get: function () {
+    return _ListItem.default;
+  }
+});
+Object.defineProperty(exports, "ListText", {
+  enumerable: true,
+  get: function () {
+    return _ListText.default;
+  }
+});
+Object.defineProperty(exports, "ListTextGroup", {
+  enumerable: true,
+  get: function () {
+    return _ListTextGroup.default;
+  }
+});
+Object.defineProperty(exports, "ListTitle", {
+  enumerable: true,
+  get: function () {
+    return _ListTitle.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(e) { return e && e.__esModule ? e : { default: e }; }

package/cjs/loader/DfdsLoader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    label?: string;
+    showMenu?: boolean;
+    iconColor?: string;
+    waveColor?: string;
+}
+declare const DfdsLoader: ({ label, iconColor, waveColor, showMenu }: Props) => React.JSX.Element;
+export default DfdsLoader;