glints-aries 4.0.149 → 4.0.152

package/lib/General/Alert/AlertStyle.js

@@ -1,9 +1,7 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
-exports.AlertClose = exports.AlertMessage = exports.AlertIcon = exports.AlertContainer = void 0;
+exports.AlertMessage = exports.AlertIcon = exports.AlertContainer = exports.AlertClose = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -11,33 +9,37 @@ var _StyleConfig = require("../../Utils/StyleConfig");
 
 var _Shadow = require("../../Utils/Shadow");
 
+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 fadeDown = (0, _styledComponents.keyframes)(["0%{transform:translateY(-100%);top:0;}100%{transform:translateY(0%);top:16px;}"]);
 var fadeUp = (0, _styledComponents.keyframes)(["0%{transform:translateY(0%);top:12px;}100%{transform:translateY(-100%);top:0;}"]);
 
 var AlertContainer = _styledComponents["default"].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.Shadow.down4, _StyleConfig.ScreenSize.tablet, _StyleConfig.ScreenSize.tablet);
 
 exports.AlertContainer = AlertContainer;
 
 var AlertIcon = _styledComponents["default"].div.withConfig({
   displayName: "AlertStyle__AlertIcon",
-  componentId: "fcjw72-1"
+  componentId: "sc-fcjw72-1"
 })(["margin-right:8px;line-height:1;svg{display:block;}"]);
 
 exports.AlertIcon = AlertIcon;
 
 var AlertMessage = _styledComponents["default"].div.withConfig({
   displayName: "AlertStyle__AlertMessage",
-  componentId: "fcjw72-2"
+  componentId: "sc-fcjw72-2"
 })(["margin-right:8px;flex-grow:1;"]);
 
 exports.AlertMessage = AlertMessage;
 
 var AlertClose = _styledComponents["default"].div.withConfig({
   displayName: "AlertStyle__AlertClose",
-  componentId: "fcjw72-3"
+  componentId: "sc-fcjw72-3"
 })(["line-height:1;cursor:pointer;font-size:10px;"]);
 
 exports.AlertClose = AlertClose;

package/lib/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/lib/General/Badge/Badge.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 _BadgeStyle = require("./BadgeStyle");
 
 var _BadgeVariant = require("./BadgeVariant");
 
