@trafilea/afrodita-components 6.49.3 → 6.49.5

package/build/index.d.ts

@@ -950,17 +950,17 @@ declare const FitGuarantee$1: IconComponent;
 
 declare const FitPredictor$1: IconComponent;
 
-declare const FlagAUS: IconComponent;
+declare const FlagAU: IconComponent;
 
 declare const FlagCA: IconComponent;
 
+declare const FlagGB: IconComponent;
+
 declare const FlagNZ: IconComponent;
 
 declare const FlagSG: IconComponent;
 
-declare const FlagUK: IconComponent;
-
-declare const FlagUSA$1: IconComponent;
+declare const FlagUS: IconComponent;
 
 declare const FreeExchange: IconComponent;
 
@@ -1016,11 +1016,12 @@ declare const Other_Chat: typeof Chat;
 declare const Other_Coupons: typeof Coupons;
 declare const Other_Email: typeof Email;
 declare const Other_ExpressShipping: typeof ExpressShipping;
-declare const Other_FlagAUS: typeof FlagAUS;
+declare const Other_FlagAU: typeof FlagAU;
 declare const Other_FlagCA: typeof FlagCA;
+declare const Other_FlagGB: typeof FlagGB;
 declare const Other_FlagNZ: typeof FlagNZ;
 declare const Other_FlagSG: typeof FlagSG;
-declare const Other_FlagUK: typeof FlagUK;
+declare const Other_FlagUS: typeof FlagUS;
 declare const Other_FreeExchange: typeof FreeExchange;
 declare const Other_GetDiscount: typeof GetDiscount;
 declare const Other_HasselFreeReturns: typeof HasselFreeReturns;
@@ -1056,12 +1057,12 @@ declare namespace Other {
     Other_ExpressShipping as ExpressShipping,
     FitGuarantee$1 as FitGuarantee,
     FitPredictor$1 as FitPredictor,
-    Other_FlagAUS as FlagAUS,
+    Other_FlagAU as FlagAU,
     Other_FlagCA as FlagCA,
+    Other_FlagGB as FlagGB,
     Other_FlagNZ as FlagNZ,
     Other_FlagSG as FlagSG,
-    Other_FlagUK as FlagUK,
-    FlagUSA$1 as FlagUSA,
+    Other_FlagUS as FlagUS,
     Other_FreeExchange as FreeExchange,
     Other_GetDiscount as GetDiscount,
     Other_HasselFreeReturns as HasselFreeReturns,
@@ -2553,6 +2554,7 @@ declare type CTAProps = {
         margin?: string;
         size?: string;
     };
+    alignItems?: CSSProperties['alignItems'];
 };
 declare type DropdownOption<T> = {
     key: string;
@@ -3172,6 +3174,7 @@ interface BaseCTAProps {
         position?: 'left' | 'right';
         margin?: string;
     };
+    alignItems?: CSSProperties['alignItems'];
 }
 
 declare type ButtonProps = {

package/build/index.esm.js

@@ -4555,17 +4555,17 @@ var FitGuarantee$1 = function (props) { return (jsx$1(Icon$1, __assign$1({}, pro
 
 var FitPredictor$1 = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "other/fit_predictor" }), void 0)); };
 
-var FlagAUS = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_aus" }), void 0); };
+var FlagAU = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_aus" }), void 0); };
 
 var FlagCA = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_canada" }), void 0); };
 
+var FlagGB = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_uk" }), void 0); };
+
 var FlagNZ = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_nz" }), void 0); };
 
 var FlagSG = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_sg" }), void 0); };
 
-var FlagUK = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_uk" }), void 0); };
-
-var FlagUSA$1 = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_usa" }), void 0); };
+var FlagUS = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "other/flag_usa" }), void 0); };
 
 var FreeExchange = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "other/free_exchange" }), void 0)); };
 
