glints-aries 4.0.151 → 4.0.154

package/lib/Display/Gallery/Gallery.stories.js

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

package/lib/Display/Gallery/GalleryStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.GalleryThumbnailWrapper = exports.GalleryImageWrapper = exports.GalleryItem = exports.GalleryItemWrapper = exports.GalleryContainer = void 0;
+exports.GalleryThumbnailWrapper = exports.GalleryItemWrapper = exports.GalleryItem = exports.GalleryImageWrapper = exports.GalleryContainer = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -11,21 +11,21 @@ var _Colors = require("../../Utils/Colors");
 
 var GalleryContainer = _styledComponents["default"].div.withConfig({
   displayName: "GalleryStyle__GalleryContainer",
-  componentId: "mrr504-0"
+  componentId: "sc-mrr504-0"
 })(["position:relative;.modal-content{width:95vw;.modal-header{border-bottom:none;}}"]);
 
 exports.GalleryContainer = GalleryContainer;
 
 var GalleryItemWrapper = _styledComponents["default"].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;}"]);
 
 exports.GalleryItemWrapper = GalleryItemWrapper;
 
 var GalleryItem = _styledComponents["default"].div.withConfig({
   displayName: "GalleryStyle__GalleryItem",
-  componentId: "mrr504-2"
+  componentId: "sc-mrr504-2"
 })(["position:relative;margin:5px;", ""], function (_ref) {
   var imageLeft = _ref.imageLeft;
 
@@ -38,14 +38,14 @@ exports.GalleryItem = GalleryItem;
 
 var GalleryImageWrapper = _styledComponents["default"].div.withConfig({
   displayName: "GalleryStyle__GalleryImageWrapper",
-  componentId: "mrr504-3"
-})(["position:relative;display:flex;justify-content:center;align-items:center;img{height:50vh;width:auto;object-fit:contain;}"]);
+  componentId: "sc-mrr504-3"
+})(["position:relative;display:flex;justify-content:center;align-items:center;img{height:50vh;width:100%;object-fit:contain;}"]);
 
 exports.GalleryImageWrapper = GalleryImageWrapper;
 
 var GalleryThumbnailWrapper = _styledComponents["default"].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 ", ";}}"], _Colors.Greyscale.white);
 
 exports.GalleryThumbnailWrapper = GalleryThumbnailWrapper;

package/lib/Display/Modal/Modal.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -27,6 +25,12 @@ var _utils = require("./utils");
 
 var _ModalStyle = require("./ModalStyle");
 
