@decisiv/ui-components 2.0.1-alpha.182 → 2.0.1-alpha.183

package/lib/atoms/OptionsList/{Category.d.ts → Category/index.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-declare const Category: ({ borderRadius, label, items, showCheckbox, }: import("./types").Category) => JSX.Element;
+declare const Category: ({ borderRadius, label, items, showCheckbox, size, }: import("../types").Category) => JSX.Element;
 export default Category;
-//# sourceMappingURL=Category.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/atoms/OptionsList/Category/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/OptionsList/Category/index.tsx"],"names":[],"mappings":";AAOA,QAAA,MAAM,QAAQ,mGA2Bb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/atoms/OptionsList/{Category.js → Category/index.js}

@@ -5,46 +5,36 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
-
 var _react = _interopRequireWildcard(require("react"));
 
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+var _Option = _interopRequireDefault(require("../Option"));
 
-var _designTokens = require("@decisiv/design-tokens");
+var _utils = require("../utils");
 
-var _Option = _interopRequireDefault(require("./Option"));
+var _styles = require("./styles");
 
-var _utils = require("./utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var StyledCategory = _styledComponents.default.li.attrs({
-  role: 'option',
-  'aria-disabled': true
-}).withConfig({
-  displayName: "Category__StyledCategory",
-  componentId: "sc-1kvf2r-0"
-})(["color:", ";font-size:", ";font-weight:", ";cursor:default;text-transform:uppercase;line-height:1.4;text-align:left;padding:", ";border-top:", " solid ", ";"], (0, _toColorString.default)(_designTokens.color.base.charcoal), (0, _rem.default)(_designTokens.typography.size.alias.paragraph2), _designTokens.typography.weight.alias.semibold, "".concat((0, _rem.default)(15), " ").concat((0, _rem.default)(30), " ").concat((0, _rem.default)(7), " ").concat((0, _rem.default)(10)), (0, _rem.default)(1), (0, _toColorString.default)(_designTokens.color.base.quarterMoon));
-
 var Category = function Category(_ref) {
   var borderRadius = _ref.borderRadius,
       label = _ref.label,
       items = _ref.items,
-      showCheckbox = _ref.showCheckbox;
-  return _react.default.createElement(_react.Fragment, null, _react.default.createElement(StyledCategory, null, label), items.map(function (subItem) {
+      showCheckbox = _ref.showCheckbox,
+      size = _ref.size;
+  return _react.default.createElement(_react.Fragment, null, _react.default.createElement(_styles.StyledCategory, {
+    size: size
+  }, label), items.map(function (subItem) {
     var id = (0, _utils.getId)(subItem);
     return _react.default.createElement(_Option.default, _extends({}, subItem, {
       key: id,
       id: id,
       borderRadius: borderRadius,
-      showCheckbox: showCheckbox
+      showCheckbox: showCheckbox,
+      size: size
     }));
   }));
 };

package/lib/atoms/OptionsList/Category/styles.d.ts

@@ -0,0 +1,6 @@
+import { StyledCategoryProps } from '../types';
+export declare const StyledCategory: import("styled-components").StyledComponent<"li", any, {
+    role: "option";
+    'aria-disabled': true;
+} & StyledCategoryProps, "role" | "aria-disabled">;
+//# sourceMappingURL=styles.d.ts.map

package/lib/atoms/OptionsList/Category/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/atoms/OptionsList/Category/styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAmB/C,eAAO,MAAM,cAAc;;;kDAa1B,CAAC"}

package/lib/atoms/OptionsList/Category/styles.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledCategory = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _designTokens = require("@decisiv/design-tokens");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+/* eslint-disable import/prefer-default-export */
+var withCategorySizeModifiers = function withCategorySizeModifiers(props) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'small' : _props$size;
+  if (size === 'medium') return (0, _styledComponents.css)(["font-size:", ";padding:", ";"], (0, _rem.default)(_designTokens.typography.size.alias.paragraph), "".concat((0, _rem.default)(15), " ").concat((0, _rem.default)(30), " ").concat((0, _rem.default)(10), " ").concat((0, _rem.default)(10)));
+  return (0, _styledComponents.css)(["font-size:", ";padding:", ";"], (0, _rem.default)(_designTokens.typography.size.alias.paragraph2), "".concat((0, _rem.default)(15), " ").concat((0, _rem.default)(30), " ").concat((0, _rem.default)(7), " ").concat((0, _rem.default)(10)));
+};
+
+var StyledCategory = _styledComponents.default.li.attrs({
+  role: 'option',
+  'aria-disabled': true
+}).withConfig({
+  displayName: "styles__StyledCategory",
+  componentId: "sc-17ahmuu-0"
+})(["color:", ";cursor:default;text-transform:uppercase;line-height:1.4;text-align:left;border-top:", " solid ", ";font-weight:", ";", ""], (0, _toColorString.default)(_designTokens.color.base.charcoal), (0, _rem.default)(1), (0, _toColorString.default)(_designTokens.color.base.quarterMoon), _designTokens.typography.weight.alias.semibold, withCategorySizeModifiers);
+
+exports.StyledCategory = StyledCategory;

package/lib/atoms/OptionsList/{Option.d.ts → Option/index.d.ts}

@@ -1,6 +1,6 @@
 import React from 'react';
-import { OptionProps } from './types';
+import { OptionProps } from '../types';
 declare function Option(props: OptionProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Option>;
 export default _default;
-//# sourceMappingURL=Option.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib/atoms/OptionsList/Option/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/atoms/OptionsList/Option/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAC/D,OAAO,EACL,WAAW,EAKZ,MAAM,UAAU,CAAC;AA4DlB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAwH/C;;AAED,wBAAkC"}

package/lib/atoms/OptionsList/{Option.js → Option/index.js}

@@ -5,35 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _color = _interopRequireDefault(require("@decisiv/design-tokens/lib/color"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
 
-var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
-
-var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
-
 var _react = _interopRequireWildcard(require("react"));
 
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _focusRingWithColor = _interopRequireDefault(require("../../utils/focusRingWithColor"));
-
-var _styleModifiers = require("../../utils/styleModifiers");
-
-var _Typography = require("../../components/Typography");
+var _context = require("../context");
 
-var _context = require("./context");
+var _Checkbox = _interopRequireDefault(require("../../../components/Checkbox"));
 
-var _Checkbox = _interopRequireDefault(require("../../components/Checkbox"));
+var _Avatar = _interopRequireDefault(require("../../../components/Avatar"));
 
-var _Avatar = _interopRequireDefault(require("../../components/Avatar"));
+var _Badge = _interopRequireDefault(require("../../../components/Badge"));
 
-var _Badge = _interopRequireDefault(require("../../components/Badge"));
+var _utils = require("../utils");
 
-var _Link = _interopRequireWildcard(require("../../components/Link"));
-
-var _utils = require("./utils");
+var _styles = require("./styles");
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
 
@@ -45,30 +31,12 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 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 getBorderRadius(_ref) {
-  var borderRadius = _ref.borderRadius;
-  return borderRadius || '2px';
-}
-
-var enabledFGColor = _color.default.interaction.pacificOcean;
-var disabledFGColor = _color.default.opacity.charcoal40;
-var StyledLink = (0, _styledComponents.default)(_Link.default).withConfig({
-  displayName: "Option__StyledLink",
-  componentId: "sc-679ny4-0"
-})(["&&,&&:hover:not(:active),&&:focus:not(:active){text-decoration:none;", ";", ";}"], (0, _Link.linkColorStyles)(enabledFGColor, enabledFGColor, enabledFGColor), (0, _styleModifiers.when)('disabled', (0, _styledComponents.css)(["", ";cursor:not-allowed;"], (0, _Link.linkColorStyles)(disabledFGColor, disabledFGColor, disabledFGColor))));
-
-var Container = _styledComponents.default.li.withConfig({
-  displayName: "Option__Container",
-  componentId: "sc-679ny4-1"
-})(["text-align:left;&:focus{outline:none;}> .label,> ", "{align-items:center;border:1px solid transparent;color:", ";display:flex;padding:", ";pointer-events:none;width:100%;white-space:nowrap;> *{margin-right:", ";}}> ", "{pointer-events:auto;background-color:transparent;text-decoration:none;}&:first-child > .label,&:first-child > ", "{border-top-left-radius:", ";border-top-right-radius:", ";}&:last-child > .label,&:last-child > ", "{border-bottom-left-radius:", ";border-bottom-right-radius:", ";}&:hover:not([aria-disabled='true']):not([aria-selected='true']) > .label,&:hover:not([aria-disabled='true']):not([aria-selected='true']) > ", "{color:", ";text-decoration:none;.label > *{border-color:", ";}}&[aria-selected='true'] > .label{background:", ";color:", ";}&[aria-selected='true'] > .label > div > #optionLabelDetails{background:", ";color:", ";}", ";", " &[aria-disabled='true']{cursor:not-allowed;", "{pointer-events:none;}}&[aria-disabled='true'] > .label,&[aria-disabled='true'] > ", "{background:", ";color:", ";}"], StyledLink, (0, _toColorString.default)(_color.default.interaction.pacificOcean), "".concat((0, _rem.default)(5), " ").concat((0, _rem.default)(30), " ").concat((0, _rem.default)(5), " ").concat((0, _rem.default)(10)), (0, _rem.default)(10), StyledLink, StyledLink, getBorderRadius, getBorderRadius, StyledLink, getBorderRadius, getBorderRadius, StyledLink, (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _toColorString.default)(_color.default.interaction.indianOcean), (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _toColorString.default)(_color.default.base.snowWhite), (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _toColorString.default)(_color.default.base.snowWhite), (0, _styleModifiers.when)('isActive', (0, _styledComponents.css)(["color:", ";background:", ";.label > *{border-color:", ";}"], (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _toColorString.default)(_color.default.interaction.pacificOcean15), (0, _toColorString.default)(_color.default.interaction.indianOcean))), (0, _styleModifiers.when)([['isActive'], ['inputMethod', 'keyboard']], (0, _styledComponents.css)(["background:none;> .label,> ", "{border-color:", ";", "}&[aria-selected='true'] > .label,&[aria-selected='true'] > ", "{color:", ";", "}"], StyledLink, (0, _toColorString.default)(_color.default.interaction.pacificOcean), (0, _focusRingWithColor.default)(_color.default.interaction.pacificOcean40), StyledLink, (0, _toColorString.default)(_color.default.base.snowWhite), (0, _focusRingWithColor.default)(_color.default.opacity.fullMoon50))), StyledLink, StyledLink, (0, _toColorString.default)(_color.default.base.snowWhite), (0, _toColorString.default)(_color.default.opacity.charcoal40));
-
-var StyleLabelWrapper = _styledComponents.default.div.withConfig({
-  displayName: "Option__StyleLabelWrapper",
-  componentId: "sc-679ny4-2"
-})(["display:flex;flex:1;flex-direction:column;"]); // This is used below to silence a React warning about
+var sizeMapping = {
+  small: 'small',
+  medium: undefined
+}; // This is used below to silence a React warning about
 // having a controlled input without a change handler.
 
-
 var noop = process.env.NODE_ENV === 'production' ? undefined : function () {};
 
 function isDecoration(decoration) {
@@ -99,12 +67,7 @@ function DecorationComponent(props) {
     default:
       return null;
   }
-}
-
-var DecorationComponentContainer = _styledComponents.default.div.withConfig({
-  displayName: "Option__DecorationComponentContainer",
-  componentId: "sc-679ny4-3"
-})(["", ";"], (0, _styleModifiers.when)('disabled', (0, _styledComponents.css)(["opacity:0.3;img{opacity:0.3;}"]))); // We always render the checkbox/radio inputs so that regular form
+} // We always render the checkbox/radio inputs so that regular form
 // submission (i.e. one not handled programmatically) still works.
 
 
@@ -116,7 +79,9 @@ function Option(props) {
       borderRadius = props.borderRadius,
       labelDetails = props.labelDetails,
       _props$showCheckbox = props.showCheckbox,
-      showCheckbox = _props$showCheckbox === void 0 ? true : _props$showCheckbox;
+      showCheckbox = _props$showCheckbox === void 0 ? true : _props$showCheckbox,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'small' : _props$size;
   var decorationType = (0, _get.default)(decoration, 'type');
 
   var _useOptionsList = (0, _context.useOptionsList)(),
@@ -147,8 +112,8 @@ function Option(props) {
     if (!disabled) toggleItemSelection(id);
   }, [toggleItemSelection, id, disabled]);
   var LabelWrapper = (0, _react.useMemo)(function () {
-    return function (_ref2) {
-      var children = _ref2.children;
+    return function (_ref) {
+      var children = _ref.children;
       return selectable ? _react.default.createElement("label", {
         className: "label"
       }, children) : _react.default.createElement("div", {
@@ -156,7 +121,7 @@ function Option(props) {
       }, children);
     };
   }, [selectable]);
-  return _react.default.createElement(Container, {
+  return _react.default.createElement(_styles.Container, {
     "aria-disabled": !!disabled,
     "aria-selected": checked,
     borderRadius: borderRadius,
@@ -168,8 +133,9 @@ function Option(props) {
     tabIndex: -1,
     onMouseEnter: handleMouseEnter,
     inputMethod: inputMethod,
-    role: itemRole
-  }, (0, _utils.isLink)(props) ? _react.default.createElement(StyledLink, {
+    role: itemRole,
+    size: size
+  }, (0, _utils.isLink)(props) ? _react.default.createElement(_styles.StyledLink, {
     tabIndex: -1,
     to: props.linkTo,
     text: label,
@@ -177,13 +143,13 @@ function Option(props) {
     disabled: !!disabled
   }) : _react.default.createElement(LabelWrapper, null, selectable && (multiple && !!showCheckbox ? _react.default.createElement(_Checkbox.default, _extends({}, commonProps, {
     disabled: !!disabled,
-    size: "small",
+    size: sizeMapping[size],
     value: props.value
   })) : _react.default.createElement("input", _extends({}, commonProps, {
     type: "radio",
     hidden: true,
     value: props.value
-  }))), isDecoration(decoration) && _react.default.createElement(DecorationComponentContainer, {
+  }))), isDecoration(decoration) && _react.default.createElement(_styles.DecorationComponentContainer, {
     disabled: !!disabled && decorationType !== 'Icon'
   }, _react.default.createElement(DecorationComponent, decoration)), renderOptionLabel ? renderOptionLabel({
     id: id,
@@ -192,14 +158,9 @@ function Option(props) {
     value: props.value,
     disabled: disabled,
     meta: props.meta
-  }) : _react.default.createElement(StyleLabelWrapper, null, _react.default.createElement(_Typography.P, {
-    as: "span",
-    color: "inherit"
-  }, label), labelDetails && _react.default.createElement(_Typography.P, {
-    as: "span",
-    shade: 1,
-    size: "small",
-    id: "optionLabelDetails"
+  }) : _react.default.createElement(_styles.StyleLabelWrapper, null, _react.default.createElement(_styles.StyledLabel, null, label), labelDetails && _react.default.createElement(_styles.StyledLabelDetails, {
+    id: "optionLabelDetails",
+    size: sizeMapping[size]
   }, labelDetails))));
 }
 

package/lib/atoms/OptionsList/Option/styles.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { StyledLinkProps, ContainerProps } from '../types';
+export declare const StyledLink: import("styled-components").StyledComponent<import("react").RefForwardingComponent<HTMLAnchorElement, import("../../../components/Link").LinkProps>, any, StyledLinkProps, never>;
+export declare const Container: import("styled-components").StyledComponent<"li", any, ContainerProps, never>;
+export declare const StyleLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DecorationComponentContainer: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const StyledLabel: import("styled-components").StyledComponent<"p", any, import("../../../components/Typography").PProps & {
+    as: string;
+    color: "inherit";
+}, "color" | "as">;
+export declare const StyledLabelDetails: import("styled-components").StyledComponent<"p", any, import("../../../components/Typography").PProps & {
+    as: string;
+    shade: number;
+}, "as" | "shade">;
+//# sourceMappingURL=styles.d.ts.map

package/lib/atoms/OptionsList/Option/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/atoms/OptionsList/Option/styles.ts"],"names":[],"mappings":";AAaA,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAK3D,eAAO,MAAM,UAAU,mLAgBtB,CAAC;AAuBF,eAAO,MAAM,SAAS,+EA6GrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,oEAI7B,CAAC;AAEF,eAAO,MAAM,4BAA4B;;SAUxC,CAAC;AAEF,eAAO,MAAM,WAAW;;;kBAEvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;kBAG3B,CAAC"}

package/lib/atoms/OptionsList/Option/styles.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledLabelDetails = exports.StyledLabel = exports.DecorationComponentContainer = exports.StyleLabelWrapper = exports.Container = exports.StyledLink = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+var _toColorString = _interopRequireDefault(require("polished/lib/color/toColorString"));
+
+var _designTokens = require("@decisiv/design-tokens");
+
+var _Link = _interopRequireWildcard(require("../../../components/Link"));
+
+var _Typography = require("../../../components/Typography");
+
+var _styleModifiers = require("../../../utils/styleModifiers");
+
+var _focusRingWithColor = _interopRequireDefault(require("../../../utils/focusRingWithColor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+var enabledFGColor = _designTokens.color.interaction.pacificOcean;
+var disabledFGColor = _designTokens.color.opacity.charcoal40;
+var StyledLink = (0, _styledComponents.default)(_Link.default).withConfig({
+  displayName: "styles__StyledLink",
+  componentId: "sc-1vr9h8x-0"
+})(["&&,&&:hover:not(:active),&&:focus:not(:active){text-decoration:none;", ";", ";}"], (0, _Link.linkColorStyles)(enabledFGColor, enabledFGColor, enabledFGColor), (0, _styleModifiers.when)('disabled', (0, _styledComponents.css)(["", ";cursor:not-allowed;"], (0, _Link.linkColorStyles)(disabledFGColor, disabledFGColor, disabledFGColor))));
+exports.StyledLink = StyledLink;
+
+var withSizeModifiers = function withSizeModifiers(props) {
+  var _props$size = props.size,
+      size = _props$size === void 0 ? 'small' : _props$size;
+  if (size === 'medium') return (0, _styledComponents.css)(["font-size:", ";padding:", ";"], (0, _rem.default)(_designTokens.typography.size.alias.header4), "".concat((0, _rem.default)(10), " ").concat((0, _rem.default)(30), " ").concat((0, _rem.default)(10), " ").concat((0, _rem.default)(10)));
+  return (0, _styledComponents.css)(["font-size:", ";padding:", ";"], (0, _rem.default)(_designTokens.typography.size.alias.paragraph), "".concat((0, _rem.default)(5), " ").concat((0, _rem.default)(30), " ").concat((0, _rem.default)(5), " ").concat((0, _rem.default)(10)));
+};
+
+function getBorderRadius(_ref) {
+  var borderRadius = _ref.borderRadius;
+  return borderRadius || '2px';
+}
+
+var Container = _styledComponents.default.li.withConfig({
+  displayName: "styles__Container",
+  componentId: "sc-1vr9h8x-1"
+})(["text-align:left;&:focus{outline:none;}> .label,> ", "{align-items:center;border:1px solid transparent;color:", ";display:flex;pointer-events:none;width:100%;white-space:nowrap;", " > *{margin-right:", ";}}> ", "{pointer-events:auto;background-color:transparent;text-decoration:none;}&:first-child > .label,&:first-child > ", "{border-top-left-radius:", ";border-top-right-radius:", ";}&:last-child > .label,&:last-child > ", "{border-bottom-left-radius:", ";border-bottom-right-radius:", ";}&:hover:not([aria-disabled='true']):not([aria-selected='true']) > .label,&:hover:not([aria-disabled='true']):not([aria-selected='true']) > ", "{color:", ";text-decoration:none;.label > *{border-color:", ";}}&[aria-selected='true'] > .label{background:", ";color:", ";}&[aria-selected='true'] > .label > div > #optionLabelDetails{background:", ";color:", ";}", ";", " &[aria-disabled='true']{cursor:not-allowed;", "{pointer-events:none;}}&[aria-disabled='true'] > .label,&[aria-disabled='true'] > ", "{background:", ";color:", ";}"], StyledLink, (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), withSizeModifiers, (0, _rem.default)(10), StyledLink, StyledLink, getBorderRadius, getBorderRadius, StyledLink, getBorderRadius, getBorderRadius, StyledLink, (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _toColorString.default)(_designTokens.color.interaction.indianOcean), (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _styleModifiers.when)('isActive', (0, _styledComponents.css)(["color:", ";background:", ";.label > *{border-color:", ";}"], (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean15), (0, _toColorString.default)(_designTokens.color.interaction.indianOcean))), (0, _styleModifiers.when)([['isActive'], ['inputMethod', 'keyboard']], (0, _styledComponents.css)(["background:none;> .label,> ", "{border-color:", ";", "}&[aria-selected='true'] > .label,&[aria-selected='true'] > ", "{color:", ";", "}"], StyledLink, (0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), (0, _focusRingWithColor.default)(_designTokens.color.interaction.pacificOcean40), StyledLink, (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _focusRingWithColor.default)(_designTokens.color.opacity.fullMoon50))), StyledLink, StyledLink, (0, _toColorString.default)(_designTokens.color.base.snowWhite), (0, _toColorString.default)(_designTokens.color.opacity.charcoal40));
+
+exports.Container = Container;
+
+var StyleLabelWrapper = _styledComponents.default.div.withConfig({
+  displayName: "styles__StyleLabelWrapper",
+  componentId: "sc-1vr9h8x-2"
+})(["display:flex;flex:1;flex-direction:column;"]);
+
+exports.StyleLabelWrapper = StyleLabelWrapper;
+
+var DecorationComponentContainer = _styledComponents.default.div.withConfig({
+  displayName: "styles__DecorationComponentContainer",
+  componentId: "sc-1vr9h8x-3"
+})(["", ";"], (0, _styleModifiers.when)('disabled', (0, _styledComponents.css)(["opacity:0.3;img{opacity:0.3;}"])));
+
+exports.DecorationComponentContainer = DecorationComponentContainer;
+var StyledLabel = (0, _styledComponents.default)(_Typography.P).attrs({
+  as: 'span',
+  color: 'inherit'
+}).withConfig({
+  displayName: "styles__StyledLabel",
+  componentId: "sc-1vr9h8x-4"
+})(["font-size:inherit;"]);
+exports.StyledLabel = StyledLabel;
+var StyledLabelDetails = (0, _styledComponents.default)(_Typography.P).attrs({
+  as: 'span',
+  shade: 1
+}).withConfig({
+  displayName: "styles__StyledLabelDetails",
+  componentId: "sc-1vr9h8x-5"
+})([""]);
+exports.StyledLabelDetails = StyledLabelDetails;

package/lib/atoms/OptionsList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAcf,OAAO,EAGL,gBAAgB,EAIjB,MAAM,SAAS,CAAC;AAwBjB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAmCrB,CAAC;AA4SF,QAAA,MAAM,2BAA2B,2FAA0B,CAAC;AAkC5D,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAcf,OAAO,EAGL,gBAAgB,EAIjB,MAAM,SAAS,CAAC;AAwBjB,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAmCrB,CAAC;AA+SF,QAAA,MAAM,2BAA2B,2FAA0B,CAAC;AAmC5D,eAAe,2BAA2B,CAAC"}

package/lib/atoms/OptionsList/index.js

@@ -86,13 +86,13 @@ var Container = _styledComponents.default.ul.withConfig({
   componentId: "sc-107p8d5-0"
 })(["list-style:none;margin:0;width:100%;height:auto;max-height:", ";max-width:", ";padding:0;overflow:auto;position:relative;", " ", " ", " &:focus{outline:none;}"], (0, _rem.default)(310), (0, _rem.default)(340), function (_ref) {
   var minWidth = _ref.minWidth;
-  return minWidth ? "\n          min-width: ".concat(minWidth, ";\n        ") : '';
+  return minWidth ? "\nmin-width: ".concat(minWidth, ";\n") : '';
 }, function (_ref2) {
   var maxWidth = _ref2.maxWidth;
-  return maxWidth ? "\n          max-width: ".concat(maxWidth, ";\n        ") : '';
+  return maxWidth ? "\nmax-width: ".concat(maxWidth, ";\n") : '';
 }, function (_ref3) {
   var maxHeight = _ref3.maxHeight;
-  return maxHeight ? "\n          max-height: ".concat(maxHeight, ";\n        ") : '';
+  return maxHeight ? "\nmax-height: ".concat(maxHeight, ";\n") : '';
 });
 
 exports.Container = Container;
@@ -113,6 +113,8 @@ function OptionsList(props, forwardedRef) {
       showCheckbox = props.showCheckbox,
       tabIndex = props.tabIndex,
       selectable = props.selectable,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'small' : _props$size,
       defaultSelected = props.defaultSelected,
       itemRole = props.itemRole,
       role = props.role,
@@ -299,14 +301,16 @@ function OptionsList(props, forwardedRef) {
       return _react.default.createElement(_Category.default, _extends({}, item, {
         key: id,
         borderRadius: borderRadius,
-        showCheckbox: showCheckbox
+        showCheckbox: showCheckbox,
+        size: size
       }));
     }
 
     return _react.default.createElement(_Option.default, _extends({}, item, {
       key: id,
       borderRadius: borderRadius,
-      showCheckbox: showCheckbox
+      showCheckbox: showCheckbox,
+      size: size
     }));
   }))), actions && _react.default.createElement(Row, null, _react.default.createElement(_Footer.default, {
     actions: actions
@@ -332,7 +336,8 @@ OptionsListWithContainerRef.defaultProps = {
   itemRole: 'option',
   tabIndex: 0,
   selectable: true,
-  showCheckbox: true
+  showCheckbox: true,
+  size: 'small'
 };
 var _default = OptionsListWithContainerRef;
 exports.default = _default;

package/lib/atoms/OptionsList/index.test.js

@@ -101,132 +101,100 @@ var defaultProps = {
   onChange: jest.fn()
 };
 describe('OptionsList', function () {
-  it('renders items and categories sub items', function () {
-    var _render = render(_react.default.createElement(_.default, defaultProps)),
-        queryByText = _render.queryByText;
-
-    items.forEach(function (item) {
-      var label = item.label;
-      expect(queryByText(label)).toBeInTheDocument();
-
-      if ((0, _utils.isCategory)(item)) {
-        item.items.forEach(function (_ref2) {
-          var subItemLabel = _ref2.label;
-          expect(queryByText(subItemLabel)).toBeInTheDocument();
-        });
-      }
-    });
-  });
-  it('renders custom option label', function () {
-    var renderOptionLabel = function renderOptionLabel(_ref3) {
-      var label = _ref3.label;
-      return _react.default.createElement("span", null, "".concat(label, " foo"));
-    };
-
-    var _render2 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-      renderOptionLabel: renderOptionLabel
-    }))),
-        queryByText = _render2.queryByText;
-
-    items.forEach(function (item) {
-      var label = item.label;
-
-      if ((0, _utils.isCategory)(item)) {
-        item.items.forEach(function (_ref4) {
-          var subItemLabel = _ref4.label;
-          expect(queryByText("".concat(subItemLabel, " foo"))).toBeInTheDocument();
-        });
-      } else {
-        expect(queryByText("".concat(label, " foo"))).toBeInTheDocument();
-      }
+  ['small', 'medium'].forEach(function (size) {
+    it('renders items and categories sub items', function () {
+      var _render = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        size: size
+      }))),
+          queryByText = _render.queryByText;
+
+      items.forEach(function (item) {
+        var label = item.label;
+        expect(queryByText(label)).toBeInTheDocument();
+
+        if ((0, _utils.isCategory)(item)) {
+          item.items.forEach(function (_ref2) {
+            var subItemLabel = _ref2.label;
+            expect(queryByText(subItemLabel)).toBeInTheDocument();
+          });
+        }
+      });
     });
-  });
-  it('checks that labelDetails when provided ', function () {
-    var _render3 = render(_react.default.createElement(_.default, defaultProps)),
-        getByText = _render3.getByText;
-
-    expect(getByText('test detail label')).toBeInTheDocument();
-  });
-  it('navigates through the options with arrow keys', function () {
-    var _render4 = render(_react.default.createElement(_.default, defaultProps)),
-        getByText = _render4.getByText,
-        container = _render4.container;
-
-    var optionsList = container.querySelector('ul'); // simulate it is focused while tabbing
-
-    _react2.fireEvent.keyDown(container, {
-      key: 'Tab'
+    it('renders custom option label', function () {
+      var renderOptionLabel = function renderOptionLabel(_ref3) {
+        var label = _ref3.label;
+        return _react.default.createElement("span", null, "".concat(label, " foo"));
+      };
+
+      var _render2 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        renderOptionLabel: renderOptionLabel,
+        size: size
+      }))),
+          queryByText = _render2.queryByText;
+
+      items.forEach(function (item) {
+        var label = item.label;
+
+        if ((0, _utils.isCategory)(item)) {
+          item.items.forEach(function (_ref4) {
+            var subItemLabel = _ref4.label;
+            expect(queryByText("".concat(subItemLabel, " foo"))).toBeInTheDocument();
+          });
+        } else {
+          expect(queryByText("".concat(label, " foo"))).toBeInTheDocument();
+        }
+      });
     });
+    it('checks that labelDetails when provided ', function () {
+      var _render3 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        size: size
+      }))),
+          getByText = _render3.getByText;
 
-    _react2.fireEvent.focus(optionsList); // default first element active
-    // check the active item with border style
-
-
-    expect(getByText(defaultProps.items[0].label).closest('.label')).toHaveStyle("\n      border-color: ".concat((0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), ";\n    "));
-
-    _react2.fireEvent.keyDown(optionsList, {
-      key: 'ArrowDown'
+      expect(getByText('test detail label')).toBeInTheDocument();
     });
+    it('navigates through the options with arrow keys', function () {
+      var _render4 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        size: size
+      }))),
+          getByText = _render4.getByText,
+          container = _render4.container;
 
-    expect(getByText(defaultProps.items[1].label).closest('.label')).toHaveStyle("\n      border-color: ".concat((0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), ";\n    "));
+      var optionsList = container.querySelector('ul'); // simulate it is focused while tabbing
 
-    _react2.fireEvent.keyDown(optionsList, {
-      key: 'ArrowUp'
-    });
+      _react2.fireEvent.keyDown(container, {
+        key: 'Tab'
+      });
 
-    expect(getByText(defaultProps.items[0].label).closest('.label')).toHaveStyle("\n      border-color: ".concat((0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), ";\n    "));
-  });
-  it('selects an item with Enter or Space key', function () {
-    var onChange = jest.fn();
+      _react2.fireEvent.focus(optionsList); // default first element active
+      // check the active item with border style
 
-    var _render5 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-      onChange: onChange
-    }))),
-        getByLabelText = _render5.getByLabelText,
-        container = _render5.container;
 
-    var selectedItem = defaultProps.items[1];
-    var optionsList = container.querySelector('ul'); // simulate it is focused while tabbing
+      expect(getByText(defaultProps.items[0].label).closest('.label')).toHaveStyle("\n      border-color: ".concat((0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), ";\n        "));
 
-    _react2.fireEvent.keyDown(container, {
-      key: 'Tab'
-    });
+      _react2.fireEvent.keyDown(optionsList, {
+        key: 'ArrowDown'
+      });
 
-    _react2.fireEvent.focus(optionsList);
+      expect(getByText(defaultProps.items[1].label).closest('.label')).toHaveStyle("\n      border-color: ".concat((0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), ";\n        "));
 
-    _react2.fireEvent.keyDown(optionsList, {
-      key: 'ArrowDown'
-    });
+      _react2.fireEvent.keyDown(optionsList, {
+        key: 'ArrowUp'
+      });
 
-    _react2.fireEvent.keyDown(optionsList, {
-      key: 'Enter'
+      expect(getByText(defaultProps.items[0].label).closest('.label')).toHaveStyle("\n      border-color: ".concat((0, _toColorString.default)(_designTokens.color.interaction.pacificOcean), ";\n        "));
     });
-
-    expect(onChange).toHaveBeenCalledWith(selectedItem.id);
-    expect(getByLabelText(selectedItem.label)).toBeChecked();
-  });
-  describe('selecting disabled element with keyboard', function () {
     it('selects an item with Enter or Space key', function () {
       var onChange = jest.fn();
-      var onlyDisabledItems = [{
-        id: '2',
-        label: 'Option 2',
-        value: '2',
-        disabled: true
-      }, {
-        id: disabledItemId,
-        label: disabledItemLabel,
-        value: '4',
-        disabled: true
-      }];
-
-      var _render6 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-        items: onlyDisabledItems,
-        onChange: onChange
+
+      var _render5 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        onChange: onChange,
+        size: size
       }))),
