glints-aries 4.0.149 → 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/Icon/components/MessageOutlineIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const MessageOutlineIcon: (props: Partial<Props>) => JSX.Element;
+export default MessageOutlineIcon;

package/es/General/Icon/components/MessageOutlineIcon.js

@@ -0,0 +1,14 @@
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+import * as React from 'react';
+import Icon from '../Icon';
+
+var MessageOutlineIcon = function MessageOutlineIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("g", {
+    transform: "scale(4)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M10.875 12C10.875 12.2984 10.9935 12.5845 11.2045 12.7955C11.4155 13.0065 11.7016 13.125 12 13.125C12.2984 13.125 12.5845 13.0065 12.7955 12.7955C13.0065 12.5845 13.125 12.2984 13.125 12C13.125 11.7016 13.0065 11.4155 12.7955 11.2045C12.5845 10.9935 12.2984 10.875 12 10.875C11.7016 10.875 11.4155 10.9935 11.2045 11.2045C10.9935 11.4155 10.875 11.7016 10.875 12ZM15.5625 12C15.5625 12.2984 15.681 12.5845 15.892 12.7955C16.103 13.0065 16.3891 13.125 16.6875 13.125C16.9859 13.125 17.272 13.0065 17.483 12.7955C17.694 12.5845 17.8125 12.2984 17.8125 12C17.8125 11.7016 17.694 11.4155 17.483 11.2045C17.272 10.9935 16.9859 10.875 16.6875 10.875C16.3891 10.875 16.103 10.9935 15.892 11.2045C15.681 11.4155 15.5625 11.7016 15.5625 12ZM6.18751 12C6.18751 12.2984 6.30604 12.5845 6.51702 12.7955C6.72799 13.0065 7.01414 13.125 7.31251 13.125C7.61088 13.125 7.89703 13.0065 8.10801 12.7955C8.31898 12.5845 8.43751 12.2984 8.43751 12C8.43751 11.7016 8.31898 11.4155 8.10801 11.2045C7.89703 10.9935 7.61088 10.875 7.31251 10.875C7.01414 10.875 6.72799 10.9935 6.51702 11.2045C6.30604 11.4155 6.18751 11.7016 6.18751 12ZM21.6844 7.93125C21.1547 6.67266 20.3953 5.54297 19.4274 4.57266C18.4662 3.60796 17.3251 2.84114 16.0688 2.31563C14.7797 1.77422 13.4109 1.5 12 1.5H11.9531C10.5328 1.50703 9.15704 1.78828 7.86329 2.34141C6.61772 2.87232 5.48735 3.64049 4.53517 4.60312C3.57657 5.57109 2.82423 6.69609 2.30392 7.95C1.76485 9.24844 1.49298 10.6289 1.50001 12.0492C1.50796 13.6769 1.89304 15.2806 2.62501 16.7344V20.2969C2.62501 20.5828 2.7386 20.857 2.94079 21.0592C3.14297 21.2614 3.4172 21.375 3.70314 21.375H7.26798C8.72179 22.107 10.3255 22.492 11.9531 22.5H12.0024C13.4063 22.5 14.768 22.2281 16.05 21.6961C17.3 21.1768 18.4368 20.419 19.3969 19.4648C20.3649 18.5063 21.1266 17.3859 21.6586 16.1367C22.2117 14.843 22.493 13.4672 22.5 12.0469C22.507 10.6195 22.2305 9.23438 21.6844 7.93125ZM18.143 18.1969C16.5 19.8234 14.3203 20.7188 12 20.7188H11.9602C10.5469 20.7117 9.14298 20.3602 7.90314 19.6992L7.70626 19.5938H4.40626V16.2938L4.30079 16.0969C3.63985 14.857 3.28829 13.4531 3.28126 12.0398C3.27189 9.70312 4.16485 7.50937 5.80314 5.85703C7.43907 4.20469 9.62579 3.29062 11.9625 3.28125H12.0024C13.1742 3.28125 14.3109 3.50859 15.382 3.95859C16.4274 4.39687 17.3649 5.02734 18.1711 5.83359C18.975 6.6375 19.6078 7.57734 20.0461 8.62266C20.5008 9.70547 20.7281 10.8539 20.7234 12.0398C20.7094 14.3742 19.793 16.5609 18.143 18.1969Z"
+  })));
+};
+
+export default MessageOutlineIcon;

package/es/General/Icon/components/MessageOutlineIncomingIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { Props } from '../Icon';
+declare const MessageOutlineIncomingIcon: (props: Partial<Props>) => JSX.Element;
+export default MessageOutlineIncomingIcon;

package/es/General/Icon/components/MessageOutlineIncomingIcon.js

