@trafilea/afrodita-components 4.0.2-beta.0 → 4.0.2-beta.4

package/build/dts/components/icons/Messaging/Mail.d.ts

@@ -0,0 +1,3 @@
+import { IconWrapperProps } from 'src/components/Icon-wrapper/IconWrapper';
+export declare const Mail: ({ height, width }: IconWrapperProps) => JSX.Element;
+export default Mail;

package/build/dts/components/icons/Messaging/Message.d.ts

@@ -0,0 +1,8 @@
+interface IconProps {
+    width?: number;
+    height?: number;
+    fill?: string;
+    title?: string;
+}
+export declare const Message: ({ height, width, fill }: IconProps) => JSX.Element;
+export default Message;

package/build/dts/components/icons/Messaging/index.d.ts

@@ -1,3 +1,5 @@
 export * from './QuestionCircle';
 export * from './Messenger';
 export * from './Comment';
+export * from './Message';
+export * from './Mail';

package/build/dts/components/text/Text.d.ts

@@ -83,7 +83,7 @@ declare type TextLabelProps = {
 } & LabelHTMLAttributes<'label'>;
 declare type TextTagProps = {
     variant: 'tag';
-    size: 'regular' | 'small' | 'x-small';
+    size?: 'regular' | 'small' | 'x-small';
     weight?: 'regular' | 'demi' | 'bold';
     underline?: never;
     disabled?: boolean;
@@ -95,4 +95,5 @@ export declare type TextVariant = TextHeroProps['variant'] | TextDisplayProps['v
 export declare type TextWeight = 'heavy' | 'bold' | 'demi' | 'regular';
 export declare type TextProps = AriaAttributes & {
     style?: CSSProperties;
+    className?: string;
 } & (TextHeroProps | TextDisplayProps | TextHeadingProps | TextBodyProps | TextLinkProps | TextButtonProps | TextPricingProps | TextLabelProps | TextTagProps);

package/build/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { IconWrapperProps } from 'src/components/Icon-wrapper/IconWrapper';
 import React, { ReactNode, FC, AriaAttributes, CSSProperties, AnchorHTMLAttributes, LabelHTMLAttributes, ElementType, RefObject } from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
@@ -27,7 +28,7 @@ declare enum InputValidationType {
     Empty = 2
 }
 
-interface IconProps {
+interface IconProps$1 {
     width?: number;
     height?: number;
     fill?: string;
@@ -76,7 +77,7 @@ declare type ImageType = {
     imageUrl: string;
     alt: string;
 };
-interface IconWithOpacityProps extends IconProps {
+interface IconWithOpacityProps extends IconProps$1 {
     opacity?: number;
 }
 interface WithTestId {
@@ -107,7 +108,7 @@ interface SearchBarOptionItem {
     title: string;
 }
 
-declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) => JSX.Element;
+declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
 
 declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
 declare namespace Custom {
@@ -116,22 +117,22 @@ declare namespace Custom {
   };
 }
 
-declare const Check: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Check: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const ClearLight: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const ClearLight: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const LightExclamation: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const LightExclamation: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-interface LightCheckProps extends IconProps {
+interface LightCheckProps extends IconProps$1 {
     strokeWidth?: number;
 }
 declare const LightCheck: ({ height, width, fill, strokeWidth }: LightCheckProps) => JSX.Element;
 
-declare const Question: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Question: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Close: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Close: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Trash: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Trash: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
 declare const Actions_Check: typeof Check;
 declare const Actions_ClearLight: typeof ClearLight;
@@ -154,16 +155,16 @@ declare namespace Actions {
   };
 }
 
-declare const FitPredictor$1: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const FitPredictor$1: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-interface LoadingProps extends IconProps {
+interface LoadingProps extends IconProps$1 {
     backgroundColor: string;
 }
 declare const Loading: ({ height, width, fill, backgroundColor }: LoadingProps) => JSX.Element;
 
-declare const Shapermint: ({ height, width }: IconProps) => JSX.Element;
+declare const Shapermint: ({ height, width }: IconProps$1) => JSX.Element;
 
-declare const McAfee: ({ height, width }: IconProps) => JSX.Element;
+declare const McAfee: ({ height, width }: IconProps$1) => JSX.Element;
 
 type Other_LoadingProps = LoadingProps;
 declare const Other_Loading: typeof Loading;
@@ -179,19 +180,19 @@ declare namespace Other {
   };
 }
 
-declare const ChevronDown: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const ChevronDown: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
 declare const ChevronLeft: ({ height, width, fill, opacity }: IconWithOpacityProps) => JSX.Element;
 
 declare const ChevronRight: ({ height, width, fill, opacity }: IconWithOpacityProps) => JSX.Element;
 
-declare const ChevronRightVariant: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const ChevronRightVariant: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const ChevronUp: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const ChevronUp: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const ChevronUpSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const ChevronUpSolid: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const CircleUp: ({ width, height, fill }: IconProps) => JSX.Element;
+declare const CircleUp: ({ width, height, fill }: IconProps$1) => JSX.Element;
 
 declare const Arrows_ChevronDown: typeof ChevronDown;
 declare const Arrows_ChevronLeft: typeof ChevronLeft;
@@ -212,25 +213,25 @@ declare namespace Arrows {
   };
 }
 
-declare const Clock: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Clock: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const FlagUSA: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const FlagUSA: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Minus: ({ height, width, fill, title }: IconProps) => JSX.Element;
+declare const Minus: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
 
-declare const Plus: ({ height, width, fill, title }: IconProps) => JSX.Element;
+declare const Plus: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
 
-declare const Rule: ({ width, height, fill }: IconProps) => JSX.Element;
+declare const Rule: ({ width, height, fill }: IconProps$1) => JSX.Element;
 
-declare const Star: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Star: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const StarEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const StarEmpty: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const StarHalf: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const StarHalf: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Stopwatch: ({ height, width, fill, title }: IconProps) => JSX.Element;
+declare const Stopwatch: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
 
-declare const Shipping: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Shipping: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
 declare const PDP_Clock: typeof Clock;
 declare const PDP_FlagUSA: typeof FlagUSA;
@@ -257,19 +258,19 @@ declare namespace PDP {
   };
 }
 
-declare const Facebook: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Facebook: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const FacebookSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const FacebookSolid: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Instagram: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Instagram: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const InstagramSolid: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const InstagramSolid: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Pinterest: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Pinterest: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Twitter: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Twitter: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Youtube: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Youtube: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
 declare const SocialMedia_Facebook: typeof Facebook;
 declare const SocialMedia_FacebookSolid: typeof FacebookSolid;
@@ -290,13 +291,13 @@ declare namespace SocialMedia {
   };
 }
 
-declare const Search: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Search: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const User: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const User: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const ShoppingBag: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const ShoppingBag: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const MapMarker: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const MapMarker: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
 declare const Navigation_Search: typeof Search;
 declare const Navigation_User: typeof User;
@@ -311,26 +312,40 @@ declare namespace Navigation {
   };
 }
 
-declare const QuestionCircle: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const QuestionCircle: ({ height, width, fill }: IconProps$1) => JSX.Element;
+
+declare const Messenger: ({ height, width, fill }: IconProps$1) => JSX.Element;
+
+declare const Comment: ({ height, width, fill }: IconProps$1) => JSX.Element;
 
-declare const Messenger: ({ height, width, fill }: IconProps) => JSX.Element;
+interface IconProps {
+    width?: number;
+    height?: number;
+    fill?: string;
+    title?: string;
+}
+declare const Message: ({ height, width, fill }: IconProps) => JSX.Element;
 
-declare const Comment: ({ height, width, fill }: IconProps) => JSX.Element;
+declare const Mail: ({ height, width }: IconWrapperProps) => JSX.Element;
 
 declare const Messaging_QuestionCircle: typeof QuestionCircle;
 declare const Messaging_Messenger: typeof Messenger;
 declare const Messaging_Comment: typeof Comment;
+declare const Messaging_Message: typeof Message;
+declare const Messaging_Mail: typeof Mail;
 declare namespace Messaging {
   export {
     Messaging_QuestionCircle as QuestionCircle,
     Messaging_Messenger as Messenger,
     Messaging_Comment as Comment,
+    Messaging_Message as Message,
+    Messaging_Mail as Mail,
   };
 }
 
-declare const AppleStore: ({ height, width }: IconProps) => JSX.Element;
+declare const AppleStore: ({ height, width }: IconProps$1) => JSX.Element;
 
-declare const GooglePlay: ({ height, width }: IconProps) => JSX.Element;
+declare const GooglePlay: ({ height, width }: IconProps$1) => JSX.Element;
 
 declare const Download_AppleStore: typeof AppleStore;
 declare const Download_GooglePlay: typeof GooglePlay;
@@ -341,19 +356,19 @@ declare namespace Download {
   };
 }
 