+var _excluded = ["isVisible", "title", "onClose", "children", "className", "hideContentArea", "centering", "fullscreen", "removeAnimation", "footer", "size", "hideHeader", "keepChildrenMountedOnClose"];
+
+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 Modal = function Modal(_ref) {
   var isVisible = _ref.isVisible,
       title = _ref.title,
@@ -41,7 +45,7 @@ var Modal = function Modal(_ref) {
       size = _ref.size,
       hideHeader = _ref.hideHeader,
       keepChildrenMountedOnClose = _ref.keepChildrenMountedOnClose,
-      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["isVisible", "title", "onClose", "children", "className", "hideContentArea", "centering", "fullscreen", "removeAnimation", "footer", "size", "hideHeader", "keepChildrenMountedOnClose"]);
+      restProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   var modalContentAreaRef = (0, _react.useRef)(null);
   var modalContainerRef = (0, _react.useRef)(null);
   var modalBodyRef = (0, _react.useRef)(null);

package/lib/Display/Modal/Modal.stories.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.FooterResponsiveness = exports.ScreenCenteredWithALotOfContent = exports.FullScreen = exports.ScreenCentered = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.ScreenCenteredWithALotOfContent = exports.ScreenCentered = exports.Interactive = exports.FullScreen = exports.FooterResponsiveness = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -21,6 +19,12 @@ var _Button = require("../../General/Button/Button");
 
 var _GlintsContainer = require("../../Layout/GlintsContainer/GlintsContainer");
 
+var _excluded = ["children", "title", "buttonTexts"];
+
+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 _default = {
   title: 'Display/Modal',
   component: _Modal.Modal,
@@ -37,7 +41,7 @@ var Template = function Template(_ref) {
       title = _ref.title,
       _ref$buttonTexts = _ref.buttonTexts,
       buttonTexts = _ref$buttonTexts === void 0 ? [] : _ref$buttonTexts,
-      args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "title", "buttonTexts"]);
+      args = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
       isModalVisible = _useState[0],

package/lib/Display/Modal/ModalStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.ModalContentArea = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.ModalDialog = exports.ModalContainer = exports.SIZES = void 0;
+exports.SIZES = exports.ModalHeader = exports.ModalFooter = exports.ModalDialog = exports.ModalContentArea = exports.ModalContainer = exports.ModalBody = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -22,7 +22,7 @@ exports.SIZES = SIZES;
 
 var ModalContainer = _styledComponents["default"].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';
@@ -42,21 +42,21 @@ exports.ModalContainer = ModalContainer;
 
 var ModalDialog = _styledComponents["default"].div.withConfig({
   displayName: "ModalStyle__ModalDialog",
-  componentId: "bg1vyz-1"
+  componentId: "sc-bg1vyz-1"
 })(["position:relative;"]);
 
 exports.ModalDialog = ModalDialog;
 
 var ModalHeader = _styledComponents["default"].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;}"], _Colors.Greyscale.lightgrey);
 
 exports.ModalHeader = ModalHeader;
 
 var ModalBody = _styledComponents["default"].section.withConfig({
   displayName: "ModalStyle__ModalBody",
-  componentId: "bg1vyz-3"
+  componentId: "sc-bg1vyz-3"
 })(["position:relative;", " padding:", ";@media ", "{padding:", ";}"], function (_ref4) {
   var centering = _ref4.centering;
 
@@ -75,7 +75,7 @@ exports.ModalBody = ModalBody;
 
 var ModalFooter = _styledComponents["default"].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;}", ""], _Colors.Greyscale.lightgrey, _StyleConfig.Device.mobileM, function (_ref7) {
   var isChildrenInMultiLines = _ref7.isChildrenInMultiLines;
 
@@ -90,7 +90,7 @@ exports.ModalFooter = ModalFooter;
 
 var ModalContentArea = _styledComponents["default"].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' : "" + _Colors.Greyscale.white;

package/lib/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/lib/Display/PointingModal/PointingModal.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -25,10 +23,16 @@ var _PointingModalItem = _interopRequireDefault(require("./PointingModalItem"));
 
 var _PointingModalFooter = _interopRequireDefault(require("./PointingModalFooter"));
 
+var _excluded = ["children", "className"];
+
+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 PointingModal = function PointingModal(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["children", "className"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/React.createElement(_PointingModalStyle.PointingModalContainer, (0, _extends2["default"])({
     className: (0, _classnames["default"])('aries-pointingmodal', className),
     role: "dialog",

package/lib/Display/PointingModal/PointingModal.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/lib/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/lib/Display/PointingModal/PointingModalBody.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,10 +15,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _PointingModalStyle = require("./PointingModalStyle");
 
+var _excluded = ["children", "className"];
+
+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 PointingModalBody = function PointingModalBody(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["children", "className"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/React.createElement(_PointingModalStyle.PointingModalBodyWrapper, (0, _extends2["default"])({
     className: (0, _classnames["default"])('pointingmodal-body', className),
     role: "list"

package/lib/Display/PointingModal/PointingModalFooter.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,10 +15,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _PointingModalStyle = require("./PointingModalStyle");
 
+var _excluded = ["children", "className"];
+
+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 PointingModalFooter = function PointingModalFooter(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["children", "className"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/React.createElement(_PointingModalStyle.PointingModalFooterWrapper, (0, _extends2["default"])({
     className: (0, _classnames["default"])('pointingmodal-footer', className)
   }, defaultProps), children);

package/lib/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/lib/Display/PointingModal/PointingModalHeader.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,10 +15,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _PointingModalStyle = require("./PointingModalStyle");
 
+var _excluded = ["children", "className"];
+
+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 PointingModalHeader = function PointingModalHeader(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["children", "className"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/React.createElement(_PointingModalStyle.PointingModalHeaderWrapper, (0, _extends2["default"])({
     className: (0, _classnames["default"])('pointingmodal-header', className),
     role: "group"

package/lib/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/lib/Display/PointingModal/PointingModalItem.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,10 +15,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _PointingModalStyle = require("./PointingModalStyle");
 
+var _excluded = ["children", "className"];
+
+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 PointingModalItem = function PointingModalItem(props) {
   var children = props.children,
       className = props.className,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, ["children", "className"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
   return /*#__PURE__*/React.createElement(_PointingModalStyle.PointingModalItemWrapper, (0, _extends2["default"])({
     className: (0, _classnames["default"])('pointingmodal-item', className)
   }, defaultProps), children);

package/lib/Display/PointingModal/PointingModalStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.PointingModalFooterWrapper = exports.PointingModalItemWrapper = exports.PointingModalBodyWrapper = exports.PointingModalHeaderWrapper = exports.PointingModalHeaderArrow = exports.PointingModalContainer = void 0;
+exports.PointingModalItemWrapper = exports.PointingModalHeaderWrapper = exports.PointingModalHeaderArrow = exports.PointingModalFooterWrapper = exports.PointingModalContainer = exports.PointingModalBodyWrapper = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -13,42 +13,42 @@ var _Shadow = require("../../Utils/Shadow");
 
 var PointingModalContainer = _styledComponents["default"].div.withConfig({
   displayName: "PointingModalStyle__PointingModalContainer",
-  componentId: "wzvi3y-0"
+  componentId: "sc-wzvi3y-0"
 })(["position:relative;background:", ";box-shadow:", ";outline:none;"], _Colors.Greyscale.white, _Shadow.Shadow.down2);
 
 exports.PointingModalContainer = PointingModalContainer;
 
 var PointingModalHeaderArrow = _styledComponents["default"].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);"]);
 
 exports.PointingModalHeaderArrow = PointingModalHeaderArrow;
 
 var PointingModalHeaderWrapper = _styledComponents["default"].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;}"], _Colors.Greyscale.black);
 
 exports.PointingModalHeaderWrapper = PointingModalHeaderWrapper;
 
 var PointingModalBodyWrapper = _styledComponents["default"].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;}"]);
 
 exports.PointingModalBodyWrapper = PointingModalBodyWrapper;
 
 var PointingModalItemWrapper = _styledComponents["default"].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:", ";}"], _Colors.Greyscale.black, _Colors.Greyscale.softgrey);
 
 exports.PointingModalItemWrapper = PointingModalItemWrapper;
 
 var PointingModalFooterWrapper = _styledComponents["default"].footer.withConfig({
   displayName: "PointingModalStyle__PointingModalFooterWrapper",
-  componentId: "wzvi3y-5"
+  componentId: "sc-wzvi3y-5"
 })(["display:flex;position:relative;padding:1.2em;"]);
 
 exports.PointingModalFooterWrapper = PointingModalFooterWrapper;

package/lib/Display/Popover/Popover.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 _components = require("../../General/Icon/components");
 
 var _PopoverStyle = require("./PopoverStyle");
 
+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 Popover = function Popover(_ref) {
   var className = _ref.className,
       children = _ref.children,

package/lib/Display/Popover/Popover.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/lib/Display/Popover/PopoverStyle.js

@@ -1,12 +1,14 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
-exports.PopOverContent = exports.PopoverIcon = exports.PopoverItemWrapper = exports.PopoverContentWrapper = exports.PopoverChildren = exports.PopoverContainer = void 0;
+exports.PopoverItemWrapper = exports.PopoverIcon = exports.PopoverContentWrapper = exports.PopoverContainer = exports.PopoverChildren = exports.PopOverContent = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
+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 opacityAnimation = (0, _styledComponents.keyframes)(["0%{opacity:0}80%{opacity:1;}"]);
 
 var PopoverContainer = _styledComponents["default"].div.withConfig({

package/lib/Display/Slider/LeftArrow.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports["default"] = void 0;
 
@@ -13,6 +11,10 @@ var _SliderStyle = require("./SliderStyle");
 
 var _utils = require("./utils");
 
+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 LeftArrow = function LeftArrow(props) {
   var index = props.index,
       previousSlide = props.previousSlide,

package/lib/Display/Slider/RightArrow.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports["default"] = void 0;
 
@@ -13,6 +11,10 @@ var _SliderStyle = require("./SliderStyle");
 
 var _utils = require("./utils");
 
+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 RightArrow = function RightArrow(props) {
   var index = props.index,
       limit = props.limit,

package/lib/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/lib/Display/Slider/Slider.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports["default"] = exports.Slider = void 0;
 
@@ -23,6 +21,10 @@ var _RightArrow = _interopRequireDefault(require("./RightArrow"));
 
 var _SliderItem = _interopRequireDefault(require("./SliderItem"));
 
+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 Slider = function Slider(_ref) {
   var afterChange = _ref.afterChange,
       children = _ref.children,
@@ -167,7 +169,8 @@ var Slider = function Slider(_ref) {
     className: (0, _classnames["default"])('aries-slider', className),
     onKeyDown: handleKeyDown,
     fullContent: fullContent,
-    tabIndex: 0
+    tabIndex: 0,
+    "data-testid": "slider"
   }, /*#__PURE__*/React.createElement(_SliderStyle.SliderContentWrapper, {
     className: "slider-wrapper",
     style: {

package/lib/Display/Slider/Slider.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.CustomizedRenderRightIcon = exports.CustomizedRenderLeftIcon = exports.InitialItem = exports.RemoveDots = exports.ArrowWhite = exports.FullContent = exports.Autoplay = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.RemoveDots = exports.Interactive = exports.InitialItem = exports.FullContent = exports.CustomizedRenderRightIcon = exports.CustomizedRenderLeftIcon = exports.Autoplay = exports.ArrowWhite = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 

package/lib/Display/Slider/SliderItem.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports["default"] = void 0;
 
@@ -9,6 +7,10 @@ var React = _interopRequireWildcard(require("react"));
 
 var _SliderStyle = require("./SliderStyle");
 
+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 SliderItem = function SliderItem(props) {
   var children = props.children;
   return /*#__PURE__*/React.createElement(_SliderStyle.SliderItemWrapper, {