-          getByLabelText = _render6.getByLabelText,
-          container = _render6.container;
+          getByLabelText = _render5.getByLabelText,
+          container = _render5.container;
 
+      var selectedItem = defaultProps.items[1];
       var optionsList = container.querySelector('ul'); // simulate it is focused while tabbing
 
       _react2.fireEvent.keyDown(container, {
@@ -243,131 +211,179 @@ describe('OptionsList', function () {
         key: 'Enter'
       });
 
-      expect(onChange).not.toHaveBeenCalledWith(disabledItemId);
-      expect(onChange).not.toHaveBeenCalled();
-      expect(getByLabelText(disabledItemLabel)).not.toBeChecked();
+      expect(onChange).toHaveBeenCalledWith(selectedItem.id);
+      expect(getByLabelText(selectedItem.label)).toBeChecked();
     });
-  });
-  describe('single selection', function () {
-    it('calls onChange with id when item is clicked', function () {
-      var onChange = jest.fn();
-
-      var _render7 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-        onChange: onChange
-      }))),
-          getByText = _render7.getByText,
-          getByLabelText = _render7.getByLabelText;
+    describe('selecting disabled element with keyboard', function () {
+      it('selects an item with Enter or Space key', function () {
+        var onChange = jest.fn();
+        var onlyDisabledItems = [{
+          id: '2',
+          label: 'Option 2',
+          value: '2',
+          disabled: true
+        }, {
+          id: disabledItemId,
+          label: disabledItemLabel,
+          value: '4',
+          disabled: true
+        }];
+
+        var _render6 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+          items: onlyDisabledItems,
+          onChange: onChange,
+          size: size
+        }))),
+            getByLabelText = _render6.getByLabelText,
+            container = _render6.container;
 
