glints-aries 4.0.151 → 4.0.152

package/es/Display/Accordion/Accordion.js

@@ -1,9 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["label", "content"];
 
-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 * as React from 'react';
 import classNames from 'classnames';
@@ -37,7 +38,7 @@ var Accordion = function Accordion(_ref) {
     var _child$props = child.props,
         label = _child$props.label,
         content = _child$props.content,
-        restChildProps = _objectWithoutPropertiesLoose(_child$props, ["label", "content"]);
+        restChildProps = _objectWithoutPropertiesLoose(_child$props, _excluded);
 
     return /*#__PURE__*/React.cloneElement(child, _objectSpread({
       key: index,

package/es/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/es/Display/Accordion/AccordionPanel.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "content", "label", "active", "iconOptions", "onOpen", "onClick"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { PanelWrapper, IconWrapper, IconLabelWrapper, ContentWrapper, Content, Label } from './AccordionStyle';
@@ -15,7 +16,7 @@ var AccordionPanel = function AccordionPanel(props) {
       position = _props$iconOptions.position,
       onOpen = props.onOpen,
       onClick = props.onClick,
-      restProps = _objectWithoutPropertiesLoose(props, ["className", "content", "label", "active", "iconOptions", "onOpen", "onClick"]);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   var handleClick = function handleClick(e) {
     onOpen();

package/es/Display/Collapsible/Collapsible.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["label", "children", "className", "isOpen"];
 import React, { useState } from 'react';
 import classNames from 'classnames';
 import isUndefined from 'lodash/isUndefined';
@@ -10,7 +11,7 @@ export var Collapsible = function Collapsible(_ref) {
       children = _ref.children,
       className = _ref.className,
       isOpen = _ref.isOpen,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["label", "children", "className", "isOpen"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useState = useState(isUndefined(isOpen) ? true : isOpen),
       isOpenInternal = _useState[0],

package/es/Display/Collapsible/Collapsible.stories.js

@@ -1,4 +1,5 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children"];
 import React from 'react';
 import { Collapsible } from './Collapsible';
 import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
@@ -13,7 +14,7 @@ var defaultText = 'Lorem ipsum dolor sit amet consectetur adipisicing elit.';
 
 var Template = function Template(_ref) {
   var children = _ref.children,
-      args = _objectWithoutPropertiesLoose(_ref, ["children"]);
+      args = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Collapsible, args, children || defaultText);
 };

package/es/Display/Gallery/GalleryStyle.js

@@ -2,15 +2,15 @@ import styled from 'styled-components';
 import { Greyscale } from '../../Utils/Colors';
 export var GalleryContainer = styled.div.withConfig({
   displayName: "GalleryStyle__GalleryContainer",
-  componentId: "mrr504-0"
+  componentId: "sc-mrr504-0"
 })(["position:relative;.modal-content{width:95vw;.modal-header{border-bottom:none;}}"]);
 export var GalleryItemWrapper = styled.div.withConfig({
   displayName: "GalleryStyle__GalleryItemWrapper",
-  componentId: "mrr504-1"
+  componentId: "sc-mrr504-1"
 })(["display:flex;flex-wrap:wrap;img{height:5em;width:5em;object-fit:cover;cursor:pointer;}"]);
 export var GalleryItem = styled.div.withConfig({
   displayName: "GalleryStyle__GalleryItem",
-  componentId: "mrr504-2"
+  componentId: "sc-mrr504-2"
 })(["position:relative;margin:5px;", ""], function (_ref) {
   var imageLeft = _ref.imageLeft;
 
@@ -20,9 +20,9 @@ export var GalleryItem = styled.div.withConfig({
 });
 export var GalleryImageWrapper = styled.div.withConfig({
   displayName: "GalleryStyle__GalleryImageWrapper",
-  componentId: "mrr504-3"
+  componentId: "sc-mrr504-3"
 })(["position:relative;display:flex;justify-content:center;align-items:center;img{height:50vh;width:auto;object-fit:contain;}"]);
 export var GalleryThumbnailWrapper = styled.div.withConfig({
   displayName: "GalleryStyle__GalleryThumbnailWrapper",
-  componentId: "mrr504-4"
+  componentId: "sc-mrr504-4"
 })(["position:relative;display:flex;align-items:center;justify-content:center;img{height:4em;width:4em;object-fit:cover;cursor:pointer;margin:0.3em;&.active{border:1px solid ", ";}}"], Greyscale.white);

package/es/Display/Modal/Modal.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["isVisible", "title", "onClose", "children", "className", "hideContentArea", "centering", "fullscreen", "removeAnimation", "footer", "size", "hideHeader", "keepChildrenMountedOnClose"];
 import React, { useRef, useState, useLayoutEffect, useEffect, useCallback } from 'react';
 import classNames from 'classnames';
 import debounce from 'lodash/debounce';
@@ -22,7 +23,7 @@ export var Modal = function Modal(_ref) {
       size = _ref.size,
       hideHeader = _ref.hideHeader,
       keepChildrenMountedOnClose = _ref.keepChildrenMountedOnClose,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["isVisible", "title", "onClose", "children", "className", "hideContentArea", "centering", "fullscreen", "removeAnimation", "footer", "size", "hideHeader", "keepChildrenMountedOnClose"]);
+      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var modalContentAreaRef = useRef(null);
   var modalContainerRef = useRef(null);

package/es/Display/Modal/Modal.stories.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "title", "buttonTexts"];
 import React, { useState } from 'react';
 import { times, constant } from 'lodash';
 import { Modal } from './Modal';
@@ -20,7 +21,7 @@ var Template = function Template(_ref) {
       title = _ref.title,
       _ref$buttonTexts = _ref.buttonTexts,
       buttonTexts = _ref$buttonTexts === void 0 ? [] : _ref$buttonTexts,
-      args = _objectWithoutPropertiesLoose(_ref, ["children", "title", "buttonTexts"]);
+      args = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useState = useState(false),
       isModalVisible = _useState[0],

package/es/Display/Modal/ModalStyle.js

@@ -10,7 +10,7 @@ export var SIZES = {
 };
 export var ModalContainer = styled.div.withConfig({
   displayName: "ModalStyle__ModalContainer",
-  componentId: "bg1vyz-0"
+  componentId: "sc-bg1vyz-0"
 })(["visibility:", ";position:fixed;display:flex;justify-content:center;align-items:", ";top:0;right:0;bottom:0;left:0;z-index:1001;background:rgba(0,0,0,0.65);overflow:auto;", ""], function (_ref) {
   var isOpen = _ref.isOpen;
   return isOpen ? 'visible' : 'hidden';
@@ -27,15 +27,15 @@ export var ModalContainer = styled.div.withConfig({
 });
 export var ModalDialog = styled.div.withConfig({
   displayName: "ModalStyle__ModalDialog",
-  componentId: "bg1vyz-1"
+  componentId: "sc-bg1vyz-1"
 })(["position:relative;"]);
 export var ModalHeader = styled.header.withConfig({
   displayName: "ModalStyle__ModalHeader",
-  componentId: "bg1vyz-2"
+  componentId: "sc-bg1vyz-2"
 })(["display:flex;justify-content:space-between;align-items:center;align-content:center;font-size:1.6em;border-bottom:1px solid ", ";padding:16px;h3{font-size:0.8em;text-transform:uppercase;margin:0;margin-right:36px;}button{display:flex;background:transparent;border:none;cursor:pointer;padding:0;width:15px;}"], Greyscale.lightgrey);
 export var ModalBody = styled.section.withConfig({
   displayName: "ModalStyle__ModalBody",
-  componentId: "bg1vyz-3"
+  componentId: "sc-bg1vyz-3"
 })(["position:relative;", " padding:", ";@media ", "{padding:", ";}"], function (_ref4) {
   var centering = _ref4.centering;
 
@@ -51,7 +51,7 @@ export var ModalBody = styled.section.withConfig({
 });
 export var ModalFooter = styled.footer.withConfig({
   displayName: "ModalStyle__ModalFooter",
-  componentId: "bg1vyz-4"
+  componentId: "sc-bg1vyz-4"
 })(["position:relative;display:flex;flex-direction:row;flex-wrap:wrap;padding:16px 30px;justify-content:flex-end;border-top:1px solid ", ";@media ", "{padding:16px;}", ""], Greyscale.lightgrey, Device.mobileM, function (_ref7) {
   var isChildrenInMultiLines = _ref7.isChildrenInMultiLines;
 
@@ -63,7 +63,7 @@ export var ModalFooter = styled.footer.withConfig({
 });
 export var ModalContentArea = styled.div.withConfig({
   displayName: "ModalStyle__ModalContentArea",
-  componentId: "bg1vyz-5"
+  componentId: "sc-bg1vyz-5"
 })(["position:relative;background:", ";margin:120px auto;max-width:95vw;outline:none;", " ", " ", " @media ", "{width:95vw;}", ""], function (_ref8) {
   var hideContentArea = _ref8.hideContentArea;
   return hideContentArea ? 'transparent' : "" + Greyscale.white;

package/es/Display/PointingModal/PointingModal.d.ts

@@ -11,7 +11,7 @@ declare type PointingModal = React.FunctionComponent<Props> & {
     Item: typeof PointingModalItem;
     Footer: typeof PointingModalFooter;
 };
-export interface Props extends React.ComponentPropsWithoutRef<typeof PointingModalContainer> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof PointingModalContainer> & {
     children: React.ReactNode;
-}
+};
 export default PointingModal;

package/es/Display/PointingModal/PointingModal.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { PointingModalContainer, PointingModalHeaderArrow } from './PointingModalStyle';
@@ -11,7 +12,7 @@ import PointingModalFooter from './PointingModalFooter';
 var PointingModal = function PointingModal(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["children", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(PointingModalContainer, _extends({
     className: classNames('aries-pointingmodal', className),

package/es/Display/PointingModal/PointingModalBody.d.ts

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

package/es/Display/PointingModal/PointingModalBody.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { PointingModalBodyWrapper } from './PointingModalStyle';
@@ -7,7 +8,7 @@ import { PointingModalBodyWrapper } from './PointingModalStyle';
 var PointingModalBody = function PointingModalBody(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["children", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(PointingModalBodyWrapper, _extends({
     className: classNames('pointingmodal-body', className),

package/es/Display/PointingModal/PointingModalFooter.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { PointingModalFooterWrapper } from './PointingModalStyle';
@@ -7,7 +8,7 @@ import { PointingModalFooterWrapper } from './PointingModalStyle';
 var PointingModalFooter = function PointingModalFooter(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["children", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(PointingModalFooterWrapper, _extends({
     className: classNames('pointingmodal-footer', className)

package/es/Display/PointingModal/PointingModalHeader.d.ts

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

package/es/Display/PointingModal/PointingModalHeader.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { PointingModalHeaderWrapper } from './PointingModalStyle';
@@ -7,7 +8,7 @@ import { PointingModalHeaderWrapper } from './PointingModalStyle';
 var PointingModalHeader = function PointingModalHeader(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["children", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(PointingModalHeaderWrapper, _extends({
     className: classNames('pointingmodal-header', className),

package/es/Display/PointingModal/PointingModalItem.d.ts

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

package/es/Display/PointingModal/PointingModalItem.js

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

package/es/Display/PointingModal/PointingModalStyle.js

@@ -3,25 +3,25 @@ import { Greyscale } from '../../Utils/Colors';
 import { Shadow } from '../../Utils/Shadow';
 export var PointingModalContainer = styled.div.withConfig({
   displayName: "PointingModalStyle__PointingModalContainer",
-  componentId: "wzvi3y-0"
+  componentId: "sc-wzvi3y-0"
 })(["position:relative;background:", ";box-shadow:", ";outline:none;"], Greyscale.white, Shadow.down2);
 export var PointingModalHeaderArrow = styled.div.withConfig({
   displayName: "PointingModalStyle__PointingModalHeaderArrow",
-  componentId: "wzvi3y-1"
+  componentId: "sc-wzvi3y-1"
 })(["position:absolute;right:1em;top:-0.7em;width:1.5em;height:1.5em;transform:rotate(45deg);background-color:white;box-shadow:-2px -2px 5px rgba(0,0,0,0.06);"]);
 export var PointingModalHeaderWrapper = styled.div.withConfig({
   displayName: "PointingModalStyle__PointingModalHeaderWrapper",
-  componentId: "wzvi3y-2"
+  componentId: "sc-wzvi3y-2"
 })(["display:flex;align-items:center;padding:1.2em;> *:first-child{margin-left:0;}> *:last-child{margin-right:0;}> *{margin-left:0.5em;margin-right:0.5em;}.aries-modal-profile{font-weight:700;}span{font-size:1em;font-weight:500;}a{display:flex;color:", ";font-size:1.2em;margin:0;}"], Greyscale.black);
 export var PointingModalBodyWrapper = styled.div.withConfig({
   displayName: "PointingModalStyle__PointingModalBodyWrapper",
-  componentId: "wzvi3y-3"
+  componentId: "sc-wzvi3y-3"
 })(["position:relative;display:flex;flex-direction:column;ul{padding:1.2em 0;margin:0;}"]);
 export var PointingModalItemWrapper = styled.li.withConfig({
   displayName: "PointingModalStyle__PointingModalItemWrapper",
-  componentId: "wzvi3y-4"
+  componentId: "sc-wzvi3y-4"
 })(["font-weight:600;cursor:pointer;padding:0.5em 1.2em;list-style-type:none;&:last-child{margin-bottom:0;}*{cursor:pointer;color:", ";}&:hover{background:", ";}"], Greyscale.black, Greyscale.softgrey);
 export var PointingModalFooterWrapper = styled.footer.withConfig({
   displayName: "PointingModalStyle__PointingModalFooterWrapper",
-  componentId: "wzvi3y-5"
+  componentId: "sc-wzvi3y-5"
 })(["display:flex;position:relative;padding:1.2em;"]);

package/es/Display/Slider/Slider.d.ts

@@ -19,7 +19,7 @@ export interface Props {
     /** Sets the right icon. Receives the "disabled" flag as an argument. */
     renderRightIcon?: (disabled: boolean) => React.ReactElement;
     /** Called with the new index after a new Slider page has been shown */
-    afterChange?: Function;
+    afterChange?: (index: number) => void;
     /** If true, the Slider will flip through its pages at a regular interval */
     autoplay?: boolean;
     containerRef?: React.RefObject<HTMLDivElement>;

package/es/Display/Slider/Slider.js

@@ -150,7 +150,8 @@ export var Slider = function Slider(_ref) {
     className: classNames('aries-slider', className),
     onKeyDown: handleKeyDown,
     fullContent: fullContent,
-    tabIndex: 0
+    tabIndex: 0,
+    "data-testid": "slider"
   }, /*#__PURE__*/React.createElement(SliderContentWrapper, {
     className: "slider-wrapper",
     style: {

package/es/Display/Swipeable/SwipeableItem.d.ts

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

package/es/Display/Swipeable/SwipeableItem.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { SwipeableItemWrapper } from './SwipeableStyle';
@@ -7,7 +8,7 @@ import { SwipeableItemWrapper } from './SwipeableStyle';
 var SwipeableItem = function SwipeableItem(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["children", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(SwipeableItemWrapper, _extends({
     className: classNames('swipeable-itemwrapper', className)

package/es/Display/Swipeable/SwipeableStyle.js

@@ -4,13 +4,13 @@ import { Greyscale } from '../../Utils/Colors';
 import { Shadow } from '../../Utils/Shadow';
 export var SwipeableContainer = styled.div.withConfig({
   displayName: "SwipeableStyle__SwipeableContainer",
-  componentId: "xvh6jb-0"
+  componentId: "sc-xvh6jb-0"
 })(["display:flex;position:relative;overflow-x:auto;&::-webkit-scrollbar{appearance:none;height:7px;}&::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,0.25);}@media (max-width:", "px){scrollbar-width:none;&::-webkit-scrollbar{display:none;}}"], ScreenSize.desktopS);
 export var SwipeableItemWrapper = styled.div.withConfig({
   displayName: "SwipeableStyle__SwipeableItemWrapper",
-  componentId: "xvh6jb-1"
+  componentId: "sc-xvh6jb-1"
 })(["display:inline-flex;margin:0 1em;padding:1em 0;&:first-child{margin-left:0;}&:last-child{margin-right:0;}"]);
 export var SwipeableCardExample = styled.div.withConfig({
   displayName: "SwipeableStyle__SwipeableCardExample",
-  componentId: "xvh6jb-2"
+  componentId: "sc-xvh6jb-2"
 })(["width:150px;height:150px;background:", ";box-shadow:", ";display:flex;justify-content:center;align-items:center;"], Greyscale.white, Shadow.down1);

package/es/Display/Tabs/TabPane.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { TabsContent } from './TabsStyle';
 declare const TabPane: React.FunctionComponent<Props>;
-export interface Props extends React.ComponentPropsWithoutRef<typeof TabsContent> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof TabsContent> & {
     children?: React.ReactNode;
     tab?: string | React.ReactNode;
     label?: string | number;
     tabClassName?: string;
-}
+};
 export default TabPane;

package/es/Display/Tabs/TabPane.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 { TabsContent } from './TabsStyle';
 
 var TabPane = function TabPane(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["children", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(TabsContent, _extends({
     className: className

package/es/Display/Tabs/TabsStyle.js

@@ -8,11 +8,11 @@ var isNewTab = function isNewTab(theme) {
 
 export var TabsContainer = styled.div.withConfig({
   displayName: "TabsStyle__TabsContainer",
-  componentId: "t1kk7p-0"
+  componentId: "sc-t1kk7p-0"
 })(["position:relative;&.vertical-aries-tabs{@media (min-width:", "px){display:flex;max-width:100%;}}"], ScreenSize.tablet);
 export var TabsHeader = styled.div.withConfig({
   displayName: "TabsStyle__TabsHeader",
-  componentId: "t1kk7p-1"
+  componentId: "sc-t1kk7p-1"
 })(["position:relative;&.vertical-tabs-header{@media (min-width:", "px){width:20%;}}.vertical-tabs-list{@media (min-width:", "px){border-right:1px solid ", ";border-bottom:none;flex-direction:column;}}ul{border-bottom:1px solid ", ";display:flex;position:relative;white-space:nowrap;overflow:auto;font-size:1em;padding:0;margin:0;background-image:linear-gradient(to right,white,white),linear-gradient(to right,white,white),linear-gradient( to right,rgba(198,198,198,0.3),rgba(255,255,255,0) ),linear-gradient(to left,rgba(198,198,198,0.3),rgba(255,255,255,0));background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:15px 100%,15px 100%,15px 100%,15px 100%;background-attachment:local,local,scroll,scroll;&::-webkit-scrollbar{display:none;}.horizontal-tab{margin:", ";}.vertical-tab{margin:0 10px;@media (min-width:", "px){margin:0;padding-left:15px;}}li{text-transform:uppercase;list-style-type:none;&:first-child.horizontal-tab{margin-left:0;}&:last-child.horizontal-tab{margin-right:0;}&:first-child.vertical-tab{margin-top:0;}&:last-child.vertical-tab{margin-bottom:0;}&.active.horizontal-tab,&.active.vertical-tab{border-bottom:", ";button{font-weight:bold;text-transform:uppercase;color:", ";}button:hover{border:0;}}&.active.vertical-tab{@media (min-width:", "px){border-right:", ";border-bottom:none;}button{font-weight:bold;text-transform:uppercase;}}}svg{margin-right:10px;height:15px;width:15px;}&:focus{outline:none;}.vertical-tab button{text-align:left;}button{width:100%;padding:20px 0;background:transparent;border:none;cursor:pointer;outline:none;text-transform:uppercase;", ";}button:hover{", ";", ";}}@media ", "{li{margin:0 15px;}}"], ScreenSize.tablet, ScreenSize.tablet, Greyscale.softgrey, Greyscale.softgrey, function (_ref) {
   var theme = _ref.theme;
   return isNewTab(theme) ? '0 15px' : '0 10px';
@@ -47,9 +47,9 @@ export var TabsHeader = styled.div.withConfig({
 }, "(min-width: " + ScreenSize.desktopS + "px)");
 export var TabsContent = styled.div.withConfig({
   displayName: "TabsStyle__TabsContent",
-  componentId: "t1kk7p-2"
+  componentId: "sc-t1kk7p-2"
 })(["position:relative;outline:none;@media (min-width:", "px){&.tabs-item-vertical{margin-left:60px;}}"], ScreenSize.tablet);
 export var TabsBody = styled.div.withConfig({
   displayName: "TabsStyle__TabsBody",
-  componentId: "t1kk7p-3"
+  componentId: "sc-t1kk7p-3"
 })(["position:relative;padding-top:1.2em;&:focus{outline:none;}&:focus > ", "{outline:5px auto -webkit-focus-ring-color;}"], TabsContent);

package/es/Display/Tooltip/Tooltip.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["classes", "children", "text", "textAsString", "position"];
 import React, { useRef, useState, useCallback } from 'react';
 import classNames from 'classnames';
 import { TooltipContainer, TooltipContent, TooltipMessage } from './TooltipStyle';
@@ -11,7 +12,7 @@ export var Tooltip = function Tooltip(_ref) {
       textAsString = _ref.textAsString,
       _ref$position = _ref.position,
       position = _ref$position === void 0 ? 'top' : _ref$position,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["classes", "children", "text", "textAsString", "position"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var contentRef = useRef(null);
 

package/es/Display/Tooltip/Tooltip.stories.js

@@ -1,5 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["text"],
+    _excluded2 = ["text"];
 import React from 'react';
 import styled from 'styled-components';
 import { Tooltip } from './Tooltip';
@@ -7,7 +9,7 @@ import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
 import Tag from '../../General/Tag/BasicTag';
 var Container = styled(BaseContainer).withConfig({
   displayName: "Tooltipstories__Container",
-  componentId: "qjslxe-0"
+  componentId: "sc-qjslxe-0"
 })(["width:100%;height:150px;display:flex;align-items:center;justify-content:center;"]);
 var defaultText = 'Lorem Ipsum';
 export default {
@@ -20,7 +22,7 @@ export default {
 
 var StringTooltipTemplate = function StringTooltipTemplate(_ref) {
   var text = _ref.text,
-      args = _objectWithoutPropertiesLoose(_ref, ["text"]);
+      args = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Tooltip, _extends({}, args, {
     text: text || defaultText
@@ -29,7 +31,7 @@ var StringTooltipTemplate = function StringTooltipTemplate(_ref) {
 
 var HtmlTooltipTemplate = function HtmlTooltipTemplate(_ref2) {
   var text = _ref2.text,
-      args = _objectWithoutPropertiesLoose(_ref2, ["text"]);
+      args = _objectWithoutPropertiesLoose(_ref2, _excluded2);
 
   return /*#__PURE__*/React.createElement(Tooltip, _extends({}, args, {
     text: text || defaultText

package/es/Display/Tooltip/TooltipStyle.d.ts

@@ -1,4 +1,3 @@
-import { Props } from './Tooltip';
 export declare const TooltipContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipContent: import("styled-components").StyledComponent<"div", any, Props, never>;
+export declare const TooltipContent: import("styled-components").StyledComponent<"div", any, import("./Tooltip").StringTooltip | import("./Tooltip").HtmlTooltip, never>;
 export declare const TooltipMessage: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/General/Alert/AlertStyle.js

@@ -5,17 +5,17 @@ var fadeDown = keyframes(["0%{transform:translateY(-100%);top:0;}100%{transform:
 var fadeUp = keyframes(["0%{transform:translateY(0%);top:12px;}100%{transform:translateY(-100%);top:0;}"]);
 export var AlertContainer = styled.div.withConfig({
   displayName: "AlertStyle__AlertContainer",
-  componentId: "fcjw72-0"
+  componentId: "sc-fcjw72-0"
 })(["position:fixed;left:0;right:0;margin:0 auto;top:16px;animation:", " 0.3s ease-in-out;&[aria-hidden='true']{top:0;animation:", " 0.3s ease-in-out;}display:flex;align-items:center;box-shadow:", ";padding:12px;border-radius:4px;z-index:5000;min-width:296px;max-width:", "px;outline:none;line-height:1.5;font-size:14px;color:#454545;@media (max-width:", "px){max-width:95%;}background:#c5ecfa;&[data-type='success']{background:#c2e2da;}&[data-type='warning']{background:#fde9cc;}&[data-type='danger']{background:#facbcc;}"], fadeDown, fadeUp, Shadow.down4, ScreenSize.tablet, ScreenSize.tablet);
 export var AlertIcon = styled.div.withConfig({
   displayName: "AlertStyle__AlertIcon",
-  componentId: "fcjw72-1"
+  componentId: "sc-fcjw72-1"
 })(["margin-right:8px;line-height:1;svg{display:block;}"]);
 export var AlertMessage = styled.div.withConfig({
   displayName: "AlertStyle__AlertMessage",
-  componentId: "fcjw72-2"
+  componentId: "sc-fcjw72-2"
 })(["margin-right:8px;flex-grow:1;"]);
 export var AlertClose = styled.div.withConfig({
   displayName: "AlertStyle__AlertClose",
-  componentId: "fcjw72-3"
+  componentId: "sc-fcjw72-3"
 })(["line-height:1;cursor:pointer;font-size:10px;"]);

package/es/General/Badge/Badge.d.ts

@@ -2,10 +2,10 @@ import * as React from 'react';
 import { BadgeContainer } from './BadgeStyle';
 export declare const Badge: React.FunctionComponent<Props>;
 export declare type BadgeType = 'dimmed' | 'default' | 'white' | 'blue';
-export interface Props extends React.ComponentPropsWithoutRef<typeof BadgeContainer> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof BadgeContainer> & {
     /** Sets the label of Badge. */
     label: string | number;
     /** Sets the variant of the Badge. */
     variant?: BadgeType;
-}
+};
 export default Badge;

package/es/General/Badge/Badge.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["label", "variant", "className"];
 import * as React from 'react';
 import classNames from 'classnames';
 import isNil from 'lodash/isNil';
@@ -10,7 +11,7 @@ export var Badge = function Badge(_ref) {
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? BadgeVariant.DEFAULT : _ref$variant,
       className = _ref.className,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["label", "variant", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(React.Fragment, null, !isNil(label) && /*#__PURE__*/React.createElement(BadgeContainer, _extends({
     className: classNames('aries-badge', className),

package/es/General/Badge/Badge.stories.js

@@ -4,7 +4,7 @@ import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
 import styled from 'styled-components';
 var BadgeStack = styled('div').withConfig({
   displayName: "Badgestories__BadgeStack",
-  componentId: "imkkqn-0"
+  componentId: "sc-imkkqn-0"
 })(["display:flex;align-items:flex-start;"]);
 export default {
   title: 'General/Badge',