@decisiv/ui-components 2.0.1-alpha.8 → 2.0.1-alpha.97

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

@@ -41,6 +41,8 @@ var item0Id = '0';
 var item0Label = 'Option 0';
 var item2Id = '2';
 var item2Label = 'Option 2';
+var disabledItemLabel = 'Option 4';
+var disabledItemId = '4';
 var items = [{
   id: item0Id,
   label: item0Label,
@@ -75,8 +77,8 @@ var items = [{
 }, {
   label: 'Category 2',
   items: [{
-    id: '4',
-    label: 'Option 4',
+    id: disabledItemId,
+    label: disabledItemLabel,
     value: '4',
     disabled: true
   }, {
@@ -189,15 +191,58 @@ describe('OptionsList', function () {
     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 _render5 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        items: onlyDisabledItems,
+        onChange: onChange
+      }))),
+          getByLabelText = _render5.getByLabelText,
+          container = _render5.container;
+
+      var optionsList = container.querySelector('ul'); // simulate it is focused while tabbing
+
+      _react2.fireEvent.keyDown(container, {
+        key: 'Tab'
+      });
+
+      _react2.fireEvent.focus(optionsList);
+
+      _react2.fireEvent.keyDown(optionsList, {
+        key: 'ArrowDown'
+      });
+
+      _react2.fireEvent.keyDown(optionsList, {
+        key: 'Enter'
+      });
+
+      expect(onChange).not.toHaveBeenCalledWith(disabledItemId);
+      expect(onChange).not.toHaveBeenCalled();
+      expect(getByLabelText(disabledItemLabel)).not.toBeChecked();
+    });
+  });
   describe('single selection', function () {
     it('calls onChange with id when item is clicked', function () {
       var onChange = jest.fn();
 
-      var _render5 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render6 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         onChange: onChange
       }))),
-          getByText = _render5.getByText,
-          getByLabelText = _render5.getByLabelText;
+          getByText = _render6.getByText,
+          getByLabelText = _render6.getByLabelText;
 
       var item = items[0];
 
@@ -212,15 +257,33 @@ describe('OptionsList', function () {
 
       expect(getByLabelText(subItem.label)).toBeChecked();
     });
+    describe('disabled element', function () {
+      it('does not calls onChange 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;
+
+        _react2.fireEvent.click(getByText(disabledItemLabel));
+
+        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 _render6 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        var _render8 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
           selected: selected.id
         }))),
-            getByText = _render6.getByText,
-            getByLabelText = _render6.getByLabelText;
+            getByText = _render8.getByText,
+            getByLabelText = _render8.getByLabelText;
 
         var item = items[0];
 
@@ -235,12 +298,12 @@ describe('OptionsList', function () {
     it('calls onChange with array of selected ids when item is clicked', function () {
       var onChange = jest.fn();
 
-      var _render7 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+      var _render9 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
         onChange: onChange,
         multiple: true
       }))),
-          getByText = _render7.getByText,
-          getByLabelText = _render7.getByLabelText;
+          getByText = _render9.getByText,
+          getByLabelText = _render9.getByLabelText;
 
       var item = items[0];
 
@@ -259,5 +322,38 @@ describe('OptionsList', function () {
 
       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 _render10 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
+        actions: actions,
+        multiple: true
+      }))),
+          baseElement = _render10.baseElement,
+          getByText = _render10.getByText;
+
+      actions.forEach(function (_ref5) {
+        var label = _ref5.text;
+        return expect(getByText(label)).toBeTruthy();
+      });
+      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;AA2DxD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/atoms/OptionsList/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA2C,CAAC;AAoExD,eAAe,MAAM,CAAC"}

package/lib/atoms/OptionsList/schema.js