-      var item = items[0];
+        var optionsList = container.querySelector('ul'); // simulate it is focused while tabbing
 
-      _react2.fireEvent.click(getByText(item.label));
+        _react2.fireEvent.keyDown(container, {
+          key: 'Tab'
+        });
 
-      expect(onChange).toHaveBeenLastCalledWith(item.id);
-      var subItem = items[2].items[0];
+        _react2.fireEvent.focus(optionsList);
 
-      _react2.fireEvent.click(getByText(subItem.label));
+        _react2.fireEvent.keyDown(optionsList, {
+          key: 'ArrowDown'
+        });
 
-      expect(onChange).toHaveBeenLastCalledWith(subItem.id); // there should be an item marked as selected
+        _react2.fireEvent.keyDown(optionsList, {
+          key: 'Enter'
+        });
 
-      expect(getByLabelText(subItem.label)).toBeChecked();
+        expect(onChange).not.toHaveBeenCalledWith(disabledItemId);
+        expect(onChange).not.toHaveBeenCalled();
+        expect(getByLabelText(disabledItemLabel)).not.toBeChecked();
+      });
     });
-    describe('disabled element', function () {
-      it('does not calls onChange when item is clicked', function () {
+    describe('single selection', function () {
+      it('calls onChange with id when item is clicked', function () {
         var onChange = jest.fn();
 
-        var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-          onChange: onChange
+        var _render7 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+          onChange: onChange,
+          size: size
         }))),
-            getByText = _render8.getByText,
-            getByLabelText = _render8.getByLabelText;
+            getByText = _render7.getByText,
+            getByLabelText = _render7.getByLabelText;
 
-        _react2.fireEvent.click(getByText(disabledItemLabel));
+        var item = items[0];
 
-        expect(onChange).not.toHaveBeenLastCalledWith(disabledItemId);
-        expect(onChange).not.toHaveBeenCalled(); // the item shouldn't be marked as selected
+        _react2.fireEvent.click(getByText(item.label));
 
-        expect(getByLabelText(disabledItemLabel)).not.toBeChecked();
+        expect(onChange).toHaveBeenLastCalledWith(item.id);
+        var subItem = items[2].items[0];
+
+        _react2.fireEvent.click(getByText(subItem.label));
+
+        expect(onChange).toHaveBeenLastCalledWith(subItem.id); // there should be an item marked as selected
+
+        expect(getByLabelText(subItem.label)).toBeChecked();
       });
-    });
-    describe('controlled', function () {
-      it('prefers value over internal', function () {
-        var selected = items[1];
+      describe('disabled element', function () {
+        it('does not calls onChange when item is clicked', function () {
+          var onChange = jest.fn();
 
-        var _render9 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-          selected: selected.id
-        }))),
-            getByText = _render9.getByText,
-            getByLabelText = _render9.getByLabelText;
+          var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+            onChange: onChange,
+            size: size
+          }))),
+              getByText = _render8.getByText,
+              getByLabelText = _render8.getByLabelText;
 