-declare const Visa: ({ height, width }: IconProps) => JSX.Element;
+declare const Visa: ({ height, width }: IconProps$1) => JSX.Element;
 
-declare const MasterCard: ({ height, width }: IconProps) => JSX.Element;
+declare const MasterCard: ({ height, width }: IconProps$1) => JSX.Element;
 
-declare const AMEX: ({ height, width }: IconProps) => JSX.Element;
+declare const AMEX: ({ height, width }: IconProps$1) => JSX.Element;
 
-declare const JCB: ({ height, width }: IconProps) => JSX.Element;
+declare const JCB: ({ height, width }: IconProps$1) => JSX.Element;
 
-declare const Paypal: ({ height, width }: IconProps) => JSX.Element;
+declare const Paypal: ({ height, width }: IconProps$1) => JSX.Element;
 
-declare const Klarna: ({ height, width }: IconProps) => JSX.Element;
+declare const Klarna: ({ height, width }: IconProps$1) => JSX.Element;
 
-declare const Amazon: ({ height, width }: IconProps) => JSX.Element;
+declare const Amazon: ({ height, width }: IconProps$1) => JSX.Element;
 
 declare const Payment_Visa: typeof Visa;
 declare const Payment_MasterCard: typeof MasterCard;
@@ -383,7 +398,7 @@ declare namespace SlideDots {
   };
 }
 
