@decisiv/ui-components 2.0.0 → 2.0.1-alpha.100

package/lib/atoms/OptionsList/index.js

@@ -7,21 +7,17 @@ exports.default = exports.Container = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _rem = _interopRequireDefault(require("polished/lib/helpers/rem"));
 
 var _isArray = _interopRequireDefault(require("lodash/isArray"));
 
-var _context = require("./context");
-
-var _Option = _interopRequireDefault(require("./Option"));
+var _Button = require("../../components/Button");
 
-var _Category = _interopRequireDefault(require("./Category"));
-
-var _utils = require("./utils");
-
-var _schema = _interopRequireDefault(require("./schema"));
+var _Grid = _interopRequireDefault(require("../../components/Grid"));
 
 var _canUseDOM = _interopRequireDefault(require("../../utils/canUseDOM"));
 
@@ -31,8 +27,20 @@ var _assignRef = _interopRequireDefault(require("../../utils/assignRef"));
 
 var _isCtrlCmd = _interopRequireDefault(require("../../utils/isCtrlCmd"));
 
+var _Option = _interopRequireDefault(require("./Option"));
+
+var _Category = _interopRequireDefault(require("./Category"));
+
+var _Footer = _interopRequireDefault(require("./Footer"));
+
+var _context = require("./context");
+
+var _utils = require("./utils");
+
 var _useListSelectionKeyboardActions = _interopRequireDefault(require("./useListSelectionKeyboardActions"));
 
+var _schema = _interopRequireDefault(require("./schema"));
+
 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; } }
@@ -61,6 +69,7 @@ function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d =
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var Row = _Grid.default.Row;
 var isUsingKeyboard = false;
 
 if (_canUseDOM.default) {
@@ -75,7 +84,7 @@ if (_canUseDOM.default) {
 var Container = _styledComponents.default.ul.withConfig({
   displayName: "OptionsList__Container",
   componentId: "sc-107p8d5-0"
-})(["list-style:none;margin:0;width:auto;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) {
+})(["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        ") : '';
 }, function (_ref2) {
@@ -89,7 +98,8 @@ var Container = _styledComponents.default.ul.withConfig({
 exports.Container = Container;
 
 function OptionsList(props, forwardedRef) {
-  var items = props.items,
+  var actions = props.actions,
+      items = props.items,
       multiple = props.multiple,
       onChange = props.onChange,
       name = props.name,
@@ -100,6 +110,7 @@ function OptionsList(props, forwardedRef) {
       activeIdProp = props.activeId,
       onChangeActiveItem = props.onChangeActiveItem,
       onKeyDownProp = props.onKeyDown,
+      showCheckbox = props.showCheckbox,
       tabIndex = props.tabIndex,
       selectable = props.selectable,
       defaultSelected = props.defaultSelected,
@@ -266,7 +277,7 @@ function OptionsList(props, forwardedRef) {
       selectable: !!selectable,
       itemRole: itemRole
     }
-  }, _react.default.createElement(Container, {
+  }, _react.default.createElement(_Grid.default.Container, null, _react.default.createElement(Row, null, _react.default.createElement(Container, {
     "aria-activedescendant": activeId,
     "aria-multiselectable": !!multiple,
     ref: setContainerRefFunc,
@@ -287,25 +298,41 @@ function OptionsList(props, forwardedRef) {
     if ((0, _utils.isCategory)(item)) {
       return _react.default.createElement(_Category.default, _extends({}, item, {
         key: id,
-        borderRadius: borderRadius
+        borderRadius: borderRadius,
+        showCheckbox: showCheckbox
       }));
     }
 
     return _react.default.createElement(_Option.default, _extends({}, item, {
       key: id,
-      borderRadius: borderRadius
+      borderRadius: borderRadius,
+      showCheckbox: showCheckbox
     }));
-  })));
+  }))), actions && _react.default.createElement(Row, null, _react.default.createElement(_Footer.default, {
+    actions: actions
+  }))));
 }
 
 var OptionsListWithContainerRef = (0, _react.forwardRef)(OptionsList); // @ts-ignore
 
-OptionsListWithContainerRef.propTypes = _objectSpread({}, _schema.default.propTypes);
+OptionsListWithContainerRef.propTypes = _objectSpread({}, _schema.default.propTypes, {
+  actions: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
+    id: _propTypes.default.string.isRequired
+  }))), _propTypes.default.shape({
+    left: _propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
+      id: _propTypes.default.string.isRequired
+    }))),
+    right: _propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
+      id: _propTypes.default.string.isRequired
+    })))
+  })])
+});
 OptionsListWithContainerRef.defaultProps = {
   role: 'listbox',
   itemRole: 'option',
   tabIndex: 0,
-  selectable: true
+  selectable: true,
+  showCheckbox: true
 };
 var _default = OptionsListWithContainerRef;
 exports.default = _default;

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/Alert/Container.d.ts

@@ -0,0 +1,201 @@
+/// <reference types="react" />
+import intents from './intents';
+import { FlexComponentProps } from '../Flex';
+interface ContainerProps extends FlexComponentProps {
+    intent?: keyof typeof intents;
+}
+declare const Container: import("styled-components").StyledComponent<"div", any, Partial<{
+    readonly alignContent?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly alignItems?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly alignSelf?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flex?: string | number | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("react").ReactText, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexBasis?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexDirection?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "row" | "column" | "column-reverse" | "row-reverse" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").FlexDirectionProperty, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexGrow?: number | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").GlobalsNumber, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexShrink?: number | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").GlobalsNumber, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly flexWrap?: "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "nowrap" | "wrap" | "wrap-reverse" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").FlexWrapProperty, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly justifyContent?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly justifyItems?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly justifySelf?: string | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<string, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly order?: number | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | import("../../utils/dynamicModifiers").DynamicResponsiveModifiersProp<import("csstype").GlobalsNumber, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }> | undefined;
+    readonly size?: "XS" | "SM" | "MD" | "LG" | "XL" | undefined;
+}> & Partial<{
+    readonly margin: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginBottom: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginLeft: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginRight: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginTop: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginX: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly marginY: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly padding: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingBottom: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingLeft: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingRight: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingTop: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingX: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+    readonly paddingY: import("../../utils/dynamicModifiers").DynamicModifiersProp<number, {
+        readonly XS: "XS";
+        readonly SM: "SM";
+        readonly MD: "MD";
+        readonly LG: "LG";
+        readonly XL: "XL";
+    }>;
+}> & ContainerProps, never>;
+export default Container;
+//# sourceMappingURL=Container.d.ts.map

package/lib/components/Alert/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Container.ts"],"names":[],"mappings":";AAIA,OAAO,OAAwB,MAAM,WAAW,CAAC;AAEjD,OAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEnD,UAAU,cAAe,SAAQ,kBAAkB;IACjD,MAAM,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;CAC/B;AAGD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BAcd,CAAC;AAEF,eAAe,SAAS,CAAC"}