-        var item = items[0];
+          _react2.fireEvent.click(getByText(disabledItemLabel));
 
-        _react2.fireEvent.click(getByText(item.label));
+          expect(onChange).not.toHaveBeenLastCalledWith(disabledItemId);
+          expect(onChange).not.toHaveBeenCalled(); // the item shouldn't be marked as selected
+
+          expect(getByLabelText(disabledItemLabel)).not.toBeChecked();
+        });
+      });
+      describe('controlled', function () {
+        it('prefers value over internal', function () {
+          var selected = items[1];
+
+          var _render9 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+            selected: selected.id,
+            size: size
+          }))),
+              getByText = _render9.getByText,
+              getByLabelText = _render9.getByLabelText;
+
+          var item = items[0];
 
-        expect(getByLabelText(item.label)).not.toBeChecked();
-        expect(getByLabelText(selected.label)).toBeChecked();
+          _react2.fireEvent.click(getByText(item.label));
+
+          expect(getByLabelText(item.label)).not.toBeChecked();
+          expect(getByLabelText(selected.label)).toBeChecked();
+        });
       });
     });
-  });
-  describe('multi selection', function () {
-    it('calls onChange with array of selected ids when item is clicked', function () {
-      var onChange = jest.fn();
+    describe('multi selection', function () {
+      it('calls onChange with array of selected ids when item is clicked', function () {
+        var onChange = jest.fn();
 
-      var _render10 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-        onChange: onChange,
-        multiple: true
-      }))),
-          getByText = _render10.getByText,
-          getByLabelText = _render10.getByLabelText;
+        var _render10 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+          onChange: onChange,
+          multiple: true,
+          size: size
+        }))),
+            getByText = _render10.getByText,
+            getByLabelText = _render10.getByLabelText;
 