@@ -4625,12 +4625,12 @@ var Other = /*#__PURE__*/Object.freeze({
     ExpressShipping: ExpressShipping,
     FitGuarantee: FitGuarantee$1,
     FitPredictor: FitPredictor$1,
-    FlagAUS: FlagAUS,
+    FlagAU: FlagAU,
     FlagCA: FlagCA,
+    FlagGB: FlagGB,
     FlagNZ: FlagNZ,
     FlagSG: FlagSG,
-    FlagUK: FlagUK,
-    FlagUSA: FlagUSA$1,
+    FlagUS: FlagUS,
     FreeExchange: FreeExchange,
     GetDiscount: GetDiscount,
     HasselFreeReturns: HasselFreeReturns,
@@ -7830,7 +7830,7 @@ var sizeMapper = (_a = {},
     _a[ComponentSize.XSmall] = 'small',
     _a[ComponentSize.XXSmall] = 'small',
     _a);
-var StyledBaseButton = newStyled(BaseButton)(templateObject_1$1s || (templateObject_1$1s = __makeTemplateObject(["\n  width: ", ";\n  font-size: ", ";\n  padding: ", ";\n  font-weight: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  svg {\n    color: inherit;\n  }\n"], ["\n  width: ", ";\n  font-size: ", ";\n  padding: ", ";\n  font-weight: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  svg {\n    color: inherit;\n  }\n"])), function (_a) {
+var StyledBaseButton = newStyled(BaseButton)(templateObject_1$1s || (templateObject_1$1s = __makeTemplateObject(["\n  width: ", ";\n  font-size: ", ";\n  padding: ", ";\n  font-weight: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  ", "\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  svg {\n    color: inherit;\n  }\n"], ["\n  width: ", ";\n  font-size: ", ";\n  padding: ", ";\n  font-weight: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  ", "\n  &:disabled {\n    background-color: ", ";\n    color: ", ";\n    cursor: not-allowed;\n  }\n  svg {\n    color: inherit;\n  }\n"])), function (_a) {
     var wide = _a.wide;
     return (wide ? '100%' : 'fit-content');
 }, function (_a) {
@@ -7845,6 +7845,9 @@ var StyledBaseButton = newStyled(BaseButton)(templateObject_1$1s || (templateObj
 }, function (_a) {
     var theme = _a.theme;
     return theme.component.button.borderRadius;
+}, function (_a) {
+    var alignItems = _a.alignItems;
+    return alignItems && "align-items: ".concat(alignItems, ";");
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.background.disabled;
@@ -7860,7 +7863,7 @@ var templateObject_1$1s, templateObject_2$18;
 
 var BaseCTA = function (_a) {
     var _b, _c, _d;
-    var text = _a.text, _e = _a.wide, wide = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? ComponentSize.Medium : _f, iconName = _a.iconName, icon = _a.icon, props = __rest(_a, ["text", "wide", "size", "iconName", "icon"]);
+    var text = _a.text, _e = _a.wide, wide = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? ComponentSize.Medium : _f, iconName = _a.iconName, icon = _a.icon, alignItems = _a.alignItems, props = __rest(_a, ["text", "wide", "size", "iconName", "icon", "alignItems"]);
     var theme = useTheme();
     var currentIconName, iconPos = 'right', iconMargin = '10px', iconSize = '24px';
     if (icon) {
@@ -7881,7 +7884,7 @@ var BaseCTA = function (_a) {
         width: iconSize,
         height: iconSize,
     };
-    return (jsxs$1(StyledBaseButton, __assign$1({}, props, { wide: wide, size: size }, { children: [currentIconName && iconPos === 'left' && (jsx$1(StyledIcon, __assign$1({}, commonIconProps, { marginRight: iconMargin }), void 0)), text, currentIconName && iconPos === 'right' && (jsx$1(StyledIcon, __assign$1({}, commonIconProps, { marginLeft: iconMargin }), void 0))] }), void 0));
+    return (jsxs$1(StyledBaseButton, __assign$1({}, props, { wide: wide, size: size, alignItems: alignItems }, { children: [currentIconName && iconPos === 'left' && (jsx$1(StyledIcon, __assign$1({}, commonIconProps, { marginRight: iconMargin }), void 0)), text, currentIconName && iconPos === 'right' && (jsx$1(StyledIcon, __assign$1({}, commonIconProps, { marginLeft: iconMargin }), void 0))] }), void 0));
 };
 
 var ButtonPrimary = function (_a) {