+var _excluded = ["label", "variant", "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 Badge = function Badge(_ref) {
   var label = _ref.label,
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? _BadgeVariant.BadgeVariant.DEFAULT : _ref$variant,
       className = _ref.className,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["label", "variant", "className"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/React.createElement(React.Fragment, null, !(0, _isNil["default"])(label) && /*#__PURE__*/React.createElement(_BadgeStyle.BadgeContainer, (0, _extends2["default"])({
     className: (0, _classnames["default"])('aries-badge', className),
     role: "presentation",

package/lib/General/Badge/Badge.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.Variants = exports.Interactive = exports["default"] = void 0;
+exports["default"] = exports.Variants = exports.Interactive = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -15,7 +15,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var BadgeStack = (0, _styledComponents["default"])('div').withConfig({
   displayName: "Badgestories__BadgeStack",
-  componentId: "imkkqn-0"
+  componentId: "sc-imkkqn-0"
 })(["display:flex;align-items:flex-start;"]);
 var _default = {
   title: 'General/Badge',

package/lib/General/Badge/BadgeStyle.js

@@ -15,7 +15,7 @@ var _Spacing = require("../../Layout/Spacing");
 
 var BadgeContainer = _styledComponents["default"].div.withConfig({
   displayName: "BadgeStyle__BadgeContainer",
-  componentId: "vaj8hs-0"
+  componentId: "sc-vaj8hs-0"
 })(["position:relative;display:inline-flex;color:", ";", " border-radius:3px;margin:0 ", "px;padding:0 ", "px;height:17px;min-width:18px;align-items:center;justify-content:center;span{font-size:12px;font-weight:700;text-align:center;}"], _Colors.Greyscale.white, function (_ref) {
   var variant = _ref.variant;
 

package/lib/General/Brand/Brand.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { BrandContainer } from './BrandStyle';
 declare const Brand: ({ alt, asset, className, rightClickURL, onContextMenu, ...defaultProps }: Props) => JSX.Element;
-export interface Props extends React.ComponentPropsWithoutRef<typeof BrandContainer> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof BrandContainer> & {
     /** There are 3 available values for asset props. The first and second one are Glints logo, but you can also custom the logo by parsing url or path of the logo. */
     asset: string;
     /** HTML <img> alt Attribute */
@@ -11,5 +11,5 @@ export interface Props extends React.ComponentPropsWithoutRef<typeof BrandContai
     rightClickURL?: string;
     /** Executes when the user right-clicks on the component */
     onContextMenu?(): void;
-}
+};
 export default Brand;

package/lib/General/Brand/Brand.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 _BrandStyle = require("./BrandStyle");
 
+var _excluded = ["alt", "asset", "className", "rightClickURL", "onContextMenu"];
+
+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 GlintsBlack = require('../../../assets/image/glints-logo-black.svg');
 
 var GlintsWhite = require('../../../assets/image/glints-logo-white.svg');
@@ -27,7 +31,7 @@ var Brand = function Brand(_ref) {
       className = _ref.className,
       rightClickURL = _ref.rightClickURL,
       onContextMenu = _ref.onContextMenu,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["alt", "asset", "className", "rightClickURL", "onContextMenu"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var handleRightClick = function handleRightClick(e) {
     if (rightClickURL) {

package/lib/General/Brand/Brand.stories.js

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

package/lib/General/Brand/BrandStyle.js

@@ -9,14 +9,14 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var BrandContainer = _styledComponents["default"].div.withConfig({
   displayName: "BrandStyle__BrandContainer",
-  componentId: "xckggx-0"
+  componentId: "sc-xckggx-0"
 })(["position:relative;display:inline-flex;cursor:pointer;&:focus{outline:none;}&:focus > img{outline:5px auto -webkit-focus-ring-color;}"]);
 
 exports.BrandContainer = BrandContainer;
 
 var BrandImage = _styledComponents["default"].img.withConfig({
   displayName: "BrandStyle__BrandImage",
-  componentId: "xckggx-1"
+  componentId: "sc-xckggx-1"
 })(["object-fit:contain;width:3em;height:3em;outline:none;"]);
 
 exports.BrandImage = BrandImage;

package/lib/General/Button/Button.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports["default"] = exports.Button = exports.transformVariant = void 0;
+exports.transformVariant = exports["default"] = exports.Button = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -23,6 +23,8 @@ var _StyleConfig = require("../../Utils/StyleConfig");
 
 var _ButtonStyle = require("./ButtonStyle");
 
+var _excluded = ["children", "block", "className", "disabled", "onClick", "small", "variant", "startIcon", "endIcon", "theme", "forwardedRef"];
+
 var _SOLID_BUTTON_THEME_M;
 
 var SOLID_BUTTON_THEME_MAP = (_SOLID_BUTTON_THEME_M = {}, _SOLID_BUTTON_THEME_M[_StyleConfig.ButtonVariant.SOLID_WHITE] = _StyleConfig.ButtonTheme.WHITE, _SOLID_BUTTON_THEME_M[_StyleConfig.ButtonVariant.SOLID_BLUE] = _StyleConfig.ButtonTheme.BLUE, _SOLID_BUTTON_THEME_M);
@@ -63,7 +65,7 @@ var Button = function Button(_ref) {
       endIcon = _ref.endIcon,
       theme = _ref.theme,
       forwardedRef = _ref.forwardedRef,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "block", "className", "disabled", "onClick", "small", "variant", "startIcon", "endIcon", "theme", "forwardedRef"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
 
   var content = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, startIcon && /*#__PURE__*/_react["default"].createElement(_ButtonStyle.StartIconContainer, null, startIcon), children, endIcon && /*#__PURE__*/_react["default"].createElement(_ButtonStyle.EndIconContainer, null, endIcon));
 

package/lib/General/Button/Button.stories.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.WithRoundedCorner = exports.WithDifferentTag = exports.WithIcon = exports.Disable = exports.Sizes = exports.Variants = exports.SolidBlue = exports["default"] = void 0;
+exports["default"] = exports.WithRoundedCorner = exports.WithIcon = exports.WithDifferentTag = exports.Variants = exports.SolidBlue = exports.Sizes = exports.Disable = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

package/lib/General/Button/ButtonStyle.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.EndIconContainer = exports.StartIconContainer = exports.LinkBtn = exports.WhiteGreyBtn = exports.GhostBtnContainer = exports.GhostBtn = exports.SolidShadowContainer = exports.SolidShadowBtn = exports.SolidBtnContainer = exports.SolidBtn = void 0;
+exports.WhiteGreyBtn = exports.StartIconContainer = exports.SolidShadowContainer = exports.SolidShadowBtn = exports.SolidBtnContainer = exports.SolidBtn = exports.LinkBtn = exports.GhostBtnContainer = exports.GhostBtn = exports.EndIconContainer = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -16,7 +16,7 @@ var smallButtonPadding = [10, 20];
 
 var Button = _styledComponents["default"].button.withConfig({
   displayName: "ButtonStyle__Button",
-  componentId: "jyb3o2-0"
+  componentId: "sc-jyb3o2-0"
 })(["display:flex;position:relative;align-items:center;justify-content:center;border:none;text-transform:uppercase;outline:none;cursor:pointer;font-weight:bold;font-size:", ";line-height:1.5;padding:", ";background:transparent;transition:all 0.2s;text-decoration:none;", ""], function (_ref) {
   var small = _ref.small;
   return small ? '14px' : '16px';
@@ -37,7 +37,7 @@ var Button = _styledComponents["default"].button.withConfig({
 
 var SolidBtn = (0, _styledComponents["default"])(Button).withConfig({
   displayName: "ButtonStyle__SolidBtn",
-  componentId: "jyb3o2-1"
+  componentId: "sc-jyb3o2-1"
 })(["width:", ";border-radius:", ";&:active{background-color:", ";color:", ";}", " ", " &:hover{text-decoration:none;", "}"], function (_ref4) {
   var block = _ref4.block;
   return block && '100%';
@@ -69,7 +69,7 @@ exports.SolidBtn = SolidBtn;
 
 var SolidBtnContainer = _styledComponents["default"].div.withConfig({
   displayName: "ButtonStyle__SolidBtnContainer",
-  componentId: "jyb3o2-2"
+  componentId: "sc-jyb3o2-2"
 })(["position:relative;display:", ";z-index:1;border-radius:", ";", " &:hover{", "{", "}}&:active{", "{", "}}"], function (_ref8) {
   var block = _ref8.block;
   return block ? 'flex' : 'inline-flex';
@@ -102,7 +102,7 @@ var SolidBtnContainer = _styledComponents["default"].div.withConfig({
 exports.SolidBtnContainer = SolidBtnContainer;
 var SolidShadowBtn = (0, _styledComponents["default"])(Button).withConfig({
   displayName: "ButtonStyle__SolidShadowBtn",
-  componentId: "jyb3o2-3"
+  componentId: "sc-jyb3o2-3"
 })(["transition:all 0.2s;cursor:pointer;position:relative;width:100%;&:hover{text-decoration:none;}", ""], function (props) {
   if (props.disabled) {
     return "\n        background-color: " + _Colors.Greyscale.lightgrey + ";\n        color: " + _Colors.Greyscale.white + ";\n      ";
@@ -114,7 +114,7 @@ exports.SolidShadowBtn = SolidShadowBtn;
 
 var SolidShadowContainer = _styledComponents["default"].div.withConfig({
   displayName: "ButtonStyle__SolidShadowContainer",
-  componentId: "jyb3o2-4"
+  componentId: "sc-jyb3o2-4"
 })(["position:relative;display:", ";z-index:1;cursor:pointer;&:hover{", "}&:active{", " ", "{", "}}&:before{content:'';width:100%;height:100%;position:absolute;top:5px;left:5px;transition:all 0.2s;", "}&:hover:before{", "}&:active:before{", "}"], function (_ref11) {
   var block = _ref11.block;
   return block ? 'flex' : 'inline-flex';
@@ -163,7 +163,7 @@ var SolidShadowContainer = _styledComponents["default"].div.withConfig({
 exports.SolidShadowContainer = SolidShadowContainer;
 var GhostBtn = (0, _styledComponents["default"])(Button).withConfig({
   displayName: "ButtonStyle__GhostBtn",
-  componentId: "jyb3o2-5"
+  componentId: "sc-jyb3o2-5"
 })(["transition:background-color 0.5s;width:", ";background:", ";padding:", ";border:2px solid ", ";color:", ";border-radius:", ";&:hover{transition:background-color 0.5s;text-decoration:none;", "}", ""], function (_ref12) {
   var block = _ref12.block;
   return block && '100%';
@@ -190,7 +190,7 @@ exports.GhostBtn = GhostBtn;
 
 var GhostBtnContainer = _styledComponents["default"].div.withConfig({
   displayName: "ButtonStyle__GhostBtnContainer",
-  componentId: "jyb3o2-6"
+  componentId: "sc-jyb3o2-6"
 })(["position:relative;display:", ";z-index:1;", " ", "{", "}"], function (_ref17) {
   var block = _ref17.block;
   return block ? 'flex' : 'inline-flex';
@@ -216,7 +216,7 @@ var GhostBtnContainer = _styledComponents["default"].div.withConfig({
 exports.GhostBtnContainer = GhostBtnContainer;
 var WhiteGreyBtn = (0, _styledComponents["default"])(Button).withConfig({
   displayName: "ButtonStyle__WhiteGreyBtn",
-  componentId: "jyb3o2-7"
+  componentId: "sc-jyb3o2-7"
 })(["width:", ";", ""], function (_ref20) {
   var block = _ref20.block;
   return block && '100%';
@@ -237,7 +237,7 @@ var WhiteGreyBtn = (0, _styledComponents["default"])(Button).withConfig({
 exports.WhiteGreyBtn = WhiteGreyBtn;
 var LinkBtn = (0, _styledComponents["default"])(Button).withConfig({
   displayName: "ButtonStyle__LinkBtn",
-  componentId: "jyb3o2-8"
+  componentId: "sc-jyb3o2-8"
 })(["font-weight:normal;text-transform:inherit;width:", ";padding:0;justify-content:flex-start;color:", ";", ""], function (_ref22) {
   var block = _ref22.block;
   return block && '100%';
@@ -254,14 +254,14 @@ exports.LinkBtn = LinkBtn;
 
 var StartIconContainer = _styledComponents["default"].span.withConfig({
   displayName: "ButtonStyle__StartIconContainer",
-  componentId: "jyb3o2-9"
+  componentId: "sc-jyb3o2-9"
 })(["display:inline-flex;margin-right:10px;"]);
 
 exports.StartIconContainer = StartIconContainer;
 
 var EndIconContainer = _styledComponents["default"].span.withConfig({
   displayName: "ButtonStyle__EndIconContainer",
-  componentId: "jyb3o2-10"
+  componentId: "sc-jyb3o2-10"
 })(["display:inline-flex;margin-left:10px;"]);
 
 exports.EndIconContainer = EndIconContainer;

package/lib/General/Button/GhostButton.d.ts

@@ -1,14 +1,41 @@
 import * as React from 'react';
-import { GhostBtn } from './ButtonStyle';
-interface Props extends React.ComponentPropsWithoutRef<typeof GhostBtn> {
+declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType;
+    tag?: React.ElementType<any>;
     isRoundedCorner?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, string | number> & React.RefAttributes<HTMLButtonElement>>;
+}, string | number | symbol> | Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    children?: React.ReactNode;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
+    children: React.ReactNode;
+    className?: string;
+    theme?: string;
+    disabled?: boolean;
+    block?: boolean;
+    small?: boolean;
+    tag?: React.ElementType<any>;
+    isRoundedCorner?: boolean;
+}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/General/Button/GhostButton.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 _ButtonStyle = require("./ButtonStyle");
 
+var _excluded = ["children", "className", "theme", "disabled", "block", "small", "tag", "isRoundedCorner", "forwardedRef"];
+
+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 GhostButton = function GhostButton(_ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -27,7 +31,7 @@ var GhostButton = function GhostButton(_ref) {
       tag = _ref.tag,
       isRoundedCorner = _ref.isRoundedCorner,
       forwardedRef = _ref.forwardedRef,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "className", "theme", "disabled", "block", "small", "tag", "isRoundedCorner", "forwardedRef"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_ButtonStyle.GhostBtnContainer, {
     className: (0, _classnames["default"])('aries-ghostbtn', className),
     theme: theme,

package/lib/General/Button/LinkButton.d.ts

@@ -1,10 +1,33 @@
 import * as React from 'react';
-import { LinkBtn } from './ButtonStyle';
-interface Props extends React.ComponentPropsWithoutRef<typeof LinkBtn> {
+declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
     children: React.ReactNode;
     className: string;
     block?: boolean;
-    tag?: React.ElementType;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, string | number> & React.RefAttributes<HTMLButtonElement>>;
+    tag?: React.ElementType<any>;
+}, string | number | symbol> | Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    children?: React.ReactNode;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
+    children: React.ReactNode;
+    className: string;
+    block?: boolean;
+    tag?: React.ElementType<any>;
+}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/General/Button/LinkButton.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,12 +15,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _ButtonStyle = require("./ButtonStyle");
 
+var _excluded = ["children", "className", "tag", "forwardedRef"];
+
+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 LinkButton = function LinkButton(_ref) {
   var children = _ref.children,
       className = _ref.className,
       tag = _ref.tag,
       forwardedRef = _ref.forwardedRef,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "className", "tag", "forwardedRef"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_ButtonStyle.LinkBtn, (0, _extends2["default"])({
     ref: forwardedRef,
     className: (0, _classnames["default"])('aries-linkbtn', className),

package/lib/General/Button/SolidButton.d.ts

@@ -1,14 +1,41 @@
 import * as React from 'react';
-import { SolidBtn } from './ButtonStyle';
-interface Props extends React.ComponentPropsWithoutRef<typeof SolidBtn> {
+declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
     children: React.ReactNode;
     className?: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType;
+    tag?: React.ElementType<any>;
     isRoundedCorner?: boolean;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, string | number> & React.RefAttributes<HTMLButtonElement>>;
+}, string | number | symbol> | Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    children?: React.ReactNode;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
+    children: React.ReactNode;
+    className?: string;
+    theme?: string;
+    disabled?: boolean;
+    block?: boolean;
+    small?: boolean;
+    tag?: React.ElementType<any>;
+    isRoundedCorner?: boolean;
+}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;

package/lib/General/Button/SolidButton.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 _ButtonStyle = require("./ButtonStyle");
 
+var _excluded = ["children", "className", "theme", "disabled", "block", "small", "tag", "forwardedRef", "isRoundedCorner"];
+
+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 SolidButton = function SolidButton(_ref) {
   var children = _ref.children,
       className = _ref.className,
@@ -27,7 +31,7 @@ var SolidButton = function SolidButton(_ref) {
       tag = _ref.tag,
       forwardedRef = _ref.forwardedRef,
       isRoundedCorner = _ref.isRoundedCorner,
-      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["children", "className", "theme", "disabled", "block", "small", "tag", "forwardedRef", "isRoundedCorner"]);
+      defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/React.createElement(_ButtonStyle.SolidBtnContainer, {
     className: (0, _classnames["default"])('aries-solid-btn', className),
     theme: theme,

package/lib/General/Button/SolidShadowButton.d.ts

@@ -1,13 +1,39 @@
 import * as React from 'react';
-import { SolidShadowBtn } from './ButtonStyle';
-interface Props extends React.ComponentPropsWithoutRef<typeof SolidShadowBtn> {
+declare const _default: React.ForwardRefExoticComponent<(Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
     children: React.ReactNode;
     className: string;
     theme?: string;
     disabled?: boolean;
     block?: boolean;
     small?: boolean;
-    tag?: React.ElementType;
-}
-declare const _default: React.ForwardRefExoticComponent<Pick<Props, string | number> & React.RefAttributes<HTMLButtonElement>>;
+    tag?: React.ElementType<any>;
+}, string | number | symbol> | Pick<Pick<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    children?: React.ReactNode;
+} & {
+    as?: string | React.ComponentType<any>;
+    forwardedAs?: string | React.ComponentType<any>;
+}, string | number | symbol> & {
+    children: React.ReactNode;
+    className: string;
+    theme?: string;
+    disabled?: boolean;
+    block?: boolean;
+    small?: boolean;
+    tag?: React.ElementType<any>;
+}, string | number | symbol>) & React.RefAttributes<HTMLButtonElement>>;
 export default _default;