-      var item = items[0];
+        var item = items[0];
 
-      _react2.fireEvent.click(getByText(item.label));
+        _react2.fireEvent.click(getByText(item.label));
 
-      expect(onChange).toHaveBeenLastCalledWith([item.id]);
-      var subItem = items[2].items[0];
+        expect(onChange).toHaveBeenLastCalledWith([item.id]);
+        var subItem = items[2].items[0];
 
-      _react2.fireEvent.click(getByText(subItem.label));
+        _react2.fireEvent.click(getByText(subItem.label));
 
-      expect(onChange).toHaveBeenLastCalledWith([item.id, subItem.id]);
-      expect(getByLabelText(subItem.label)).toBeChecked();
-      expect(getByLabelText(item.label)).toBeChecked(); // second click unselects
+        expect(onChange).toHaveBeenLastCalledWith([item.id, subItem.id]);
+        expect(getByLabelText(subItem.label)).toBeChecked();
+        expect(getByLabelText(item.label)).toBeChecked(); // second click unselects
 
-      _react2.fireEvent.click(getByText(item.label));
+        _react2.fireEvent.click(getByText(item.label));
 
-      expect(onChange).toHaveBeenLastCalledWith([subItem.id]);
-    });
-    it('adds a footer with buttons when actions are provided', function () {
-      var onClick = jest.fn();
-      var actions = [{
-        id: '1',
-        text: 'apply',
-        onClick: onClick
-      }, {
-        id: '2',
-        text: 'cancel',
-        kind: 'secondary',
-        onClick: onClick
-      }, {
-        id: '3',
-        text: 'clear',
-        kind: 'secondary',
-        variant: 'ghost',
-        paddingLeft: 4,
-        onClick: onClick
-      }];
-
-      var _render11 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
-        actions: actions,
-        multiple: true
-      }))),
-          baseElement = _render11.baseElement,
-          getByText = _render11.getByText;
+        expect(onChange).toHaveBeenLastCalledWith([subItem.id]);
+      });
+      it('adds a footer with buttons when actions are provided', function () {
+        var onClick = jest.fn();
+        var actions = [{
+          id: '1',
+          text: 'apply',
+          onClick: onClick
+        }, {
+          id: '2',
+          text: 'cancel',
+          kind: 'secondary',
+          onClick: onClick
+        }, {
+          id: '3',
+          text: 'clear',
+          kind: 'secondary',
+          variant: 'ghost',
+          paddingLeft: 4,
+          onClick: onClick
+        }];
+
+        var _render11 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+          actions: actions,
+          multiple: true,
+          size: size
+        }))),
+            baseElement = _render11.baseElement,
+            getByText = _render11.getByText;
 
