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

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

@@ -1,3 +1,2 @@
 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

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

package/build/dts/components/shared/button/BaseButton.d.ts

@@ -8,6 +8,7 @@ export interface BaseButtonProps {
     type?: ButtonType;
     onClick: () => void;
     className?: string;
+    inline?: boolean;
 }
-declare const BaseButton: ({ children, renderLeading, renderTrailing, disabled, type, onClick, className, }: BaseButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const BaseButton: ({ children, renderLeading, renderTrailing, disabled, type, onClick, className, inline, }: BaseButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BaseButton;

package/build/dts/components/shared/button/BaseButton.stories.d.ts

@@ -2,7 +2,7 @@ import { Story } from '@storybook/react';
 import { BaseButtonProps } from './BaseButton';
 declare const _default: {
     title: string;
-    component: ({ children, renderLeading, renderTrailing, disabled, type, onClick, className, }: BaseButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    component: ({ children, renderLeading, renderTrailing, disabled, type, onClick, className, inline, }: BaseButtonProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     disabled: {
         options: boolean[];
         control: {

package/build/index.d.ts

@@ -487,6 +487,7 @@ interface BaseButtonProps {
     type?: ButtonType;
     onClick: () => void;
     className?: string;
+    inline?: boolean;
 }
 
 declare type BaseProps = Pick<BaseButtonProps, 'disabled' | 'type' | 'onClick'>;

package/build/index.esm.js

@@ -55,8 +55,8 @@ function __makeTemplateObject(cooked, raw) {
 }
 
 var IconWrapper = function (_a) {
-    var height = _a.height, width = _a.width, title = _a.title, viewBoxX = _a.viewBoxX, viewBoxY = _a.viewBoxY, children = _a.children, testid = _a.testid, fill = _a.fill;
-    return (jsxs$1("svg", __assign({ width: width ? "".concat(width, "rem") : '100%', height: height ? "".concat(height, "rem") : '100%', viewBox: "0 0 ".concat(viewBoxX, " ").concat(viewBoxY), xmlns: "http://www.w3.org/2000/svg", "data-testid": testid ? testid : 'IconWrapper', fill: fill }, { children: [jsxs$1("title", { children: [title, " icon"] }, void 0), children] }), void 0));
+    var height = _a.height, _b = _a.width, width = _b === void 0 ? 1 : _b, title = _a.title, viewBoxX = _a.viewBoxX, viewBoxY = _a.viewBoxY, children = _a.children, testid = _a.testid, fill = _a.fill;
+    return (jsxs$1("svg", __assign({ style: { display: 'inline-block', verticalAlign: 'middle' }, width: width ? "".concat(width, "rem") : '100%', height: height ? "".concat(height, "rem") : width ? "".concat(width, "rem") : '100%', viewBox: "0 0 ".concat(viewBoxX, " ").concat(viewBoxY), xmlns: "http://www.w3.org/2000/svg", "data-testid": testid ? testid : 'IconWrapper', fill: fill }, { children: [jsxs$1("title", { children: [title, " icon"] }, void 0), children] }), void 0));
 };
 
 var SixtyDaysGuarantee = function (_a) {
@@ -3280,7 +3280,7 @@ var InputValidationType;
 })(InputValidationType || (InputValidationType = {}));
 
 var Section = newStyled.div(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-text: left;\n  width: 100%;\n  box-sizing: border-box;\n  align-self: flex-start;\n  padding: ", ";\n"], ["\n  font-weight: 600;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  align-text: left;\n  width: 100%;\n  box-sizing: border-box;\n  align-self: flex-start;\n  padding: ", ";\n"])), function (props) {
-    return props.type === CardSectionType.Header ? '0.5rem 1.5rem 0' : '0 1.5rem 0.5rem';
+    return props.type === CardSectionType.Header ? '1.5rem 1.5rem 0' : '0 1.5rem 1.5rem';
 });
 var CardHeader = function (_a) {
     var children = _a.children;
@@ -3481,13 +3481,14 @@ function jsxs(type, props, key) {
 }
 
 var BaseButton = function (_a) {
-    var children = _a.children, renderLeading = _a.renderLeading, renderTrailing = _a.renderTrailing, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, className = _a.className;
+    var children = _a.children, renderLeading = _a.renderLeading, renderTrailing = _a.renderTrailing, disabled = _a.disabled, _b = _a.type, type = _b === void 0 ? 'button' : _b, onClick = _a.onClick, className = _a.className, inline = _a.inline;
     return (jsxs("button", __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: {
-            display: 'flex',
+            display: inline ? 'inherit-flex' : 'flex',
             justifyContent: 'center',
             alignItems: 'center',
             padding: '0.75rem 2rem',
             textDecoration: 'none',
+            textTransform: 'uppercase',
             boxSizing: 'border-box',
             cursor: 'pointer',
         } }, { children: [renderLeading, children, renderTrailing] }), void 0));
@@ -3521,7 +3522,7 @@ var BaseCTA = function (_a) {
     var text = _a.text, onClick = _a.onClick, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? ComponentSize.Medium : _d, type = _a.type, className = _a.className;
     var theme = useTheme();
     var stylesBySize = getStylesBySize$9(size, theme);
-    return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: __assign(__assign({ width: wide ? '100%' : '' }, stylesBySize), { fontWeight: theme.component.button.fontWeight, borderRadius: "".concat(theme.component.button.borderRadius), cursor: 'pointer', '&:disabled': {
+    return (jsx(BaseButton, __assign({ onClick: onClick, disabled: disabled, className: className, type: type, css: __assign(__assign({ width: wide ? '100%' : 'fit-content' }, stylesBySize), { fontWeight: theme.component.button.fontWeight, borderRadius: "".concat(theme.component.button.borderRadius), cursor: 'pointer', '&:disabled': {
                 backgroundColor: theme.colors.background.disabled,
                 color: theme.colors.text.disabled,
                 cursor: 'not-allowed',
@@ -6390,6 +6391,15 @@ var DEFAULTS = {
     heading3: {
         weight: 'bold',
     },
+    heading4: {
+        weight: 'bold',
+    },
+    heading5: {
+        weight: 'bold',
+    },
+    heading6: {
+        weight: 'bold',
+    },
     hero1: {
         weight: 'heavy',
     },
@@ -6417,6 +6427,17 @@ var DEFAULTS = {
         size: 'regular',
         weight: 'regular',
     },
+    label: {
+        size: 'regular',
+        weight: 'regular',
+    },
+    link: {
+        size: 'regular',
+        weight: 'regular',
+    },
+    pricing: {
+        size: '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;