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

package/build/index.js

@@ -63,8 +63,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 (jsxRuntime.jsxs("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: [jsxRuntime.jsxs("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 (jsxRuntime.jsxs("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: [jsxRuntime.jsxs("title", { children: [title, " icon"] }, void 0), children] }), void 0));
 };
 
 var SixtyDaysGuarantee = function (_a) {
@@ -3288,7 +3288,7 @@ exports.InputValidationType = void 0;
 })(exports.InputValidationType || (exports.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 === exports.CardSectionType.Header ? '0.5rem 1.5rem 0' : '0 1.5rem 0.5rem';
+    return props.type === exports.CardSectionType.Header ? '1.5rem 1.5rem 0' : '0 1.5rem 1.5rem';
 });
 var CardHeader = function (_a) {
     var children = _a.children;
@@ -3489,13 +3489,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));
@@ -3529,7 +3530,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 ? exports.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',
@@ -6398,6 +6399,15 @@ var DEFAULTS = {
     heading3: {
         weight: 'bold',
     },
+    heading4: {
+        weight: 'bold',
+    },
+    heading5: {
+        weight: 'bold',
+    },
+    heading6: {
+        weight: 'bold',
+    },
     hero1: {
         weight: 'heavy',
     },
@@ -6425,6 +6435,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;