-      actions.forEach(function (_ref5) {
-        var label = _ref5.text;
-        return expect(getByText(label)).toBeTruthy();
+        actions.forEach(function (_ref5) {
+          var label = _ref5.text;
+          return expect(getByText(label)).toBeTruthy();
+        });
+        expect(baseElement).toMatchSnapshot();
       });
-      expect(baseElement).toMatchSnapshot();
     });
   });
 });

package/lib/atoms/OptionsList/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA2C,CAAC;AAuExD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA2C,CAAC;AA0ExD,eAAe,MAAM,CAAC"}

package/lib/atoms/OptionsList/schema.js

@@ -39,7 +39,8 @@ schema.makePropTypes = function () {
     renderOptionLabel: _reactDesc.PropTypes.func.description('Function to customize render of option labels, called with the item value.'),
     selectable: _reactDesc.PropTypes.bool.description('Enables selection in the options list.').defaultValue(true),
     role: _reactDesc.PropTypes.string.description('The role assigned to the list.').defaultValue('listbox'),
-    itemRole: _reactDesc.PropTypes.string.description('The role assigned to each item in the list.').defaultValue('option')
+    itemRole: _reactDesc.PropTypes.string.description('The role assigned to each item in the list.').defaultValue('option'),
+    size: _reactDesc.PropTypes.oneOf(['small', 'medium']).description('Defines the size of the OptionList').defaultValue('small')
   };
 };
 