@@ -15,6 +15,10 @@ var schema = (0, _reactDesc.describe)({
 schema.makePropTypes = function () {
   return {
     defaultSelected: _reactDesc.PropTypes.oneOfType([_reactDesc.PropTypes.string, _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.string)]).description('These IDs will appear as selected the first time the user opens the dropdown.'),
+    actions: _reactDesc.PropTypes.oneOfType([_reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object), _reactDesc.PropTypes.shape({
+      left: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object),
+      right: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object)
+    })]).description('A collection of objects, each containing a subset of props valid for a Button component. Check the notes below.'),
     items: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.shape({
       decoration: _reactDesc.PropTypes.shape({
         type: _reactDesc.PropTypes.oneOf(['Avatar', 'Badge', 'Icon'])

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

@@ -4,6 +4,7 @@ import { IconProps } from '@decisiv/iconix';
 import { AvatarProps } from '../../components/Avatar';
 import { BadgeProps } from '../../components/Badge';
 import { DimensionsProps } from '../../modifiers/dimensions';
+import { ButtonProps } from '../../components/Button';
 export declare type OptionAvatarProps = Omit<AvatarProps, 'ref' | 'size'>;
 export declare type OptionBadgeProps = Omit<BadgeProps, 'size' | 'variant'>;
 export declare type InputMethod = 'mouse' | 'keyboard' | undefined;
@@ -22,12 +23,21 @@ interface IconDecoration {
     icon: IconComponent;
     disabled?: boolean;
 }
+export interface ActionProps extends ButtonProps {
+    id: string;
+}
+interface SideActionProps {
+    left?: ActionProps[];
+    right?: ActionProps[];
+}
+export declare type FooterActions = SideActionProps | ActionProps[];
 export declare type Decoration = AvatarDecoration | BadgeDecoration | IconDecoration;
 export interface Category {
     borderRadius?: BorderRadiusProperty<string>;
     id?: string;
     items: Option[];
     label: string;
+    showCheckbox?: boolean;
 }
 export declare type CategoryProps = Category;
 export declare type IconComponent = (props: IconProps) => JSX.Element;
@@ -37,6 +47,8 @@ interface BaseOption {
     disabled?: boolean;
     id: string;
     label: string;
+    showCheckbox?: boolean;
+    meta?: object;
 }
 export interface ItemOption extends BaseOption {
     value?: string;
@@ -49,6 +61,7 @@ export declare type OptionProps = Option;
 export declare type Item = Category | Option;
 export interface OptionsListProps extends OptionsListDimensions {
     items: Item[];
+    actions?: FooterActions;
     name?: string;
     multiple?: boolean;
     onChange: (ids: Selection) => void;
@@ -59,6 +72,7 @@ export interface OptionsListProps extends OptionsListDimensions {
     defaultActiveId?: string;
     onChangeActiveItem?: (activeId: string) => void;
     onKeyDown?: (event: KeyboardEvent) => void;
+    showCheckbox?: boolean;
     tabIndex?: number;
     selectable?: boolean;
     defaultSelected?: Selection;

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/atoms/OptionsList/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/atoms/RequiredIcon.d.ts

@@ -0,0 +1,9 @@
+import { RefForwardingComponent, RefAttributes } from 'react';
+interface Props {
+    marginLeft?: string;
+    marginTop?: string;
+}
+declare type RequiredIconType = RefForwardingComponent<HTMLDivElement, RefAttributes<HTMLDivElement> & Props>;
+declare const RequiredIcon: RequiredIconType;
+export default RequiredIcon;
+//# sourceMappingURL=RequiredIcon.d.ts.map

package/lib/atoms/RequiredIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequiredIcon.d.ts","sourceRoot":"","sources":["../../src/atoms/RequiredIcon.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,sBAAsB,EAGtB,aAAa,EACd,MAAM,OAAO,CAAC;AAOf,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD,aAAK,gBAAgB,GAAG,sBAAsB,CAC5C,cAAc,EACd,aAAa,CAAC,cAAc,CAAC,GAAG,KAAK,CACtC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,gBASnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/atoms/{InputField/RequiredIcon.js → RequiredIcon.js}

@@ -21,10 +21,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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 RequiredIconContainer = _styledComponents.default.span.withConfig({
+var RequiredIconContainer = _styledComponents.default.div.withConfig({
   displayName: "RequiredIcon__RequiredIconContainer",
-  componentId: "d5jm3s-0"
-})(["margin-left:5px;"]);
+  componentId: "sc-18pnvm5-0"
+})(["display:inline;margin-left:", ";margin-top:", ";"], function (props) {
+  return props.marginLeft || '3px';
+}, function (props) {
+  return props.marginTop || '0px';
+});
 
 var RequiredIcon = (0, _react.forwardRef)(function (props, ref) {
   return _react.default.createElement(RequiredIconContainer, _extends({}, props, {

package/lib/components/Accordion/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Accordion/useAccordion/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Avatar/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Badge/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const sizeStyles: Record<string, {}>;
+//# sourceMappingURL=constants.d.ts.map

package/lib/components/Badge/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/constants.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,CAKzC,CAAC"}

package/lib/components/Badge/constants.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sizeStyles = void 0;
+
+var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable import/prefer-default-export */
+var makeSizeStyles = function makeSizeStyles(size) {
+  var value = (0, _rem.default)(size);
+  return {
+    width: value,
+    minWidth: value,
+    height: value,
+    minHeight: value
+  };
+};
+
+var sizeStyles = {
+  'small.square': makeSizeStyles(20),
+  'medium.round': makeSizeStyles(36),
+  'medium.square': makeSizeStyles(30),
+  'large.round': makeSizeStyles(60)
+};
+exports.sizeStyles = sizeStyles;

package/lib/components/Badge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAmB,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAA2B,MAAM,SAAS,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAkEhC,QAAA,MAAM,YAAY,EAAE,sBAAsB,CAAC,QAAQ,EAAE,UAAU,CAE9D,CAAC;AAQF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAmB,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAQvE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAA2B,MAAM,SAAS,CAAC;AAExE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAsDhC,QAAA,MAAM,YAAY,EAAE,sBAAsB,CAAC,QAAQ,EAAE,UAAU,CAE9D,CAAC;AAQF,eAAe,YAAY,CAAC"}

package/lib/components/Badge/index.js

@@ -17,8 +17,6 @@ Object.defineProperty(exports, "BadgeProps", {
 });
 exports.default = void 0;
 
-var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
-
 var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -27,16 +25,18 @@ var _styledComponentsModifiers = require("styled-components-modifiers");
 
 var _color = _interopRequireDefault(require("../../modifiers/color"));
 
+var _constants = require("./constants");
+
 var _commonUIColors = require("../../utils/commonUIColors");
 
 var _utils = require("../../utils");
 
 var _types = require("./types");
 
-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 _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 _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); }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -48,32 +48,21 @@ var colorModifiers = (0, _utils.applyDynamicModifiers)('color', function (_ref)
   return (0, _styledComponents.css)(["", ""], color && color in _commonUIColors.commonUIColors && (0, _color.default)(_commonUIColors.commonUIColors[color]));
 });
 
-var makeSizeStyles = function makeSizeStyles(size) {
-  return {
-    width: (0, _rem.default)(size),
-    minWidth: (0, _rem.default)(size),
-    height: (0, _rem.default)(size),
-    minHeight: (0, _rem.default)(size)
-  };
-};
-
-var sizeStyles = {
-  'medium.round': makeSizeStyles(36),
-  'medium.square': makeSizeStyles(30),
-  'large.round': makeSizeStyles(60)
-};
-
 var getSizeStyles = function getSizeStyles(key) {
-  return (0, _styledComponents.css)(sizeStyles[key] || '');
+  return (0, _styledComponents.css)(_constants.sizeStyles[key] || '');
 };
 
 var sizeModifiers = (0, _styledComponentsModifiers.applyStyleModifiers)({
-  medium: function medium(_ref2) {
+  small: function small(_ref2) {
     var v = _ref2.variant;
-    return getSizeStyles("medium.".concat(v));
+    return getSizeStyles("small.".concat(v));
   },
-  large: function large(_ref3) {
+  medium: function medium(_ref3) {
     var v = _ref3.variant;
+    return getSizeStyles("medium.".concat(v));
+  },
+  large: function large(_ref4) {
+    var v = _ref4.variant;
     return getSizeStyles("large.".concat(v));
   }
 }, 'size');

package/lib/components/Badge/index.test.js

@@ -10,6 +10,8 @@ var _Home = _interopRequireDefault(require("@decisiv/iconix/lib/components/Home"
 
 var _ = _interopRequireDefault(require("."));
 
+var _constants = require("./constants");
+
 var _commonUIColors = require("../../utils/commonUIColors");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -53,16 +55,25 @@ describe('Badge', function () {
       expect(container).toMatchSnapshot();
     });
   });
+  it("renders correctly with size=\"small\" and variant=\"square\"", function () {
+    var _renderBadge3 = renderBadge({
+      size: 'small',
+      variant: 'square'
+    }),
+        container = _renderBadge3.container;
+
+    expect(container).toMatchSnapshot();
+  });
   it('renders correctly in any of the common UI colors', function () {
     Object.entries(_commonUIColors.commonUIColors).forEach(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 2),
           key = _ref2[0],
           value = _ref2[1];
 
-      var _renderBadge3 = renderBadge({
+      var _renderBadge4 = renderBadge({
         color: key
       }),
-          container = _renderBadge3.container;
+          container = _renderBadge4.container;
 
       expect(container.firstChild).toHaveStyleRule('background-color', (0, _toColorString.default)(value));
     });
@@ -75,12 +86,44 @@ describe('Badge', function () {
       // @ts-ignore
       console.error.mockRestore();
     });
-    it('warns if variant="square" and size="large"', function () {
-      renderBadge({
-        size: 'large',
-        variant: 'square'
-      });
-      expect(console.error).toHaveBeenCalledWith("Warning: Failed prop type: The prop 'variant' can not be 'square' if the 'size' prop is 'large'.\n    in Badge");
+    it('warns for invalid size/variant combinations', function () {
+      var sizes = ['small', 'medium', 'large'];
+      var variants = ['round', 'square'];
+      var validCombinations = Object.keys(_constants.sizeStyles);
+
+      for (var _i2 = 0, _sizes = sizes; _i2 < _sizes.length; _i2++) {
+        var size = _sizes[_i2];
+        var _iteratorNormalCompletion = true;
+        var _didIteratorError = false;
+        var _iteratorError = undefined;
+
+        try {
+          for (var _iterator = variants[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            var variant = _step.value;
+
+            if (!validCombinations.includes("".concat(size, ".").concat(variant))) {
+              renderBadge({
+                size: size,
+                variant: variant
+              });
+              expect(console.error).toHaveBeenCalledWith("Warning: Failed prop type: The Badge component does not support the '".concat(size, "' size and '").concat(variant, "' variant props combination.\n    in Badge"));
+            }
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+              _iterator.return();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+      }
     });
   });
 });

package/lib/components/Badge/schema.js

@@ -15,7 +15,7 @@ schema.propTypes = {
   'aria-label': _reactDesc.PropTypes.string.description('Descriptive text for accessibility purposes').isRequired,
   color: _reactDesc.PropTypes.string.description('(See note) Sets the color for the background and the icon').defaultValue('information'),
   icon: _reactDesc.PropTypes.element.description('Must be an icon component from `@decisiv/iconix`').isRequired,
-  size: _reactDesc.PropTypes.oneOf(['medium', 'large']).description('(See note) Sets the size of the badge').defaultValue('medium'),
+  size: _reactDesc.PropTypes.oneOf(['small', 'medium', 'large']).description('(See note) Sets the size of the badge').defaultValue('medium'),
   variant: _reactDesc.PropTypes.oneOf(['round', 'square']).description('(See note) Controls primary style variations of the badge').defaultValue('round')
 };
 var _default = schema;

package/lib/components/Badge/types.d.ts

@@ -8,7 +8,7 @@ export interface BadgeProps {
     'aria-label': string;
     color?: CommonUIColorKeys;
     icon: IconComponent;
-    size?: 'medium' | 'large';
+    size?: 'small' | 'medium' | 'large';
     variant?: 'round' | 'square';
 }
 declare function variantValidator(props: BadgeProps, propName: 'variant', componentName: 'Badge'): Error | null;

package/lib/components/Badge/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,iBAAiB,EAElB,MAAM,4BAA4B,CAAC;AAEpC,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,oBAAY,QAAQ,GAAG,cAAc,CAAC;AAEtC,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B;AAED,iBAAS,gBAAgB,CACvB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,OAAO,GACrB,KAAK,GAAG,IAAI,CAqBd;AAED,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAGxB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,iBAAiB,EAElB,MAAM,4BAA4B,CAAC;AAIpC,aAAK,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAEvD,oBAAY,QAAQ,GAAG,cAAc,CAAC;AAItC,MAAM,WAAW,UAAU;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC9B;AAED,iBAAS,gBAAgB,CACvB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,SAAS,EACnB,aAAa,EAAE,OAAO,GACrB,KAAK,GAAG,IAAI,CAqBd;AAED,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;CAGxB,CAAC"}

package/lib/components/Badge/types.js

@@ -9,15 +9,19 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _commonUIColors = require("../../utils/commonUIColors");
 
+var _constants = require("./constants");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var validSizeVariantCombinations = Object.keys(_constants.sizeStyles);
+
 function variantValidator(props, propName, componentName) {
   if (process.env.NODE_ENV !== 'production') {
     var size = props.size,
         variant = props[propName];
 
-    if (size === 'large' && variant === 'square') {
-      return Error("The prop '".concat(propName, "' can not be 'square' if the 'size' prop is 'large'."));
+    if (!validSizeVariantCombinations.includes("".concat(size, ".").concat(variant))) {
+      return Error("The Badge component does not support the '".concat(size, "' size and '").concat(variant, "' variant props combination."));
     }
 
     _propTypes.default.checkPropTypes({
@@ -33,7 +37,7 @@ function variantValidator(props, propName, componentName) {
 var propTypes = {
   color: _propTypes.default.oneOf(_commonUIColors.commonUIColorKeys),
   icon: _propTypes.default.elementType.isRequired,
-  size: _propTypes.default.oneOf(['medium', 'large']),
+  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
   variant: variantValidator
 };
 exports.propTypes = propTypes;

package/lib/components/Breadcrumbs/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/Button/schema.d.ts

@@ -1,4 +1,9 @@
-export declare const makeButtonSchemaPropTypes: () => object;
+import { Validator } from 'prop-types';
+export declare const makeButtonSchemaPropTypes: (extensions?: {
+    [x: string]: Validator<unknown>;
+} | undefined) => {
+    [x: string]: Validator<unknown>;
+};
 declare const schema: any;
 export default schema;
 //# sourceMappingURL=schema.d.ts.map

package/lib/components/Button/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Button/schema.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,cA4BpC,CAAC;AAEH,QAAA,MAAM,MAAM,KAAsC,CAAC;AAInD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/Button/schema.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,eAAO,MAAM,yBAAyB;;;;CAiCpC,CAAC;AAEH,QAAA,MAAM,MAAM,KAAsC,CAAC;AAInD,eAAe,MAAM,CAAC"}

package/lib/components/Button/schema.js

@@ -7,9 +7,14 @@ exports.default = exports.makeButtonSchemaPropTypes = void 0;
 
 var _reactDesc = require("react-desc");
 
-// @ts-ignore no module typings
-var makeButtonSchemaPropTypes = function makeButtonSchemaPropTypes() {
-  return {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var makeButtonSchemaPropTypes = function makeButtonSchemaPropTypes(extensions) {
+  return _objectSpread({
     text: _reactDesc.PropTypes.string.description("The button's text"),
     disabled: _reactDesc.PropTypes.bool.description('Defines if the button will be disabled').defaultValue('false'),
     size: _reactDesc.PropTypes.oneOf(['small', 'medium']).description('Defines the size of the button').defaultValue('medium'),
@@ -18,7 +23,7 @@ var makeButtonSchemaPropTypes = function makeButtonSchemaPropTypes() {
     intent: _reactDesc.PropTypes.oneOf(['success', 'danger']).description('Applies desired hover state of button'),
     kind: _reactDesc.PropTypes.oneOf(['primary', 'secondary']).description('Applies inverted button styles'),
     variant: _reactDesc.PropTypes.oneOf(['normal', 'inverted']).description('Applies secondary button styles')
-  };
+  }, extensions);
 };
 
 exports.makeButtonSchemaPropTypes = makeButtonSchemaPropTypes;

package/lib/components/Button/types.js

@@ -1 +1,5 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});