glints-aries 4.0.151 → 4.0.152

package/es/General/Badge/BadgeStyle.js

@@ -4,7 +4,7 @@ import { BadgeVariant } from './BadgeVariant';
 import { Spacing } from '../../Layout/Spacing';
 export var BadgeContainer = styled.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;}"], Greyscale.white, function (_ref) {
   var variant = _ref.variant;
 

package/es/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/es/General/Brand/Brand.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["alt", "asset", "className", "rightClickURL", "onContextMenu"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { BrandContainer, BrandImage } from './BrandStyle';
@@ -14,7 +15,7 @@ var Brand = function Brand(_ref) {
       className = _ref.className,
       rightClickURL = _ref.rightClickURL,
       onContextMenu = _ref.onContextMenu,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["alt", "asset", "className", "rightClickURL", "onContextMenu"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var handleRightClick = function handleRightClick(e) {
     if (rightClickURL) {

package/es/General/Brand/BrandStyle.js

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
 export var BrandContainer = styled.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;}"]);
 export var BrandImage = styled.img.withConfig({
   displayName: "BrandStyle__BrandImage",
-  componentId: "xckggx-1"
+  componentId: "sc-xckggx-1"
 })(["object-fit:contain;width:3em;height:3em;outline:none;"]);

package/es/General/Button/Button.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "block", "className", "disabled", "onClick", "small", "variant", "startIcon", "endIcon", "theme", "forwardedRef"];
 
 var _SOLID_BUTTON_THEME_M;
 
@@ -44,7 +45,7 @@ export var Button = function Button(_ref) {
       endIcon = _ref.endIcon,
       theme = _ref.theme,
       forwardedRef = _ref.forwardedRef,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["children", "block", "className", "disabled", "onClick", "small", "variant", "startIcon", "endIcon", "theme", "forwardedRef"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var content = /*#__PURE__*/React.createElement(React.Fragment, null, startIcon && /*#__PURE__*/React.createElement(StartIconContainer, null, startIcon), children, endIcon && /*#__PURE__*/React.createElement(EndIconContainer, null, endIcon));
   var transformedVariant = transformVariant(variant, theme);

package/es/General/Button/ButtonStyle.js

@@ -5,7 +5,7 @@ var generalButtonPadding = [15, 40];
 var smallButtonPadding = [10, 20];
 var Button = styled.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';
@@ -25,7 +25,7 @@ var Button = styled.button.withConfig({
 
 export var SolidBtn = styled(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%';
@@ -55,7 +55,7 @@ export var SolidBtn = styled(Button).withConfig({
 });
 export var SolidBtnContainer = styled.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';
@@ -86,7 +86,7 @@ export var SolidBtnContainer = styled.div.withConfig({
 
 export var SolidShadowBtn = styled(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: " + Greyscale.lightgrey + ";\n        color: " + Greyscale.white + ";\n      ";
@@ -96,7 +96,7 @@ export var SolidShadowBtn = styled(Button).withConfig({
 });
 export var SolidShadowContainer = styled.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';
@@ -143,7 +143,7 @@ export var SolidShadowContainer = styled.div.withConfig({
 
 export var GhostBtn = styled(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%';
@@ -168,7 +168,7 @@ export var GhostBtn = styled(Button).withConfig({
 });
 export var GhostBtnContainer = styled.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';
@@ -192,7 +192,7 @@ export var GhostBtnContainer = styled.div.withConfig({
 
 export var WhiteGreyBtn = styled(Button).withConfig({
   displayName: "ButtonStyle__WhiteGreyBtn",
-  componentId: "jyb3o2-7"
+  componentId: "sc-jyb3o2-7"
 })(["width:", ";", ""], function (_ref20) {
   var block = _ref20.block;
   return block && '100%';
@@ -212,7 +212,7 @@ export var WhiteGreyBtn = styled(Button).withConfig({
 
 export var LinkBtn = styled(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%';
@@ -227,9 +227,9 @@ export var LinkBtn = styled(Button).withConfig({
 });
 export var StartIconContainer = styled.span.withConfig({
   displayName: "ButtonStyle__StartIconContainer",
-  componentId: "jyb3o2-9"
+  componentId: "sc-jyb3o2-9"
 })(["display:inline-flex;margin-right:10px;"]);
 export var EndIconContainer = styled.span.withConfig({
   displayName: "ButtonStyle__EndIconContainer",
-  componentId: "jyb3o2-10"
+  componentId: "sc-jyb3o2-10"
 })(["display:inline-flex;margin-left:10px;"]);

package/es/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/es/General/Button/GhostButton.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className", "theme", "disabled", "block", "small", "tag", "isRoundedCorner", "forwardedRef"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { GhostBtnContainer, GhostBtn } from './ButtonStyle';
@@ -14,7 +15,7 @@ var GhostButton = function GhostButton(_ref) {
       tag = _ref.tag,
       isRoundedCorner = _ref.isRoundedCorner,
       forwardedRef = _ref.forwardedRef,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["children", "className", "theme", "disabled", "block", "small", "tag", "isRoundedCorner", "forwardedRef"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(GhostBtnContainer, {
     className: classNames('aries-ghostbtn', className),

package/es/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/es/General/Button/LinkButton.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className", "tag", "forwardedRef"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { LinkBtn } from './ButtonStyle';
@@ -9,7 +10,7 @@ var LinkButton = function LinkButton(_ref) {
       className = _ref.className,
       tag = _ref.tag,
       forwardedRef = _ref.forwardedRef,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["children", "className", "tag", "forwardedRef"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(LinkBtn, _extends({
     ref: forwardedRef,

package/es/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/es/General/Button/SolidButton.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className", "theme", "disabled", "block", "small", "tag", "forwardedRef", "isRoundedCorner"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { SolidBtnContainer, SolidBtn } from './ButtonStyle';
@@ -14,7 +15,7 @@ var SolidButton = function SolidButton(_ref) {
       tag = _ref.tag,
       forwardedRef = _ref.forwardedRef,
       isRoundedCorner = _ref.isRoundedCorner,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["children", "className", "theme", "disabled", "block", "small", "tag", "forwardedRef", "isRoundedCorner"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SolidBtnContainer, {
     className: classNames('aries-solid-btn', className),

package/es/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;

package/es/General/Button/SolidShadowButton.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className", "theme", "disabled", "block", "small", "tag", "forwardedRef"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { SolidShadowContainer, SolidShadowBtn } from './ButtonStyle';
@@ -13,7 +14,7 @@ var SolidShadowButton = function SolidShadowButton(_ref) {
       small = _ref.small,
       tag = _ref.tag,
       forwardedRef = _ref.forwardedRef,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["children", "className", "theme", "disabled", "block", "small", "tag", "forwardedRef"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(SolidShadowContainer, {
     className: classNames('aries-solid-shadow-btn', className),

package/es/General/Divider/Divider.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["theme", "className"];
 import React from 'react';
 import classNames from 'classnames';
 import { DividerContainer } from './DividerStyle';
@@ -12,7 +13,7 @@ export var Divider = function Divider(_ref) {
   var _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'default' : _ref$theme,
       className = _ref.className,
-      props = _objectWithoutPropertiesLoose(_ref, ["theme", "className"]);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(DividerContainer, _extends({}, props, {
     className: classNames('aries-divider', className),

package/es/General/Heading/Heading.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "inline", "children", "uppercaseText"];
 import React from 'react';
 import classNames from 'classnames';
 import { HeadingContainer } from './HeadingStyle';
@@ -10,7 +11,7 @@ export var Heading = function Heading(props) {
       children = props.children,
       _props$uppercaseText = props.uppercaseText,
       uppercaseText = _props$uppercaseText === void 0 ? false : _props$uppercaseText,
-      defaultProps = _objectWithoutPropertiesLoose(props, ["className", "inline", "children", "uppercaseText"]);
+      defaultProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(HeadingContainer, _extends({
     role: "heading",

package/es/General/Heading/Heading.stories.js

@@ -1,4 +1,5 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["children"];
 import React from 'react';
 import { Heading } from './Heading';
 import { BaseContainer } from '../../Layout/GlintsContainer/GlintsContainer';
@@ -12,7 +13,7 @@ export default {
 
 var Template = function Template(_ref) {
   var children = _ref.children,
-      args = _objectWithoutPropertiesLoose(_ref, ["children"]);
+      args = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Heading, args, children || 'Glints Aries');
 };

package/es/General/Icon/Icon.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "children", "color", "width", "height", "onClick", "size"];
 import * as React from 'react';
 import { VerticalCenteredSvg } from './IconStyle';
 export var iconSizeMap = {
@@ -24,7 +25,7 @@ var Icon = function Icon(props) {
       height = _props$height === void 0 ? '1em' : _props$height,
       onClick = props.onClick,
       size = props.size,
-      restProps = _objectWithoutPropertiesLoose(props, ["className", "children", "color", "width", "height", "onClick", "size"]);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(VerticalCenteredSvg, _extends({
     "data-testid": "icon-svg",

package/es/General/Icon/IconStyle.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
 export var VerticalCenteredSvg = styled.svg.withConfig({
   displayName: "IconStyle__VerticalCenteredSvg",
-  componentId: "x7d280-0"
+  componentId: "sc-x7d280-0"
 })(["vertical-align:middle;"]);

package/es/General/Loading/LoadingStyle.js

@@ -4,9 +4,9 @@ var spin = keyframes(["0%{transform:rotate(0deg);}100%{transform:rotate(360deg);
 var spinnerGlobal = css(["content:'';position:absolute;width:100%;height:100%;border-radius:100%;border:0.35em solid transparent;border-top-color:", ";"], Greyscale.white);
 export var LoadingContainer = styled.div.withConfig({
   displayName: "LoadingStyle__LoadingContainer",
-  componentId: "fg2qx3-0"
+  componentId: "sc-fg2qx3-0"
 })(["position:relative;display:inline-flex;"]);
 export var Spinner = styled.div.withConfig({
   displayName: "LoadingStyle__Spinner",
-  componentId: "fg2qx3-1"
+  componentId: "sc-fg2qx3-1"
 })(["position:relative;display:flex;justify-content:center;align-items:center;width:2em;height:2em;&:before{", ";z-index:100;animation:", " 1s infinite;}&:after{", ";border:0.35em solid ", ";}"], spinnerGlobal, spin, spinnerGlobal, SecondaryColor.actionblue);

package/es/General/ProfilePicture/ProfilePicture.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { ProfilePictureContainer } from './ProfilePictureStyle';
 declare const ProfilePicture: ({ editable, children, className, ...defaultProps }: Props) => JSX.Element;
-export interface Props extends React.ComponentPropsWithoutRef<typeof ProfilePictureContainer> {
+export declare type Props = React.ComponentPropsWithoutRef<typeof ProfilePictureContainer> & {
     /** Showing edit icon when it's hovered. */
     editable?: boolean;
     children: React.ReactNode;
-}
+};
 export default ProfilePicture;

package/es/General/ProfilePicture/ProfilePicture.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["editable", "children", "className"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { EditIcon } from '../Icon/components';
@@ -9,7 +10,7 @@ var ProfilePicture = function ProfilePicture(_ref) {
   var editable = _ref.editable,
       children = _ref.children,
       className = _ref.className,
-      defaultProps = _objectWithoutPropertiesLoose(_ref, ["editable", "children", "className"]);
+      defaultProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _React$useState = React.useState(false),
       isHover = _React$useState[0],

package/es/General/ProfilePicture/ProfilePictureStyle.js

@@ -4,7 +4,7 @@ var CrossPattern = require('../../../assets/image/cross-pattern.svg');
 
 export var ProfilePictureContent = styled.div.withConfig({
   displayName: "ProfilePictureStyle__ProfilePictureContent",
-  componentId: "lrsiz1-0"
+  componentId: "sc-lrsiz1-0"
 })(["position:relative;z-index:1;width:5em;height:5em;border-radius:50%;svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}", " &:after{content:'';position:absolute;z-index:-1;background:url(", ");height:100%;width:100%;border-radius:50%;top:4px;left:4px;}img{object-fit:cover;border-radius:50%;width:100%;height:100%;z-index:1;}"], function (_ref) {
   var editable = _ref.editable;
 
@@ -14,7 +14,7 @@ export var ProfilePictureContent = styled.div.withConfig({
 }, CrossPattern);
 export var ProfilePictureContainer = styled.div.withConfig({
   displayName: "ProfilePictureStyle__ProfilePictureContainer",
-  componentId: "lrsiz1-1"
+  componentId: "sc-lrsiz1-1"
 })(["position:relative;display:inline-flex;", ""], function (_ref2) {
   var editable = _ref2.editable;
 

package/es/General/Tag/ActionTags/AddTag.js

@@ -3,5 +3,5 @@ import { Greyscale } from '../../../Utils/Colors';
 import BasicTag from '../BasicTag';
 export var AddTag = styled(BasicTag).withConfig({
   displayName: "AddTag",
-  componentId: "ggz15u-0"
+  componentId: "sc-ggz15u-0"
 })(["border-style:dashed;border-color:", ";&:hover{border-color:", ";&:active{border-color:", ";}"], Greyscale.lightgrey, Greyscale.grey, Greyscale.black);

package/es/General/Tag/ActionTags/ResetTag.js

@@ -3,5 +3,5 @@ import { PrimaryColor } from '../../../Utils/Colors';
 import BasicTag from '../BasicTag';
 export var ResetTag = styled(BasicTag).withConfig({
   displayName: "ResetTag",
-  componentId: "be45u9-0"
+  componentId: "sc-be45u9-0"
 })(["color:", ";border-style:solid;border-color:transparent;background-color:rgba(236,39,43,0.05);&:hover{background-color:rgba(236,39,43,0.1);}&:active{background-color:rgba(236,39,43,0.2);}"], PrimaryColor.glintsred);

package/es/General/Tag/BasicTag.d.ts

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

package/es/General/Tag/BasicTag.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "children", "block", "outline", "onClick"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { TagContainer, TagContent } from './TagStyle';
@@ -10,7 +11,7 @@ var Tag = function Tag(props) {
       block = props.block,
       outline = props.outline,
       onClick = props.onClick,
-      restProps = _objectWithoutPropertiesLoose(props, ["className", "children", "block", "outline", "onClick"]);
+      restProps = _objectWithoutPropertiesLoose(props, _excluded);
 
   return /*#__PURE__*/React.createElement(TagContainer, _extends({
     className: classNames('aries-tag', className),

package/es/General/Tag/Tag.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["variant", "action", "children", "icon", "block", "outline", "onClick"];
 import * as React from 'react';
 import { AddIcon, TrashIcon } from '../../General/Icon/components';
 import { StartIconContainer, EndIconContainer } from './TagStyle';
@@ -17,7 +18,7 @@ var Tag = function Tag(_ref) {
       _ref$outline = _ref.outline,
       outline = _ref$outline === void 0 ? false : _ref$outline,
       onClick = _ref.onClick,
-      resetProps = _objectWithoutPropertiesLoose(_ref, ["variant", "action", "children", "icon", "block", "outline", "onClick"]);
+      resetProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   if (variant === 'action') {
     switch (action) {

package/es/General/Typography/Paragraph.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["className", "children", "variant", "bold", "color", "ellipsis", "shouldSetLineHeight"];
 import * as React from 'react';
 import classNames from 'classnames';
 import { Paragraph as StyledParagraph } from './ParagraphStyles';
@@ -17,7 +18,7 @@ export var Paragraph = function Paragraph(_ref) {
       ellipsis = _ref$ellipsis === void 0 ? false : _ref$ellipsis,
       _ref$shouldSetLineHei = _ref.shouldSetLineHeight,
       shouldSetLineHeight = _ref$shouldSetLineHei === void 0 ? false : _ref$shouldSetLineHei,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["className", "children", "variant", "bold", "color", "ellipsis", "shouldSetLineHeight"]);
+      restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(StyledParagraph, _extends({
     className: classNames('aries-typography-paragraph', className),