-declare type IconType = ({ height, width, fill }: IconProps) => JSX.Element;
+declare type IconType = ({ height, width, fill }: IconProps$1) => JSX.Element;
 declare const Icon: {
     Custom: typeof Custom;
     Arrows: typeof Arrows;
@@ -1054,7 +1069,7 @@ declare type TextLabelProps = {
 } & LabelHTMLAttributes<'label'>;
 declare type TextTagProps = {
     variant: 'tag';
-    size: 'regular' | 'small' | 'x-small';
+    size?: 'regular' | 'small' | 'x-small';
     weight?: 'regular' | 'demi' | 'bold';
     underline?: never;
     disabled?: boolean;
@@ -1064,6 +1079,7 @@ declare type TextTagProps = {
 };
 declare type TextProps = AriaAttributes & {
     style?: CSSProperties;
+    className?: string;
 } & (TextHeroProps | TextDisplayProps | TextHeadingProps | TextBodyProps | TextLinkProps | TextButtonProps | TextPricingProps | TextLabelProps | TextTagProps);
 
 interface SearchBarProps {
@@ -1476,4 +1492,4 @@ declare const useWindowDimensions: (breakpoints: ThemeBreakpoints$1) => {
     };
 };
 
-export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, Image, ImageType, Input, InputValidationType, MultiColorPicker, OfferBanner, OrderBar, Pagination, Pattern, PaymentMethod, PaypalButton, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, RadioGroupInput, RadioGroupOption, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spinner, StarList, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, FitPredictor, Icon, IconButton, IconProps$1 as IconProps, IconWithOpacityProps, Image, ImageType, Input, InputValidationType, MultiColorPicker, OfferBanner, OrderBar, Pagination, Pattern, PaymentMethod, PaypalButton, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, RadioGroupInput, RadioGroupOption, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spinner, StarList, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };

package/build/index.esm.js

@@ -342,11 +342,23 @@ var Comment = function (_a) {
     return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 22, viewBoxY: 20, title: "Comment" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 10C0 4.46565 4.92593 0 11 0C17.037 0 22 4.46565 22 10C22 15.5344 17.0741 20 11 20C9 20 7.03704 19.5038 5.33333 18.5496C4.40741 19.0458 3.40741 19.2748 2.2963 19.2748C1.96296 19.2748 1.59259 19.2366 1.25926 19.1985C0.925926 19.1603 0.62963 18.8931 0.555556 18.5496C0.481481 18.2061 0.62963 17.8244 0.925926 17.6336C1.48148 17.2519 1.92593 16.7176 2.22222 16.0305C0.777778 14.313 0 12.1756 0 10ZM5.55556 17.4046C7.18518 18.3588 9.03704 18.855 10.963 18.855C16.4444 18.855 20.8519 14.8855 20.8519 10C20.8519 5.1145 16.4074 1.14504 10.963 1.14504C5.51852 1.14504 1.11111 5.1145 1.11111 10C1.11111 12.0229 1.85185 13.9695 3.22222 15.5344C3.37037 15.687 3.40741 15.916 3.33333 16.1069C3.03704 16.9084 2.62963 17.5954 2.03704 18.1298C3.14815 18.1679 4.14815 17.9389 5 17.4046C5.02318 17.3966 5.04475 17.3887 5.06538 17.381L5.0654 17.381C5.14364 17.3521 5.20837 17.3282 5.2963 17.3282C5.37037 17.3282 5.48148 17.3664 5.55556 17.4046ZM12.1579 10.2941C12.1579 10.7814 11.7691 11.1765 11.2895 11.1765C10.8099 11.1765 10.4211 10.7814 10.4211 10.2941C10.4211 9.80681 10.8099 9.41177 11.2895 9.41177C11.7691 9.41177 12.1579 9.80681 12.1579 10.2941ZM7.23683 11.1765C7.71644 11.1765 8.10525 10.7814 8.10525 10.2941C8.10525 9.8068 7.71644 9.41176 7.23683 9.41176C6.75721 9.41176 6.36841 9.8068 6.36841 10.2941C6.36841 10.7814 6.75721 11.1765 7.23683 11.1765ZM16.2105 10.2941C16.2105 10.7814 15.8217 11.1765 15.3421 11.1765C14.8625 11.1765 14.4737 10.7814 14.4737 10.2941C14.4737 9.80681 14.8625 9.41177 15.3421 9.41177C15.8217 9.41177 16.2105 9.80681 16.2105 10.2941Z", fill: fill }, void 0) }), void 0));
 };
 
+var Message = function (_a) {
+    var height = _a.height, width = _a.width, fill = _a.fill;
+    return (jsx$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 22, viewBoxY: 20, title: "message icon" }, { children: jsx$1("path", { d: "M0 10C0 4.46565 4.92593 0 11 0C17.037 0 22 4.46565 22 10C22 15.5344 17.0741 20 11 20C9 20 7.03704 19.5038 5.33333 18.5496C4.40741 19.0458 3.40741 19.2748 2.2963 19.2748C1.96296 19.2748 1.59259 19.2366 1.25926 19.1985C0.925926 19.1603 0.62963 18.8931 0.555556 18.5496C0.481481 18.2061 0.62963 17.8244 0.925926 17.6336C1.48148 17.2519 1.92593 16.7176 2.22222 16.0305C0.777778 14.313 0 12.1756 0 10ZM5.55556 17.4046C7.18518 18.3588 9.03704 18.855 10.963 18.855C16.4444 18.855 20.8519 14.8855 20.8519 10C20.8519 5.1145 16.4074 1.14504 10.963 1.14504C5.51852 1.14504 1.11111 5.1145 1.11111 10C1.11111 12.0229 1.85185 13.9695 3.22222 15.5344C3.37037 15.687 3.40741 15.916 3.33333 16.1069C3.03704 16.9084 2.62963 17.5954 2.03704 18.1298C3.14815 18.1679 4.14815 17.9389 5 17.4046C5.02318 17.3966 5.04475 17.3887 5.06538 17.381L5.0654 17.381C5.14364 17.3521 5.20837 17.3282 5.2963 17.3282C5.37037 17.3282 5.48148 17.3664 5.55556 17.4046ZM12.1579 10.2941C12.1579 10.7814 11.7691 11.1765 11.2895 11.1765C10.8099 11.1765 10.4211 10.7814 10.4211 10.2941C10.4211 9.80681 10.8099 9.41177 11.2895 9.41177C11.7691 9.41177 12.1579 9.80681 12.1579 10.2941ZM7.23683 11.1765C7.71644 11.1765 8.10525 10.7814 8.10525 10.2941C8.10525 9.8068 7.71644 9.41176 7.23683 9.41176C6.75721 9.41176 6.36841 9.8068 6.36841 10.2941C6.36841 10.7814 6.75721 11.1765 7.23683 11.1765ZM16.2105 10.2941C16.2105 10.7814 15.8217 11.1765 15.3421 11.1765C14.8625 11.1765 14.4737 10.7814 14.4737 10.2941C14.4737 9.80681 14.8625 9.41177 15.3421 9.41177C15.8217 9.41177 16.2105 9.80681 16.2105 10.2941Z", fill: fill }, void 0) }), void 0));
+};
+
+var Mail = function (_a) {
+    var height = _a.height, width = _a.width;
+    return (jsxs$1(IconWrapper, __assign({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: "message icon" }, { children: [jsx$1("path", { d: "M21.4-14.3c0,0.1,0,0.2,0,0.3c0.1,0,0.1,0,0.2,0s0.1,0,0.2,0s0.1,0,0.2,0c0,0.1,0,0.1,0,0.2c0,0.1,0,0.2,0,0.2\n\tc0,0.1,0,0.2,0,0.2h0.1c0,0.1,0,0.2,0,0.3l0,0l0,0c0-0.1,0-0.2,0-0.3c0.1,0,0.1,0,0.2,0c0,0,0,0,0,0.1s0,0.2,0,0.2\n\tc0,0.1,0,0.3,0,0.4l0,0l0,0c0,0,0,0,0,0.1c0,0.2,0,0.3,0,0.5c0,0.1,0,0.2,0,0.3v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1\n\tv0.1v0.1v0.1v0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0.2,0,0.3,0,0.5c0,0.1,0,0.2,0,0.3v0.1V-9v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1v0.1V-8\n\tv0.1v0.1v0.1v0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0.2,0,0.3,0,0.5c0,0.1,0,0.2,0,0.3v0.1v0.1v0.1v0.1v0.1V-6v0.1v0.1v0.1v0.1\n\tc0,0.2,0,0.5,0,0.7c-0.1,0-0.1,0-0.2,0c0-0.1,0-0.2,0-0.3v0.1V-5v0.1H22c0,0,0,0,0,0.1s0,0.1,0,0.2s0,0.1,0,0.2s0,0.1,0,0.2\n\tc-0.2,0-0.4,0-0.7,0c0,0.1,0,0.2,0,0.3l0,0l0,0c-4.5,0-9,0-13.5,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.2,0-0.4,0-0.6\n\tc-0.1,0-0.2,0-0.3,0l0,0l0,0c0.1,0,0.2,0,0.3,0v-0.1c-0.1,0-0.2,0-0.3,0c0-2.9,0-5.9,0-8.8c0.1,0,0.2,0,0.3,0v-0.1\n\tc-0.1,0-0.2,0-0.3,0l0,0c0.1,0,0.2,0,0.3,0c0-0.2,0-0.4,0-0.6c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3C12.4-14.3,16.9-14.3,21.4-14.3z\n\t M21-4.4L21-4.4c0-0.2,0-0.3,0-0.4c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3l0,0l0,0\n\tc-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3\n\tc-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3l0,0l0,0\n\tc-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.2,0-0.4,0-0.7,0l0,0c0,0.1,0,0.2,0,0.3\n\tc-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c0,0.1,0,0.2,0,0.3\n\tc-0.1,0-0.2,0-0.3,0l0,0c0,0.1,0,0.2,0,0.3c-0.5,0-1,0-1.5,0c0-0.1,0-0.1,0-0.2c0.1,0,0.1,0,0.2,0c-0.1,0-0.1,0-0.2,0v-0.1l0,0v0.1\n\th-0.1v-0.1c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c-0.1,0-0.1,0-0.2,0c0-0.1,0-0.2,0-0.3l0,0\n\tl0,0c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c0,0,0,0,0-0.1h-0.1h-0.1H13h-0.1h-0.1h-0.1h-0.1v0.1v0.1v0.1c-0.1,0-0.2,0-0.3,0\n\tc0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0,0,0,0,0.1c0,0,0,0,0,0.1c0,0,0,0,0,0.1\n\tc0,0,0,0,0,0.1c0,0,0,0,0,0.1c-0.1,0-0.2,0-0.3,0l0,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0l0,0c0,0,0,0,0,0.1s0,0.2,0,0.3\n\tc-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c0,0.1,0,0.2,0,0.3c0,0,0,0,0,0.1\n\tc-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0\n\tc0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.2,0,12.4,0,12.5,0\n\tC21-4.2,21-4.3,21-4.4C21-4.3,21-4.3,21-4.4C21-4.3,21-4.3,21-4.4z M21-13.4c0-0.1,0-0.1,0-0.2c-4.2,0-8.3,0-12.5,0\n\tc0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0.3,0,0.7,0,1c0.1,0,0.2,0,0.2,0c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0.1,0,0.2,0,0.3\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3l0,0l0,0c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0\n\tc0.1,0,0.1,0,0.2,0c0,0,0,0,0.1,0c0,0.1,0,0.2,0,0.3l0,0c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0l0,0\n\tc0,0.1,0,0.2,0,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0,0,0,0.1,0c0,0.1,0,0.2,0,0.3l0,0l0,0c0-0.1,0-0.2,0-0.3\n\tc0.1,0,0.1,0,0.2,0c0,0.1,0,0.2,0,0.3l0,0c0.1,0,0.2,0,0.3,0v0.1v0.1v0.1l0,0c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.2,0c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0\n\tc0,0,0,0,0,0.1s0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0,0,0,0,0.1,0c0,0.1,0,0.2,0,0.3c0.6,0,1.1,0,1.7,0c0-0.1,0-0.2,0-0.3l0,0\n\tc0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3l0,0c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0s0.1,0,0.2,0\n\tc0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0,0,0,0,0-0.1c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0l0,0\n\tc0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.2,0c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3\n\tc0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.2,0c0.1,0,0.2,0,0.2,0c0.1,0,0.1,0,0.2,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0\n\tc0-0.1,0-0.2,0-0.3l0,0l0,0c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.1,0-0.2h0.1h0.1c0,0.1,0,0.1,0,0.2\n\tl0,0l0,0c0-0.1,0-0.1,0-0.2h0.1l0,0h-0.1v-0.1h0.1c0-0.2,0-0.4,0-0.7c-0.1,0-0.2,0-0.3,0C21-13.3,21-13.3,21-13.4\n\tC21-13.3,21-13.3,21-13.4L21-13.4L21-13.4z M18.3-9.2c0,0.2,0,0.5,0,0.7l0,0h0.1h0.1c0,0,0,0,0.1,0h0.1c0,0.1,0,0.2,0,0.3l0,0\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0l0,0l0,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3l0,0l0,0c0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3\n\tc0.1,0,0.2,0,0.3,0c0,0.1,0,0.2,0,0.3c0.1,0,0.2,0,0.3,0c0-1.8,0-3.6,0-5.4l0,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0h-0.1h-0.1l0,0\n\tc0,0.1,0,0.2,0,0.3c-0.2,0-0.3,0-0.5,0c-0.1,0-0.1,0-0.2,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3\n\tc-0.1,0-0.2,0-0.3,0l0,0l0,0c0,0.1,0,0.2,0,0.3c-0.1,0-0.2,0-0.2,0c-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0v0.1v0.1v0.1\n\tc-0.1,0-0.2,0-0.3,0c0,0.1,0,0.2,0,0.3C18.6-9.2,18.4-9.2,18.3-9.2z M8.2-5.8c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3l0,0l0,0\n\tc0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0\n\tc0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3c0.1,0,0.2,0,0.3,0c0-0.1,0-0.2,0-0.3\n\tc0.1,0,0.2,0,0.3,0l0,0c0-0.1,0-0.2,0-0.3s0-0.2,0-0.4c0,0,0,0,0-0.1c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0l0,0\n\tc0-0.1,0-0.1,0-0.2h-0.1v0.1v0.1c0-0.1,0-0.1,0-0.2c-0.1,0-0.2,0-0.2,0h0.1h0.1v-0.1c-0.1,0-0.2,0-0.3,0s-0.1,0-0.2,0\n\tc0-0.1,0-0.2,0-0.3l0,0c-0.1,0-0.2,0-0.3,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0v-0.1v-0.1v-0.1c-0.1,0-0.2,0-0.2,0\n\tc-0.1,0-0.2,0-0.2,0c-0.1,0-0.1,0-0.2,0c0-0.1,0-0.2,0-0.3c-0.1,0-0.2,0-0.3,0C8.2-9.4,8.2-7.6,8.2-5.8z M10.5-9.9v0.1h0.1\n\tC10.5-9.8,10.5-9.8,10.5-9.9L10.5-9.9z" }, void 0), jsxs$1("g", { children: [jsx$1("path", { d: "M4.8,9.4H2.3C2,9.4,1.8,9.2,1.8,8.8c0-0.3,0.2-0.6,0.5-0.6h2.5c0.3,0,0.5,0.3,0.5,0.6C5.3,9.2,5,9.4,4.8,9.4z" }, void 0), jsx$1("path", { d: "M4.8,12H3.7c-0.3,0-0.5-0.2-0.5-0.5S3.4,11,3.7,11h1.1c0.3,0,0.5,0.2,0.5,0.5S5.1,12,4.8,12z" }, void 0), jsx$1("path", { d: "M4.8,14.6H1.6c-0.3,0-0.5-0.3-0.5-0.6c0-0.3,0.2-0.6,0.5-0.6h3.2c0.3,0,0.5,0.3,0.5,0.6C5.3,14.3,5.1,14.6,4.8,14.6z" }, void 0), jsx$1("path", { d: "M21.3,6.1H8.1c-0.9,0-1.7,0.7-1.7,1.7v8.5c0,0.9,0.7,1.7,1.7,1.7h13.3c0.9,0,1.7-0.7,1.7-1.7V7.8C23,6.9,22.3,6.1,21.3,6.1\n\t\tz M18.4,11.7c1.3-1,2.7-2.1,3.6-2.7v6.4L18.4,11.7z M8.1,7.2h13.3c0.3,0,0.5,0.2,0.6,0.5c-1,0.8-5.4,4.2-7,5.4\n\t\tc-0.2,0.1-0.3,0.1-0.5,0c-1.6-1.2-5.7-4.1-7-5V7.8C7.5,7.4,7.8,7.2,8.1,7.2z M7.5,15.3v-6c0.9,0.6,2.3,1.6,3.6,2.6L7.5,15.3z\n\t\t M8.1,16.8c-0.2,0-0.3-0.1-0.4-0.2l4.3-4.1c0.7,0.5,1.4,1,1.9,1.3c0.3,0.2,0.6,0.3,0.9,0.3s0.6-0.1,0.9-0.3c0.5-0.3,1.2-0.9,2-1.5\n\t\tl4.2,4.3c-0.1,0.1-0.2,0.2-0.4,0.2H8.1z" }, void 0)] }, void 0)] }), void 0));
+};
+
 var Messaging = /*#__PURE__*/Object.freeze({
     __proto__: null,
     QuestionCircle: QuestionCircle,
     Messenger: Messenger,
-    Comment: Comment
+    Comment: Comment,
+    Message: Message,
+    Mail: Mail
 });
 
 var AppleStore = function (_a) {
@@ -3287,6 +3299,7 @@ var CardBody = function (_a) {
 };
 var templateObject_1$_;
 
+var IGNORED_KEYS = ['typography', 'fonts'];
 var applyVariablesIntoTheme = function (theme) {
     var variables = {};
     var pending = {};
@@ -3299,6 +3312,11 @@ var applyVariablesIntoTheme = function (theme) {
         }
         variables[key] = variables[valueKey];
     }
+    for (var _i = 0, IGNORED_KEYS_1 = IGNORED_KEYS; _i < IGNORED_KEYS_1.length; _i++) {
+        var key = IGNORED_KEYS_1[_i];
+        // @ts-ignore
+        variables[key] = theme[key];
+    }
     return variablesToObject(variables, {});
 };
 var variablesToObject = function (variables, theme) {
@@ -3326,6 +3344,9 @@ var transformToVariables = function (prefix, variables, theme, pending) {
         /* istanbul ignore next */
         var fullKey = key === '$root' ? prefix : "".concat(prefix, "-").concat(key);
         var value = theme[key];
+        if (IGNORED_KEYS.includes(key)) {
+            continue;
+        }
         if (value == null) {
             continue;
         }
@@ -6313,13 +6334,13 @@ var TAGS = {
     tag: newStyled.span(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n    display: inline-block;\n    text-transform: ", ";\n  "], ["\n    display: inline-block;\n    text-transform: ", ";\n  "])), function (props) { return (props.allCaps ? 'uppercase' : ''); }),
 };
 var Text$3 = function (_a) {
-    var variant = _a.variant, children = _a.children, size = _a.size, weight = _a.weight, allProps = __rest(_a, ["variant", "children", "size", "weight"]);
+    var variant = _a.variant, children = _a.children, allProps = __rest(_a, ["variant", "children"]);
     var theme = useTheme();
     var Tag = useMemo(function () { return TAGS[variant] || 'p'; }, [variant]);
-    var props = useMemo(function () {
+    var _b = useMemo(function () {
         var _a;
         return (__assign(__assign({}, ((_a = DEFAULTS === null || DEFAULTS === void 0 ? void 0 : DEFAULTS[variant]) !== null && _a !== void 0 ? _a : {})), allProps));
-    }, [variant, allProps]);
+    }, [variant, allProps]), size = _b.size, weight = _b.weight, props = __rest(_b, ["size", "weight"]);
     var commonCSS = useMemo(function () {
         var _a, _b;
         // These are the common style inside a `variant`.
@@ -6392,6 +6413,10 @@ var DEFAULTS = {
         size: 'regular',
         weight: 'bold',
     },
+    tag: {
+        size: 'regular',
+        weight: 'regular',
+    },
 };
 var templateObject_1$W, templateObject_2$B, templateObject_3$n, templateObject_4$e, templateObject_5$7, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;