@@ -0,0 +1,20 @@
+// GENERATE BY ./src/General/Icon/generateIcons.js
+// DO NOT EDIT IT MANUALLY
+import * as React from 'react';
+import Icon from '../Icon';
+
+var MessageOutlineIncomingIcon = function MessageOutlineIncomingIcon(props) {
+  return /*#__PURE__*/React.createElement(Icon, props, /*#__PURE__*/React.createElement("g", {
+    transform: "scale(4)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9.87513 11C9.87513 11.2984 9.99366 11.5845 10.2046 11.7955C10.4156 12.0065 10.7018 12.125 11.0001 12.125C11.2985 12.125 11.5846 12.0065 11.7956 11.7955C12.0066 11.5845 12.1251 11.2984 12.1251 11C12.1251 10.7016 12.0066 10.4155 11.7956 10.2045C11.5846 9.99353 11.2985 9.875 11.0001 9.875C10.7018 9.875 10.4156 9.99353 10.2046 10.2045C9.99366 10.4155 9.87513 10.7016 9.87513 11V11ZM14.5626 11C14.5626 11.2984 14.6812 11.5845 14.8921 11.7955C15.1031 12.0065 15.3893 12.125 15.6876 12.125C15.986 12.125 16.2721 12.0065 16.4831 11.7955C16.6941 11.5845 16.8126 11.2984 16.8126 11C16.8126 10.7016 16.6941 10.4155 16.4831 10.2045C16.2721 9.99353 15.986 9.875 15.6876 9.875C15.3893 9.875 15.1031 9.99353 14.8921 10.2045C14.6812 10.4155 14.5626 10.7016 14.5626 11ZM5.18763 11C5.18763 11.2984 5.30616 11.5845 5.51714 11.7955C5.72812 12.0065 6.01426 12.125 6.31263 12.125C6.611 12.125 6.89715 12.0065 7.10813 11.7955C7.31911 11.5845 7.43763 11.2984 7.43763 11C7.43763 10.7016 7.31911 10.4155 7.10813 10.2045C6.89715 9.99353 6.611 9.875 6.31263 9.875C6.01426 9.875 5.72812 9.99353 5.51714 10.2045C5.30616 10.4155 5.18763 10.7016 5.18763 11V11ZM20.6845 6.93125C20.1548 5.67266 19.3954 4.54297 18.4275 3.57266C17.4663 2.60796 16.3252 1.84114 15.0689 1.31563C13.7798 0.774219 12.4111 0.5 11.0001 0.5H10.9533C9.53295 0.507031 8.15716 0.788281 6.86341 1.34141C5.61785 1.87232 4.48747 2.64049 3.53529 3.60312C2.5767 4.57109 1.82435 5.69609 1.30404 6.95C0.764977 8.24844 0.493102 9.62891 0.500133 11.0492C0.508086 12.6769 0.893161 14.2806 1.62513 15.7344V19.2969C1.62513 19.5828 1.73872 19.857 1.94091 20.0592C2.1431 20.2614 2.41732 20.375 2.70326 20.375H6.2681C7.72192 21.107 9.32559 21.492 10.9533 21.5H11.0025C12.4064 21.5 13.7681 21.2281 15.0501 20.6961C16.3001 20.1768 17.4369 19.419 18.397 18.4648C19.365 17.5062 20.1267 16.3859 20.6587 15.1367C21.2119 13.843 21.4931 12.4672 21.5001 11.0469C21.5072 9.61953 21.2306 8.23437 20.6845 6.93125V6.93125ZM17.1431 17.1969C15.5001 18.8234 13.3204 19.7188 11.0001 19.7188H10.9603C9.54701 19.7117 8.1431 19.3602 6.90326 18.6992L6.70638 18.5938H3.40638V15.2938L3.30091 15.0969C2.63998 13.857 2.28841 12.4531 2.28138 11.0398C2.27201 8.70313 3.16498 6.50937 4.80326 4.85703C6.4392 3.20469 8.62591 2.29063 10.9626 2.28125H11.0025C12.1744 2.28125 13.3111 2.50859 14.3822 2.95859C15.4275 3.39687 16.365 4.02734 17.1712 4.83359C17.9751 5.6375 18.6079 6.57734 19.0462 7.62266C19.5009 8.70547 19.7283 9.85391 19.7236 11.0398C19.7095 13.3742 18.7931 15.5609 17.1431 17.1969V17.1969Z"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    cx: "17.5",
+    cy: "6.8402",
+    rx: "4.5",
+    ry: "4.8695",
+    fill: "#F01818"
+  })));
+};
+
+export default MessageOutlineIncomingIcon;

package/es/General/Icon/components/index.d.ts

@@ -104,6 +104,8 @@ export { default as MailSolidIcon } from './MailSolidIcon';
 export { default as MedalIcon } from './MedalIcon';
 export { default as MenuIcon } from './MenuIcon';
 export { default as MenuHalfIcon } from './MenuHalfIcon';
+export { default as MessageOutlineIcon } from './MessageOutlineIcon';
+export { default as MessageOutlineIncomingIcon, } from './MessageOutlineIncomingIcon';
 export { default as MicIcon } from './MicIcon';
 export { default as MicOffIcon } from './MicOffIcon';
 export { default as MinusIcon } from './MinusIcon';

package/es/General/Icon/components/index.js

@@ -104,6 +104,8 @@ export { default as MailSolidIcon } from './MailSolidIcon';
 export { default as MedalIcon } from './MedalIcon';
 export { default as MenuIcon } from './MenuIcon';
 export { default as MenuHalfIcon } from './MenuHalfIcon';
+export { default as MessageOutlineIcon } from './MessageOutlineIcon';
+export { default as MessageOutlineIncomingIcon } from './MessageOutlineIncomingIcon';
 export { default as MicIcon } from './MicIcon';
 export { default as MicOffIcon } from './MicOffIcon';
 export { default as MinusIcon } from './MinusIcon';

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);