glints-aries 4.0.151 → 4.0.154

package/es/Input/TextField/TextField.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["value", "status", "onKeyDown", "disableTyping", "small", "type", "label", "disabled", "className", "removeFloatingLabel", "allowClear", "forwardedRef", "onChange", "startIcon", "endIcon"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { EyeIcon, EyeSlashedIcon, CloseCircleSolidIcon } from '../../General/Icon/components';
@@ -36,7 +37,7 @@ export var TextField = function TextField(_ref) {
       onChange = _ref.onChange,
       startIcon = _ref.startIcon,
       endIcon = _ref.endIcon,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["value", "status", "onKeyDown", "disableTyping", "small", "type", "label", "disabled", "className", "removeFloatingLabel", "allowClear", "forwardedRef", "onChange", "startIcon", "endIcon"]);
+      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _React$useState = React.useState(false),
       floating = _React$useState[0],
@@ -75,7 +76,7 @@ export var TextField = function TextField(_ref) {
   }, /*#__PURE__*/React.createElement(TextFieldInput, _extends({
     ref: forwardedRef,
     type: inputType,
-    placeholder: removeFloatingLabel && label,
+    placeholder: removeFloatingLabel ? label : undefined,
     status: status,
     disabled: disabled,
     onChange: onChange,

package/es/Input/Textarea/Textarea.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["label", "value", "status", "disabled", "className", "onBlur", "onChange", "forwardedRef", "removeFloatingLabel", "small"];
 import React from 'react';
 import classNames from 'classnames';
 import isFunction from 'lodash/isFunction';
@@ -31,7 +32,7 @@ export var Textarea = function Textarea(_ref) {
       removeFloatingLabel = _ref$removeFloatingLa === void 0 ? false : _ref$removeFloatingLa,
       _ref$small = _ref.small,
       small = _ref$small === void 0 ? false : _ref$small,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["label", "value", "status", "disabled", "className", "onBlur", "onChange", "forwardedRef", "removeFloatingLabel", "small"]);
+      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _React$useState = React.useState(false),
       floating = _React$useState[0],
@@ -77,7 +78,7 @@ export var Textarea = function Textarea(_ref) {
     className: classNames('aries-textarea', className)
   }, /*#__PURE__*/React.createElement(TextareaInput, _extends({
     ref: textareaInputRef,
-    placeholder: removeFloatingLabel && label,
+    placeholder: removeFloatingLabel ? label : undefined,
     rows: rows,
     status: status,
     disabled: disabled,

package/es/Input/ToggleSwitch/Styles.js

@@ -8,14 +8,14 @@ var DEFAULTS = {
 };
 var Toggle = styled.button.withConfig({
   displayName: "Styles__Toggle",
-  componentId: "bsue54-0"
+  componentId: "sc-bsue54-0"
 })(["cursor:pointer;display:flex;align-items:center;overflow:hidden;position:relative;transform:translate3d(0,0,0);background-color:", ";height:25px;width:56px;border-radius:14px;padding:0px;border:none;"], function (_ref) {
   var active = _ref.active;
   return active ? DEFAULTS.activeBackgroundColor : DEFAULTS.inactiveBackgroundColor;
 });
 var ToggleBall = styled.div.withConfig({
   displayName: "Styles__ToggleBall",
-  componentId: "bsue54-1"
+  componentId: "sc-bsue54-1"
 })(["display:flex;justify-content:center;align-items:center;border-radius:50%;transition:transform 0.3s cubic-bezier(1,0.19,0.15,0.7);transition-delay:0.1s;background-color:", ";height:19px;width:19px;margin:3px;transform:", ";&:active{background-color:", ";}"], DEFAULTS.inactiveBallColor, function (props) {
   return props.active ? "translateX(31px)" : 'translateX(0px)';
 }, DEFAULTS.activeBallColor);

package/es/Input/ToggleSwitch/ToggleSwitch.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["active", "defaultActive", "iconOptions", "onChange", "className"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { SecondaryColor, Greyscale } from '../../Utils/Colors';
@@ -13,7 +14,7 @@ export var ToggleSwitch = function ToggleSwitch(_ref) {
       iconOptions = _ref.iconOptions,
       onChange = _ref.onChange,
       className = _ref.className,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["active", "defaultActive", "iconOptions", "onChange", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _React$useState = React.useState(active || defaultActive),
       innerActive = _React$useState[0],

package/es/Layout/Box/constants.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { Shadow } from '../../Utils/Shadow';
 import { Spacing } from '../../Layout/Spacing';

package/es/Layout/Box/index.js

@@ -23,7 +23,7 @@ var theme = {
 };
 export var StyledBox = styled.div.withConfig({
   displayName: "Box__StyledBox",
-  componentId: "pr7b7l-0"
+  componentId: "sc-pr7b7l-0"
 })(["", " ", ""], space, shadow);
 export var Box = function Box(props) {
   return /*#__PURE__*/React.createElement(StyledBox, _extends({

package/es/Layout/Box/types.js

@@ -0,0 +1 @@
+export {};

package/es/Layout/Flex/Flex.stories.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
 import { Flex } from './index';

package/es/Layout/Flex/FlexStoryStyle.js

@@ -2,9 +2,9 @@ import styled from 'styled-components';
 import { Flex as BaseFlex } from '../../../src/Layout/Flex';
 export var Item = styled.span.withConfig({
   displayName: "FlexStoryStyle__Item",
-  componentId: "jlb02q-0"
+  componentId: "sc-jlb02q-0"
 })(["display:flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#f3f3f3;"]);
 export var Flex = styled(BaseFlex).withConfig({
   displayName: "FlexStoryStyle__Flex",
-  componentId: "jlb02q-1"
+  componentId: "sc-jlb02q-1"
 })(["width:500px;height:150px;padding:16px;background-color:#4caf50;"]);

package/es/Layout/Flex/index.d.ts

@@ -4,6 +4,8 @@ import { FlexProps } from './types';
 declare type Props = FlexProps & BoxProps & {
     style?: React.CSSProperties;
 };
-export declare const StyledFlex: import("styled-components").StyledComponent<React.FC<BoxProps>, any, Props, never>;
+export declare const StyledFlex: import("styled-components").StyledComponent<React.FC<BoxProps>, any, FlexProps & BoxProps & {
+    style?: React.CSSProperties;
+}, never>;
 export declare const Flex: React.FC<Props>;
 export {};

package/es/Layout/Flex/index.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["flexDirection", "justifyContent", "alignItems", "flexWrap"];
 import * as React from 'react';
 import styled from 'styled-components';
 import { Box } from '../Box';
@@ -28,7 +29,7 @@ export var Flex = function Flex(_ref5) {
       alignItems = _ref5$alignItems === void 0 ? 'stretch' : _ref5$alignItems,
       _ref5$flexWrap = _ref5.flexWrap,
       flexWrap = _ref5$flexWrap === void 0 ? 'nowrap' : _ref5$flexWrap,
-      restProps = _objectWithoutPropertiesLoose(_ref5, ["flexDirection", "justifyContent", "alignItems", "flexWrap"]);
+      restProps = _objectWithoutPropertiesLoose(_ref5, _excluded);
 
   return /*#__PURE__*/React.createElement(StyledFlex, _extends({
     flexDirection: flexDirection,

package/es/Layout/Grid/Col.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["xs", "sm", "md", "xsOrder", "smOrder", "mdOrder", "children"];
 import * as React from 'react';
 import { ColumnContainer } from './GridStyle';
 export var Col = function Col(_ref) {
@@ -10,7 +11,7 @@ export var Col = function Col(_ref) {
       smOrder = _ref.smOrder,
       mdOrder = _ref.mdOrder,
       children = _ref.children,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["xs", "sm", "md", "xsOrder", "smOrder", "mdOrder", "children"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(ColumnContainer
   /** Set number of columns you wish to span for extra small devices like phone (<=640px) */

package/es/Layout/Grid/Row.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "alignContent", "justifyContent"];
 import * as React from 'react';
 import { RowContainer } from './GridStyle';
 
@@ -7,7 +8,7 @@ var Row = function Row(_ref) {
   var children = _ref.children,
       alignContent = _ref.alignContent,
       justifyContent = _ref.justifyContent,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["children", "alignContent", "justifyContent"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(RowContainer, _extends({
     alignContent: alignContent,

package/es/Navigation/Breadcrumb/Breadcrumb.d.ts

@@ -5,7 +5,7 @@ export declare const Breadcrumb: Breadcrumb;
 declare type Breadcrumb = React.FunctionComponent<Props> & {
     Item: typeof BreadcrumbItem;
 };
-export interface Props extends React.ComponentPropsWithoutRef<typeof BreadcrumbContainer> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof BreadcrumbContainer> & {
     children: React.ReactNode;
-}
+};
 export default Breadcrumb;

package/es/Navigation/Breadcrumb/Breadcrumb.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "children"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { BreadcrumbContainer } from './BreadcrumbStyle';
@@ -7,7 +8,7 @@ import BreadcrumbItem from './BreadcrumbItem';
 export var Breadcrumb = function Breadcrumb(_ref) {
   var className = _ref.className,
       children = _ref.children,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["className", "children"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(BreadcrumbContainer, _extends({
     className: classNames('aries-breadcrumb', className)

package/es/Navigation/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BreadcrumbItemWrapper } from './BreadcrumbStyle';
 declare const BreadcrumbItem: React.FunctionComponent<Props>;
-interface Props extends React.ComponentPropsWithoutRef<typeof BreadcrumbItemWrapper> {
+declare type Props = React.ComponentPropsWithoutRef<typeof BreadcrumbItemWrapper> & {
     children: React.ReactNode;
-}
+};
 export default BreadcrumbItem;

package/es/Navigation/Breadcrumb/BreadcrumbItem.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["active", "className", "children"];
 import * as React from 'react';
 import { BreadcrumbItemWrapper } from './BreadcrumbStyle';
 import classNames from 'classnames';
@@ -8,7 +9,7 @@ var BreadcrumbItem = function BreadcrumbItem(props) {
   var active = props.active,
       className = props.className,
       children = props.children,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["active", "className", "children"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(BreadcrumbItemWrapper, _extends({
     className: classNames('aries-breadcrumb-item', className),

package/es/Navigation/Breadcrumb/BreadcrumbStyle.js

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { Greyscale } from '../../Utils/Colors';
 export var BreadcrumbItemWrapper = styled.label.withConfig({
   displayName: "BreadcrumbStyle__BreadcrumbItemWrapper",
-  componentId: "eq3cq-0"
+  componentId: "sc-eq3cq-0"
 })(["cursor:", ";font-size:1em;line-height:1.5;*{color:", ";}span{margin:0 1em;color:#aaaaaa;}"], function (_ref) {
   var active = _ref.active;
   return active ? 'default' : 'pointer';
@@ -12,5 +12,5 @@ export var BreadcrumbItemWrapper = styled.label.withConfig({
 });
 export var BreadcrumbContainer = styled.div.withConfig({
   displayName: "BreadcrumbStyle__BreadcrumbContainer",
-  componentId: "eq3cq-1"
+  componentId: "sc-eq3cq-1"
 })(["position:relative;display:flex;background-color:", ";padding:1em;label.aries-breadcrumb-item:last-child span{display:none;}"], Greyscale.softgrey);

package/es/Navigation/Drawer/Drawer.d.ts

@@ -4,7 +4,7 @@ export declare type DrawerPosition = 'left' | 'right';
 export interface Props {
     children: React.ReactNode;
     isOpen: boolean;
-    onClose: Function;
+    onClose: () => void;
     getContainerElement?: () => HTMLElement;
     position?: DrawerPosition;
 }

package/es/Navigation/Drawer/Drawer.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "isOpen", "onClose", "position", "getContainerElement"];
 import * as React from 'react';
 import { DrawerContainer, DrawerWrapper } from './DrawerStyle';
 
@@ -10,7 +11,7 @@ var Drawer = function Drawer(_ref) {
       _ref$position = _ref.position,
       position = _ref$position === void 0 ? 'right' : _ref$position,
       getContainerElement = _ref.getContainerElement,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["children", "isOpen", "onClose", "position", "getContainerElement"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   React.useEffect(function preventContainerScrolling() {
     if (!getContainerElement) return;
@@ -23,7 +24,7 @@ var Drawer = function Drawer(_ref) {
     }
 
     return function () {
-      return containerElement.style.overflow = 'scroll';
+      containerElement.style.overflow = 'scroll';
     };
   }, [getContainerElement, isOpen]);
   return /*#__PURE__*/React.createElement(DrawerContainer, {

package/es/Navigation/Dropdown/Dropdown.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["label", "showHoverLine", "dropDownPlacement", "noLineBreak", "iconDefaultColor", "showFullWidth", "disabled", "hoverToOpen", "onChange", "children", "leftIcon", "className", "itemElement"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { ArrowDownIcon } from '../../General/Icon/components';
@@ -27,7 +28,7 @@ export var Dropdown = function Dropdown(_ref) {
       leftIcon = _ref.leftIcon,
       className = _ref.className,
       itemElement = _ref.itemElement,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["label", "showHoverLine", "dropDownPlacement", "noLineBreak", "iconDefaultColor", "showFullWidth", "disabled", "hoverToOpen", "onChange", "children", "leftIcon", "className", "itemElement"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var dropdownBodyRef = React.useRef(null);
 

package/es/Navigation/Dropdown/DropdownItem.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { DropdownItemWrapper } from './DropdownStyle';
 declare const DropdownItem: React.FunctionComponent<Props>;
-export interface Props extends React.ComponentPropsWithoutRef<typeof DropdownItemWrapper> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof DropdownItemWrapper> & {
     value?: any;
     onClick?: (e: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
     children: React.ReactNode;
-}
+};
 export default DropdownItem;

package/es/Navigation/Dropdown/DropdownItem.js

@@ -1,12 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className"];
 import * as React from 'react';
 import { DropdownItemWrapper } from './DropdownStyle';
 
 var DropdownItem = function DropdownItem(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["children", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(DropdownItemWrapper, _extends({
     className: className

package/es/Utils/Shadow/ShadowsStoriesHelpers.js

@@ -5,11 +5,11 @@ export var levels = [[Shadow.up1, Shadow.down1], [Shadow.up2, Shadow.down2], [Sh
 export var levelUsages = ['Elements that uses shadow by default', 'Elements in hovered state', 'Sticky elements, dropdown elements', 'Alerts'];
 export var PreviewCell = styled.div.withConfig({
   displayName: "ShadowsStoriesHelpers__PreviewCell",
-  componentId: "cigkku-0"
+  componentId: "sc-cigkku-0"
 })(["background-color:white;padding:16px;display:flex;*{margin-top:0 !important;margin-bottom:0 !important;}"]);
 export var PreviewBox = styled.div.withConfig({
   displayName: "ShadowsStoriesHelpers__PreviewBox",
-  componentId: "cigkku-1"
+  componentId: "sc-cigkku-1"
 })(["box-shadow:", ";margin:16px;border:1px solid black;background-color:", ";width:32px;height:32px;"], function (_ref) {
   var shadow = _ref.shadow;
   return shadow;

package/es/index.d.ts

@@ -11,7 +11,7 @@ export { default as Drawer } from './Navigation/Drawer';
 export { default as Dropdown } from './Navigation/Dropdown';
 export { default as Gallery } from './Display/Gallery';
 export { Box } from './Layout/Box';
-export { ResponsiveSpacing } from './Layout/Box/types';
+export type { ResponsiveSpacing } from './Layout/Box/types';
 export { Flex } from './Layout/Flex';
 export { default as Grid } from './Layout/Grid';
 export { default as Heading } from './General/Heading';

package/es/index.js

@@ -14,7 +14,6 @@ export { default as Drawer } from './Navigation/Drawer';
 export { default as Dropdown } from './Navigation/Dropdown';
 export { default as Gallery } from './Display/Gallery';
 export { Box } from './Layout/Box';
-export { ResponsiveSpacing } from './Layout/Box/types';
 export { Flex } from './Layout/Flex';
 export { default as Grid } from './Layout/Grid';
 export { default as Heading } from './General/Heading';

package/lib/Display/Accordion/Accordion.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -21,9 +19,15 @@ var _AccordionPanel = _interopRequireDefault(require("./AccordionPanel"));
 
 var _AccordionStyle = require("./AccordionStyle");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["label", "content"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Accordion = function Accordion(_ref) {
   var children = _ref.children,
@@ -51,7 +55,7 @@ var Accordion = function Accordion(_ref) {
     var _child$props = child.props,
         label = _child$props.label,
         content = _child$props.content,
-        restChildProps = (0, _objectWithoutPropertiesLoose2["default"])(_child$props, ["label", "content"]);
+        restChildProps = (0, _objectWithoutPropertiesLoose2["default"])(_child$props, _excluded);
     return /*#__PURE__*/React.cloneElement(child, _objectSpread({
       key: index,
       label: label,

package/lib/Display/Accordion/Accordion.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.MultiplePanels = exports.DifferentIconPosition = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.MultiplePanels = exports.Interactive = exports.DifferentIconPosition = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/Display/Accordion/AccordionPanel.d.ts

@@ -2,12 +2,12 @@ import * as React from 'react';
 import { IconOptions } from './Accordion';
 import { PanelWrapper } from './AccordionStyle';
 declare const AccordionPanel: React.FunctionComponent<Props>;
-export interface Props extends React.ComponentPropsWithoutRef<typeof PanelWrapper> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof PanelWrapper> & {
     content: React.ReactNode;
     label: React.ReactNode;
     active?: boolean;
     iconOptions?: IconOptions;
     onOpen?(): void;
     onClick?(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
-}
+};
 export default AccordionPanel;

package/lib/Display/Accordion/AccordionPanel.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -17,6 +15,12 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _AccordionStyle = require("./AccordionStyle");
 
+var _excluded = ["className", "content", "label", "active", "iconOptions", "onOpen", "onClick"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var AccordionPanel = function AccordionPanel(props) {
   var className = props.className,
       content = props.content,
@@ -28,7 +32,7 @@ var AccordionPanel = function AccordionPanel(props) {
       position = _props$iconOptions.position,
       onOpen = props.onOpen,
       onClick = props.onClick,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["className", "content", "label", "active", "iconOptions", "onOpen", "onClick"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
 
   var handleClick = function handleClick(e) {
     onOpen();

package/lib/Display/Accordion/AccordionStyle.js

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
-exports.IconWrapper = exports.Label = exports.Content = exports.ContentWrapper = exports.IconLabelWrapper = exports.Container = exports.PanelWrapper = void 0;
+exports.PanelWrapper = exports.Label = exports.IconWrapper = exports.IconLabelWrapper = exports.ContentWrapper = exports.Content = exports.Container = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _Colors = require("../../Utils/Colors");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var iconSize = 15;
 var iconMargin = 30;
 var offsetIcon = iconSize + iconMargin;

package/lib/Display/Collapsible/Collapsible.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -21,12 +19,18 @@ var _components = require("../../General/Icon/components");
 
 var _CollapsibleStyle = require("./CollapsibleStyle");
 
+var _excluded = ["label", "children", "className", "isOpen"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var Collapsible = function Collapsible(_ref) {
   var label = _ref.label,
       children = _ref.children,
       className = _ref.className,
       isOpen = _ref.isOpen,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["label", "children", "className", "isOpen"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var _useState = (0, _react.useState)((0, _isUndefined["default"])(isOpen) ? true : isOpen),
       isOpenInternal = _useState[0],

package/lib/Display/Collapsible/Collapsible.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.Interactive = void 0;
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -13,6 +13,7 @@ var _Collapsible = require("./Collapsible");
 
 var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
 
+var _excluded = ["children"];
 var _default = {
   title: 'Display/Collapsible',
   component: _Collapsible.Collapsible,
@@ -25,7 +26,7 @@ var defaultText = 'Lorem ipsum dolor sit amet consectetur adipisicing elit.';
 
 var Template = function Template(_ref) {
   var children = _ref.children,
-      args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children"]);
+      args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Collapsible.Collapsible, args, children || defaultText);
 };
 

package/lib/Display/Collapsible/CollapsibleStyle.js

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
-exports.CollapsibleBody = exports.CollapsibleHeader = exports.CollapsibleContainer = exports.CollapsibleContent = void 0;
+exports.CollapsibleHeader = exports.CollapsibleContent = exports.CollapsibleContainer = exports.CollapsibleBody = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _Colors = require("../../Utils/Colors");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 var animateCollapsible = (0, _styledComponents.keyframes)(["from{opacity:0;transform:translate3d(0,10%,0);}to{opacity:1;transform:translate3d(0,0,0);}"]);
 
 var CollapsibleContent = _styledComponents["default"].div.withConfig({

package/lib/Display/Gallery/Gallery.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports["default"] = void 0;
 
@@ -15,6 +13,10 @@ var _Slider = _interopRequireDefault(require("../../Display/Slider"));
 
 var _GalleryStyle = require("./GalleryStyle");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 /* eslint-disable react/no-array-index-key */
 var Gallery = function Gallery(_ref) {
   var _ref$initialVisibilit = _ref.initialVisibility,