package/lib/atoms/OptionsList/types.d.ts

@@ -5,9 +5,11 @@ import { AvatarProps } from '../../components/Avatar';
 import { BadgeProps } from '../../components/Badge';
 import { DimensionsProps } from '../../modifiers/dimensions';
 import { ButtonProps } from '../../components/Button';
+import { LinkProps } from '../../components/Link';
 export declare type OptionAvatarProps = Omit<AvatarProps, 'ref' | 'size'>;
 export declare type OptionBadgeProps = Omit<BadgeProps, 'size' | 'variant'>;
 export declare type InputMethod = 'mouse' | 'keyboard' | undefined;
+export declare type Size = 'small' | 'medium' | undefined;
 export declare type Selection = string | string[];
 export declare type OptionsListDimensions = Pick<DimensionsProps, 'minWidth' | 'maxHeight' | 'maxWidth'>;
 interface AvatarDecoration extends OptionAvatarProps {
@@ -38,6 +40,7 @@ export interface Category {
     items: Option[];
     label: string;
     showCheckbox?: boolean;
+    size?: Size;
 }
 export declare type CategoryProps = Category;
 export declare type IconComponent = (props: IconProps) => JSX.Element;
@@ -50,6 +53,7 @@ interface BaseOption {
     labelDetails?: string;
     showCheckbox?: boolean;
     meta?: object;
+    size?: Size;
 }
 export interface ItemOption extends BaseOption {
     value?: string;
@@ -76,10 +80,24 @@ export interface OptionsListProps extends OptionsListDimensions {
     showCheckbox?: boolean;
     tabIndex?: number;
     selectable?: boolean;
+    size?: Size;
     defaultSelected?: Selection;
     role?: string;
     itemRole?: string;
 }
 export declare type OptionsListContainerRef = HTMLUListElement;
+export interface StyledCategoryProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    size: Size;
+}
+export interface ContainerProps {
+    borderRadius?: BorderRadiusProperty<string>;
+    isActive: boolean;
+    multiple: boolean;
+    inputMethod: InputMethod;
+    size: Size;
+}
+export interface StyledLinkProps extends LinkProps {
+    disabled: boolean;
+}
 export {};
 //# sourceMappingURL=types.d.ts.map

package/lib/atoms/OptionsList/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/types.ts"],"names":[],"mappings":"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"}

package/lib/components/CheckboxGroup/index.d.ts

@@ -4,7 +4,7 @@ import { Props as GroupProps, ItemProps as BaseItemProps } from '../../atoms/Boo
 export declare type Props = Omit<GroupProps, 'itemRenderer'>;
 export declare type ItemProps = BaseItemProps;
 declare const CheckboxGroup: {
-    (props: Pick<GroupProps, "size" | "onChange" | "vertical" | "disabled" | "readOnly" | "status" | "warningMessage" | "items">): JSX.Element;
+    (props: Pick<GroupProps, "size" | "onChange" | "vertical" | "disabled" | "readOnly" | "status" | "items" | "warningMessage">): JSX.Element;
     propTypes: {
         disabled: PropTypes.Requireable<boolean>;
         items: PropTypes.Requireable<(PropTypes.InferProps<{}> | null | undefined)[]>;

package/lib/components/Link/DisabledLink.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { LinkRendererProps } from '../../providers/ConfigProvider';
 declare const _default: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Pick<LinkRendererProps, "children" | "to"> & React.RefAttributes<HTMLAnchorElement>>, any, {
-    size?: "small" | "medium" | undefined;
+    size?: import("../../atoms/OptionsList/types").Size;
 }, never>;
 export default _default;
 //# sourceMappingURL=DisabledLink.d.ts.map

package/lib/components/Link/styles.d.ts

@@ -1,20 +1,20 @@
 import { FlattenSimpleInterpolation, SimpleInterpolation } from 'styled-components';
-import { Color, IconPosition } from './types';
+import { Color } from './types';
 export declare function linkColorStyles(normalColor: Color, visitedColor: Color, hoverColor: Color, focusColors?: {
     border: Color;
     shadow: Color;
 }): FlattenSimpleInterpolation;
 export declare const fontSize: (p: {
-    size?: "small" | "medium" | undefined;
+    size?: import("../../atoms/OptionsList/types").Size;
 }) => SimpleInterpolation;
 export declare const IconContainer: import("styled-components").StyledComponent<"span", any, {
-    position: IconPosition;
+    position: "left" | "right";
     withText: boolean;
 }, never>;
 export declare const sharedLinkStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    size?: "small" | "medium" | undefined;
+    size?: import("../../atoms/OptionsList/types").Size;
 }, any>>;
 export declare const linkStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
-    size?: "small" | "medium" | undefined;
+    size?: import("../../atoms/OptionsList/types").Size;
 }, any>>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/components/Link/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":"AAEA,OAAe,EAEb,0BAA0B,EAC1B,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAS3B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAiBxD,wBAAgB,eAAe,CAC7B,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,KAAK,EACjB,WAAW,CAAC,EAAE;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,KAAK,CAAA;CAAE,GAC7C,0BAA0B,CAsC5B;AAuDD,eAAO,MAAM,QAAQ;;yBAMpB,CAAC;AAcF,eAAO,MAAM,aAAa;;;SAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;QAkB5B,CAAC;AAEF,eAAO,MAAM,UAAU;;QAItB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Link/styles.ts"],"names":[],"mappings":"AAEA,OAAe,EAEb,0BAA0B,EAC1B,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAS3B,OAAO,EAAE,KAAK,EAA0B,MAAM,SAAS,CAAC;AAiBxD,wBAAgB,eAAe,CAC7B,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,KAAK,EACjB,WAAW,CAAC,EAAE;IAAE,MAAM,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,KAAK,CAAA;CAAE,GAC7C,0BAA0B,CAsC5B;AAuDD,eAAO,MAAM,QAAQ;;yBAMpB,CAAC;AAcF,eAAO,MAAM,aAAa;;;SAGzB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;QAkB5B,CAAC;AAEF,eAAO,MAAM,UAAU;;QAItB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decisiv/ui-components",
-  "version": "2.0.1-alpha.182+bbde1e2",
+  "version": "2.0.1-alpha.183+9f79a5a",
   "description": "Decisiv's design system React components",
   "author": "Decisiv UI Development Team",
   "license": "MIT",
@@ -71,5 +71,5 @@
     "access": "public"
   },
   "private": false,
-  "gitHead": "bbde1e2883ce206cad4795fb09e444750b2cc535"
+  "gitHead": "9f79a5ae794f4d60bccf1f9c25d2b4a66fd7145e"
 }

package/lib/atoms/OptionsList/Category.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Category.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/Category.tsx"],"names":[],"mappings":";AA0BA,QAAA,MAAM,QAAQ,4FAyBb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/atoms/OptionsList/Option.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/Option.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAK/D,OAAO,EACL,WAAW,EAMZ,MAAM,SAAS,CAAC;AAoNjB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAqH/C;;AAED,wBAAkC"}