@trafilea/afrodita-components 6.49.4 → 6.49.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +2 -0
- package/build/index.esm.js +6 -3
- package/build/index.esm.js.map +1 -1
- package/build/index.js +6 -3
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -2554,6 +2554,7 @@ declare type CTAProps = {
|
|
|
2554
2554
|
margin?: string;
|
|
2555
2555
|
size?: string;
|
|
2556
2556
|
};
|
|
2557
|
+
alignItems?: CSSProperties['alignItems'];
|
|
2557
2558
|
};
|
|
2558
2559
|
declare type DropdownOption<T> = {
|
|
2559
2560
|
key: string;
|
|
@@ -3173,6 +3174,7 @@ interface BaseCTAProps {
|
|
|
3173
3174
|
position?: 'left' | 'right';
|
|
3174
3175
|
margin?: string;
|
|
3175
3176
|
};
|
|
3177
|
+
alignItems?: CSSProperties['alignItems'];
|
|
3176
3178
|
}
|
|
3177
3179
|
|
|
3178
3180
|
declare type ButtonProps = {
|
package/build/index.esm.js
CHANGED
|
@@ -7830,7 +7830,7 @@ var sizeMapper = (_a = {},
|
|
|
7830
7830
|
_a[ComponentSize.XSmall] = 'small',
|
|
7831
7831
|
_a[ComponentSize.XXSmall] = 'small',
|
|
7832
7832
|
_a);
|
|
7833
|
-
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) {
|
|
7833
|
+
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) {
|
|
7834
7834
|
var wide = _a.wide;
|
|
7835
7835
|
return (wide ? '100%' : 'fit-content');
|
|
7836
7836
|
}, function (_a) {
|
|
@@ -7845,6 +7845,9 @@ var StyledBaseButton = newStyled(BaseButton)(templateObject_1$1s || (templateObj
|
|
|
7845
7845
|
}, function (_a) {
|
|
7846
7846
|
var theme = _a.theme;
|
|
7847
7847
|
return theme.component.button.borderRadius;
|
|
7848
|
+
}, function (_a) {
|
|
7849
|
+
var alignItems = _a.alignItems;
|
|
7850
|
+
return alignItems && "align-items: ".concat(alignItems, ";");
|
|
7848
7851
|
}, function (_a) {
|
|
7849
7852
|
var theme = _a.theme;
|
|
7850
7853
|
return theme.colors.background.disabled;
|
|
@@ -7860,7 +7863,7 @@ var templateObject_1$1s, templateObject_2$18;
|
|
|
7860
7863
|
|
|
7861
7864
|
var BaseCTA = function (_a) {
|
|
7862
7865
|
var _b, _c, _d;
|
|
7863
|
-
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"]);
|
|
7866
|
+
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"]);
|
|
7864
7867
|
var theme = useTheme();
|
|
7865
7868
|
var currentIconName, iconPos = 'right', iconMargin = '10px', iconSize = '24px';
|
|
7866
7869
|
if (icon) {
|
|
@@ -7881,7 +7884,7 @@ var BaseCTA = function (_a) {
|
|
|
7881
7884
|
width: iconSize,
|
|
7882
7885
|
height: iconSize,
|
|
7883
7886
|
};
|
|
7884
|
-
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));
|
|
7887
|
+
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));
|
|
7885
7888
|
};
|
|
7886
7889
|
|
|
7887
7890
|
var ButtonPrimary = function (_a) {
|