takeat-design-system-ui-kit 0.6.14 → 0.6.16
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/dist/cjs/assets/placeholder.png +0 -0
- package/dist/cjs/components/Button/index.d.ts +1 -0
- package/dist/cjs/components/Button/index.js +2 -2
- package/dist/cjs/components/Button/index.js.map +1 -1
- package/dist/cjs/components/Button/styles.d.ts +1 -0
- package/dist/cjs/components/Button/styles.js +31 -14
- package/dist/cjs/components/Button/styles.js.map +1 -1
- package/dist/cjs/components/Image/styles.js +2 -2
- package/dist/cjs/components/Image/styles.js.map +1 -1
- package/dist/cjs/utils/consts.d.ts +61 -16
- package/dist/cjs/utils/consts.js +45 -5
- package/dist/cjs/utils/consts.js.map +1 -1
- package/dist/esm/assets/placeholder.png +0 -0
- package/dist/esm/components/Button/index.d.ts +1 -0
- package/dist/esm/components/Button/index.js +2 -2
- package/dist/esm/components/Button/index.js.map +1 -1
- package/dist/esm/components/Button/styles.d.ts +1 -0
- package/dist/esm/components/Button/styles.js +31 -14
- package/dist/esm/components/Button/styles.js.map +1 -1
- package/dist/esm/components/Image/styles.js +2 -2
- package/dist/esm/components/Image/styles.js.map +1 -1
- package/dist/esm/utils/consts.d.ts +61 -16
- package/dist/esm/utils/consts.js +45 -5
- package/dist/esm/utils/consts.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/assets/PlaceholderPattern.png +0 -0
- package/dist/cjs/assets/PlaceholderSvg.svg +0 -994
- package/dist/esm/assets/PlaceholderPattern.png +0 -0
- package/dist/esm/assets/PlaceholderSvg.svg +0 -994
|
Binary file
|
|
@@ -17,6 +17,7 @@ export declare const BUTTON_OPTIONS: {
|
|
|
17
17
|
};
|
|
18
18
|
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
19
19
|
variant?: "default" | "tonal" | "outlined" | "text" | "segmented";
|
|
20
|
+
size?: "small" | "medium" | "large";
|
|
20
21
|
icon?: React.ReactNode;
|
|
21
22
|
color?: ColorType;
|
|
22
23
|
customColor?: string;
|
|
@@ -16,7 +16,7 @@ exports.BUTTON_OPTIONS = {
|
|
|
16
16
|
segmented: styles_1.SegmentedButton,
|
|
17
17
|
};
|
|
18
18
|
exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
19
|
-
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = tslib_1.__rest(_a, ["variant", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
|
|
19
|
+
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.size, size = _c === void 0 ? "large" : _c, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = tslib_1.__rest(_a, ["variant", "size", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
|
|
20
20
|
var theme = (0, styled_components_1.useTheme)();
|
|
21
21
|
var ButtonToRender = exports.BUTTON_OPTIONS[variant];
|
|
22
22
|
var buttonRef = (0, react_1.useRef)(null);
|
|
@@ -59,6 +59,6 @@ exports.Button = (0, react_1.forwardRef)(function Button(_a, ref) {
|
|
|
59
59
|
window.removeEventListener("keydown", handleKeyDown);
|
|
60
60
|
};
|
|
61
61
|
}, [triggerKey, ref]);
|
|
62
|
-
return ((0, jsx_runtime_1.jsx)(ButtonToRender, tslib_1.__assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, isSelected: isSelected, "$colorVariants": colorVariants }, props, { disabled: isLoading || props.disabled, children: isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, children, triggerKey && " [".concat(triggerKey.toLocaleUpperCase(), "]")] })) })));
|
|
62
|
+
return ((0, jsx_runtime_1.jsx)(ButtonToRender, tslib_1.__assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, "$size": size, isSelected: isSelected, "$colorVariants": colorVariants }, props, { disabled: isLoading || props.disabled, children: isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { color: theme.colors.neutral.light })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, children, triggerKey && " [".concat(triggerKey.toLocaleUpperCase(), "]")] })) })));
|
|
63
63
|
});
|
|
64
64
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAMe;AACf,mCAMkB;AAClB,mDAA8D;AAC9D,sCAAqC;AACrC,uDAA6C;AAGhC,QAAA,cAAc,GAAG;IAC5B,OAAO,EAAE,sBAAa;IACtB,QAAQ,EAAE,sBAAa;IACvB,KAAK,EAAE,oBAAW;IAClB,IAAI,EAAE,mBAAU;IAChB,SAAS,EAAE,wBAAe;CAC3B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ export interface PrimaryButtonProps {
|
|
|
3
3
|
$hasIcon?: boolean;
|
|
4
4
|
$textAndIcon?: boolean;
|
|
5
5
|
$colorVariants?: ColorVariants;
|
|
6
|
+
$size: "small" | "medium" | "large";
|
|
6
7
|
}
|
|
7
8
|
export declare const PrimaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, PrimaryButtonProps>> & string;
|
|
8
9
|
export declare const OutlineButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof PrimaryButtonProps> & PrimaryButtonProps, "ref"> & {
|
|
@@ -3,22 +3,36 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.AllButtonsTable = exports.SegmentedButton = exports.TextButton = exports.TonalButton = exports.OutlineButton = exports.PrimaryButton = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
6
|
+
var SIZE_MAP = {
|
|
7
|
+
large: "l",
|
|
8
|
+
medium: "m",
|
|
9
|
+
small: "s",
|
|
10
|
+
};
|
|
11
|
+
var getDeviceSize = function (device, size) {
|
|
12
|
+
if (device === "desktop") {
|
|
13
|
+
return size;
|
|
14
|
+
}
|
|
15
|
+
return device;
|
|
16
|
+
};
|
|
17
|
+
exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: ", ";\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: ", ";\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
|
|
18
|
+
var theme = _a.theme, $size = _a.$size;
|
|
19
|
+
return theme.components.button.height[getDeviceSize(theme.device, $size)];
|
|
20
|
+
}, function (_a) {
|
|
21
|
+
var theme = _a.theme, $hasIcon = _a.$hasIcon, $textAndIcon = _a.$textAndIcon, $size = _a.$size;
|
|
22
|
+
var padding = theme.components.button.padding[getDeviceSize(theme.device, $size)];
|
|
23
|
+
if ($textAndIcon) {
|
|
24
|
+
return "padding: ".concat(padding.textAndIcon, ";");
|
|
25
|
+
}
|
|
26
|
+
if ($hasIcon) {
|
|
27
|
+
return "padding: ".concat(padding.icon, ";");
|
|
28
|
+
}
|
|
29
|
+
return "padding: ".concat(padding.text, ";");
|
|
16
30
|
}, function (_a) {
|
|
17
31
|
var theme = _a.theme, $colorVariants = _a.$colorVariants;
|
|
18
32
|
return ($colorVariants === null || $colorVariants === void 0 ? void 0 : $colorVariants.default) || theme.colors.primary.default;
|
|
19
33
|
}, function (_a) {
|
|
20
|
-
var theme = _a.theme;
|
|
21
|
-
return theme.radius
|
|
34
|
+
var theme = _a.theme, $size = _a.$size;
|
|
35
|
+
return theme.radius[SIZE_MAP[$size]];
|
|
22
36
|
}, function (_a) {
|
|
23
37
|
var theme = _a.theme;
|
|
24
38
|
return theme.spacing.xs;
|
|
@@ -26,8 +40,11 @@ exports.PrimaryButton = styled_components_1.default.button(templateObject_1 || (
|
|
|
26
40
|
var theme = _a.theme;
|
|
27
41
|
return theme.typography.family.default;
|
|
28
42
|
}, function (_a) {
|
|
29
|
-
var theme = _a.theme;
|
|
30
|
-
return theme.components.button.fontSize[theme.device];
|
|
43
|
+
var theme = _a.theme, $size = _a.$size;
|
|
44
|
+
return theme.components.button.fontSize[getDeviceSize(theme.device, $size)];
|
|
45
|
+
}, function (_a) {
|
|
46
|
+
var theme = _a.theme, $size = _a.$size;
|
|
47
|
+
return theme.components.button.iconSize[getDeviceSize(theme.device, $size)];
|
|
31
48
|
}, function (_a) {
|
|
32
49
|
var theme = _a.theme, $colorVariants = _a.$colorVariants;
|
|
33
50
|
return ($colorVariants === null || $colorVariants === void 0 ? void 0 : $colorVariants.dark) || theme.colors.primary.dark;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAWvC,IAAM,QAAQ,GAGV;IACF,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,IAAM,aAAa,GAGsC,UAAC,MAAM,EAAE,IAAI;IACpE,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,MAAM,+8BAAoB,qCAElD,EAC0D,kDAGlE,EAYD,wBACmB,EACqC,sBACxC,EAAmD,6GAK7D,EAA+B,+CAGvB,EAA8C,kBAChD,EACyD,2IAQvD,EACyD,gHAOlD,EAC+B,2DAG7B,EACqC,uDAKvC,EACmC,+DAKnD,EACqD,kDAIrC,EAA2C,gBACtD,EAAyC,oDAIxC,EAAyC,iBAGtD,KA1EW,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACvB,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAAlE,CAAkE,EAGlE,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA;IACvC,IAAM,OAAO,GACX,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtE,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,mBAAY,OAAO,CAAC,WAAW,MAAG,CAAC;IAC5C,CAAC;IACD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,mBAAY,OAAO,CAAC,IAAI,MAAG,CAAC;IACrC,CAAC;IAED,OAAO,mBAAY,OAAO,CAAC,IAAI,MAAG,CAAC;AACrC,CAAC,EACmB,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EACxC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAA7B,CAA6B,EAK7D,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAGvB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO;AAA/B,CAA+B,EAChD,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAC1B,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAApE,CAAoE,EAQvD,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAC1B,OAAA,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAApE,CAAoE,EAOlD,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAjD,CAAiD,EAG7B,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAKvC,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAArD,CAAqD,EAKnD,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IACxB,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAArD,CAAqD,EAIrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGrD;AAEW,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,qBAAa,CAAC,+cAAA,+DAG5C,EACuD,cAClD,EACgD,0BAG/C,EACiD,+CAIrC,EACuC,2HAQvC,EACqC,kDAIrC,EAA4C,gBACvD,EAAyC,uBAClC,EAAyC,UAE5D,KA7BK,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IACxB,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAClD,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC/B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAG/C,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC9B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAIrC,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAAzD,CAAyD,EAQvC,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAIrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EACvD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAClC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAE3D;AAEW,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,qBAAa,CAAC,wYAAA,wBAC1B,EACuC,cAClD,EAC8C,0BAG7C,EAC+C,+CAInC,EACqC,2DAGnC,EACuC,uDAKzC,EACiC,kDAIjC,EAA2C,gBACtD,EAAyC,UAErD,KA7BqB,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAAzD,CAAyD,EAClD,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC/B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAArD,CAAqD,EAG7C,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC9B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAArD,CAAqD,EAInC,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAGnC,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAAzD,CAAyD,EAKzC,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC1C,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAAnD,CAAmD,EAIjC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EACtD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAEpD;AAEW,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,qBAAa,CAAC,onBAAA,+CAEpC,EACgD,0BAG/C,EACiD,mGAMhD,EAC0C,4BAEzC,EAC2C,uDAI1C,EACgD,gCAE/C,EACiD,yFAOpD,EAC8C,4BAE7C,EAC+C,kFAMhD,EAAyC,8BAGxC,EAAyC,iBAGtD,KA9CU,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC/B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAG/C,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC9B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAMhD,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC/B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAjD,CAAiD,EAEzC,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC9B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAjD,CAAiD,EAI1C,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC/B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAE/C,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC9B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAOpD,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC/B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAArD,CAAqD,EAE7C,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC9B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAArD,CAAqD,EAMhD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGrD;AAMW,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,qBAAa,CAAC,8fAAsB,6CAEpD,EAGD,cACV,EAGoD,+BAGlD,EACgD,2DAI/B,EAA6B,oCAC1B,EAA6B,2DAI/B,EAA6B,qCAC1B,EAA6B,gIASlD,EAAyC,UAErD,KAhCqB,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA;IACtD,OAAA,UAAU;QACR,CAAC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;QACzD,CAAC,CAAC,aAAa;AAFjB,CAEiB,EACV,UAAC,EAAqC;QAAnC,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,cAAc,oBAAA;IAC3C,OAAA,UAAU;QACR,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;QAC/B,CAAC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAF3D,CAE2D,EAGlD,UAAC,EAAyB;QAAvB,KAAK,WAAA,EAAE,cAAc,oBAAA;IAC/B,OAAA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAAvD,CAAuD,EAI/B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAC1B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAI/B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAC1B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EASlD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAEpD;AAEF,SAAS;AAEI,QAAA,eAAe,GAAG,2BAAM,CAAC,KAAK,qTAAA,uGAM5B,EAA+B,2BACtB,EAA4C,+DAKrD,EAA+B,mCAG7C,KATc,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EACtB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ;AAA7B,CAA6B,EAKrD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAG5C"}
|
|
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.PlaceholderContainer = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
6
|
-
var
|
|
7
|
-
exports.PlaceholderContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background-image: url(", ");\n background-position: ", "%;\n"], ["\n background-image: url(", ");\n background-position: ", "%;\n"])),
|
|
6
|
+
var placeholder_png_1 = tslib_1.__importDefault(require("../../assets/placeholder.png"));
|
|
7
|
+
exports.PlaceholderContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n background-image: url(", ");\n background-position: ", "% ", "%;\n"], ["\n background-image: url(", ");\n background-position: ", "% ", "%;\n"])), placeholder_png_1.default, Math.floor(Math.random() * 100), Math.floor(Math.random() * 100));
|
|
8
8
|
var templateObject_1;
|
|
9
9
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,yFAA4D;AAE/C,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,oJAAA,4BACpB,EAAgB,6BACjB,EAA+B,IAAK,EAE1D,MACF,KAJyB,yBAAgB,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,EAAK,IAAI,CAAC,KAAK,CACnE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CACpB,EACD"}
|
|
@@ -150,26 +150,67 @@ export declare const DEFAULT_THEME: {
|
|
|
150
150
|
};
|
|
151
151
|
readonly button: {
|
|
152
152
|
readonly fontSize: {
|
|
153
|
-
readonly
|
|
153
|
+
readonly medium: "14px";
|
|
154
|
+
readonly small: "12px";
|
|
155
|
+
readonly large: "14px";
|
|
154
156
|
readonly tablet: "16px";
|
|
155
157
|
readonly totem: "18px";
|
|
156
158
|
};
|
|
157
159
|
readonly height: {
|
|
158
|
-
readonly
|
|
160
|
+
readonly large: "40px";
|
|
161
|
+
readonly medium: "36px";
|
|
162
|
+
readonly small: "24px";
|
|
159
163
|
readonly tablet: "48px";
|
|
160
164
|
readonly totem: "56px";
|
|
161
165
|
};
|
|
162
166
|
readonly padding: {
|
|
163
|
-
readonly
|
|
164
|
-
|
|
165
|
-
|
|
167
|
+
readonly large: {
|
|
168
|
+
readonly text: "0 24px";
|
|
169
|
+
readonly icon: "0 8px";
|
|
170
|
+
readonly textAndIcon: "0 24px 0 16px";
|
|
171
|
+
};
|
|
172
|
+
readonly medium: {
|
|
173
|
+
readonly text: "0 16px";
|
|
174
|
+
readonly icon: "0 8px";
|
|
175
|
+
readonly textAndIcon: "0 12px 0 8px";
|
|
176
|
+
};
|
|
177
|
+
readonly small: {
|
|
178
|
+
readonly text: "0 8px";
|
|
179
|
+
readonly icon: "0 4px";
|
|
180
|
+
readonly textAndIcon: "0 6px 0 4px";
|
|
181
|
+
};
|
|
182
|
+
readonly tablet: {
|
|
183
|
+
readonly text: "0 24px";
|
|
184
|
+
readonly icon: "0 8px";
|
|
185
|
+
readonly textAndIcon: "0 24px 0 16px";
|
|
186
|
+
};
|
|
187
|
+
readonly totem: {
|
|
188
|
+
readonly text: "0 32px";
|
|
189
|
+
readonly icon: "0 8px";
|
|
190
|
+
readonly textAndIcon: "0 32px 0 16px";
|
|
191
|
+
};
|
|
192
|
+
};
|
|
193
|
+
readonly iconSize: {
|
|
194
|
+
readonly large: "24px";
|
|
195
|
+
readonly medium: "20px";
|
|
196
|
+
readonly small: "16px";
|
|
197
|
+
readonly tablet: "24px";
|
|
198
|
+
readonly totem: "24px";
|
|
199
|
+
};
|
|
200
|
+
readonly iconPadding: {
|
|
201
|
+
readonly large: 8;
|
|
202
|
+
readonly medium: 8;
|
|
203
|
+
readonly small: 4;
|
|
204
|
+
readonly tablet: 24;
|
|
205
|
+
readonly totem: 32;
|
|
166
206
|
};
|
|
167
207
|
};
|
|
168
208
|
};
|
|
169
209
|
readonly device: "desktop";
|
|
170
210
|
};
|
|
171
|
-
type DeviceType = "desktop" | "tablet" | "totem";
|
|
172
|
-
type
|
|
211
|
+
export type DeviceType = "desktop" | "tablet" | "totem";
|
|
212
|
+
export type ButtonSize = "small" | "medium" | "large";
|
|
213
|
+
export type ColorShades = {
|
|
173
214
|
white?: string;
|
|
174
215
|
lightest: string;
|
|
175
216
|
lighter: string;
|
|
@@ -179,10 +220,10 @@ type ColorShades = {
|
|
|
179
220
|
darker: string;
|
|
180
221
|
black?: string;
|
|
181
222
|
};
|
|
182
|
-
type Colors = {
|
|
223
|
+
export type Colors = {
|
|
183
224
|
[key in keyof typeof DEFAULT_THEME.colors]: ColorShades;
|
|
184
225
|
};
|
|
185
|
-
type Spacing = {
|
|
226
|
+
export type Spacing = {
|
|
186
227
|
xxs: string;
|
|
187
228
|
xs: string;
|
|
188
229
|
s: string;
|
|
@@ -191,14 +232,14 @@ type Spacing = {
|
|
|
191
232
|
xl: string;
|
|
192
233
|
xxl: string;
|
|
193
234
|
};
|
|
194
|
-
type Radius = {
|
|
235
|
+
export type Radius = {
|
|
195
236
|
s: string;
|
|
196
237
|
m: string;
|
|
197
238
|
l: string;
|
|
198
239
|
xl: string;
|
|
199
240
|
xxl: string;
|
|
200
241
|
};
|
|
201
|
-
type Typography = {
|
|
242
|
+
export type Typography = {
|
|
202
243
|
family: {
|
|
203
244
|
default: string;
|
|
204
245
|
};
|
|
@@ -209,7 +250,7 @@ type Typography = {
|
|
|
209
250
|
bold: number;
|
|
210
251
|
};
|
|
211
252
|
};
|
|
212
|
-
type Components = {
|
|
253
|
+
export type Components = {
|
|
213
254
|
fieldInfo: {
|
|
214
255
|
fontSize: Record<DeviceType, string>;
|
|
215
256
|
};
|
|
@@ -228,9 +269,14 @@ type Components = {
|
|
|
228
269
|
padding: Record<DeviceType, string>;
|
|
229
270
|
};
|
|
230
271
|
button: {
|
|
231
|
-
fontSize: Record<DeviceType, string>;
|
|
232
|
-
|
|
233
|
-
|
|
272
|
+
fontSize: Record<Exclude<DeviceType, "desktop"> | ButtonSize, string>;
|
|
273
|
+
iconSize: Record<Exclude<DeviceType, "desktop"> | ButtonSize, string>;
|
|
274
|
+
height: Record<Exclude<DeviceType, "desktop"> | ButtonSize, string>;
|
|
275
|
+
padding: Record<Exclude<DeviceType, "desktop"> | ButtonSize, {
|
|
276
|
+
text: string;
|
|
277
|
+
icon: string;
|
|
278
|
+
textAndIcon: string;
|
|
279
|
+
}>;
|
|
234
280
|
};
|
|
235
281
|
};
|
|
236
282
|
export type DefaultThemeType = {
|
|
@@ -271,4 +317,3 @@ export declare const MENU_ITEMS: {
|
|
|
271
317
|
text: string;
|
|
272
318
|
path: string;
|
|
273
319
|
}[];
|
|
274
|
-
export {};
|
package/dist/cjs/utils/consts.js
CHANGED
|
@@ -154,19 +154,59 @@ exports.DEFAULT_THEME = {
|
|
|
154
154
|
},
|
|
155
155
|
button: {
|
|
156
156
|
fontSize: {
|
|
157
|
-
|
|
157
|
+
medium: "14px",
|
|
158
|
+
small: "12px",
|
|
159
|
+
large: "14px",
|
|
158
160
|
tablet: "16px",
|
|
159
161
|
totem: "18px",
|
|
160
162
|
},
|
|
161
163
|
height: {
|
|
162
|
-
|
|
164
|
+
large: "40px",
|
|
165
|
+
medium: "36px",
|
|
166
|
+
small: "24px",
|
|
163
167
|
tablet: "48px",
|
|
164
168
|
totem: "56px",
|
|
165
169
|
},
|
|
166
170
|
padding: {
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
171
|
+
large: {
|
|
172
|
+
text: "0 24px",
|
|
173
|
+
icon: "0 8px",
|
|
174
|
+
textAndIcon: "0 24px 0 16px",
|
|
175
|
+
},
|
|
176
|
+
medium: {
|
|
177
|
+
text: "0 16px",
|
|
178
|
+
icon: "0 8px",
|
|
179
|
+
textAndIcon: "0 12px 0 8px",
|
|
180
|
+
},
|
|
181
|
+
small: {
|
|
182
|
+
text: "0 8px",
|
|
183
|
+
icon: "0 4px",
|
|
184
|
+
textAndIcon: "0 6px 0 4px",
|
|
185
|
+
},
|
|
186
|
+
tablet: {
|
|
187
|
+
text: "0 24px",
|
|
188
|
+
icon: "0 8px",
|
|
189
|
+
textAndIcon: "0 24px 0 16px",
|
|
190
|
+
},
|
|
191
|
+
totem: {
|
|
192
|
+
text: "0 32px",
|
|
193
|
+
icon: "0 8px",
|
|
194
|
+
textAndIcon: "0 32px 0 16px",
|
|
195
|
+
},
|
|
196
|
+
},
|
|
197
|
+
iconSize: {
|
|
198
|
+
large: "24px",
|
|
199
|
+
medium: "20px",
|
|
200
|
+
small: "16px",
|
|
201
|
+
tablet: "24px",
|
|
202
|
+
totem: "24px",
|
|
203
|
+
},
|
|
204
|
+
iconPadding: {
|
|
205
|
+
large: 8,
|
|
206
|
+
medium: 8,
|
|
207
|
+
small: 4,
|
|
208
|
+
tablet: 24,
|
|
209
|
+
totem: 32,
|
|
170
210
|
},
|
|
171
211
|
},
|
|
172
212
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/utils/consts.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/utils/consts.tsx"],"names":[],"mappings":"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"}
|
|
Binary file
|
|
@@ -17,6 +17,7 @@ export declare const BUTTON_OPTIONS: {
|
|
|
17
17
|
};
|
|
18
18
|
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
19
19
|
variant?: "default" | "tonal" | "outlined" | "text" | "segmented";
|
|
20
|
+
size?: "small" | "medium" | "large";
|
|
20
21
|
icon?: React.ReactNode;
|
|
21
22
|
color?: ColorType;
|
|
22
23
|
customColor?: string;
|
|
@@ -13,7 +13,7 @@ export var BUTTON_OPTIONS = {
|
|
|
13
13
|
segmented: SegmentedButton,
|
|
14
14
|
};
|
|
15
15
|
export var Button = forwardRef(function Button(_a, ref) {
|
|
16
|
-
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = __rest(_a, ["variant", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
|
|
16
|
+
var _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.size, size = _c === void 0 ? "large" : _c, icon = _a.icon, customColor = _a.customColor, color = _a.color, isLoading = _a.isLoading, isSelected = _a.isSelected, children = _a.children, triggerKey = _a.triggerKey, props = __rest(_a, ["variant", "size", "icon", "customColor", "color", "isLoading", "isSelected", "children", "triggerKey"]);
|
|
17
17
|
var theme = useTheme();
|
|
18
18
|
var ButtonToRender = BUTTON_OPTIONS[variant];
|
|
19
19
|
var buttonRef = useRef(null);
|
|
@@ -56,6 +56,6 @@ export var Button = forwardRef(function Button(_a, ref) {
|
|
|
56
56
|
window.removeEventListener("keydown", handleKeyDown);
|
|
57
57
|
};
|
|
58
58
|
}, [triggerKey, ref]);
|
|
59
|
-
return (_jsx(ButtonToRender, __assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, isSelected: isSelected, "$colorVariants": colorVariants }, props, { disabled: isLoading || props.disabled, children: isLoading ? (_jsx(Spinner, { color: theme.colors.neutral.light })) : (_jsxs(_Fragment, { children: [icon, children, triggerKey && " [".concat(triggerKey.toLocaleUpperCase(), "]")] })) })));
|
|
59
|
+
return (_jsx(ButtonToRender, __assign({ ref: ref || buttonRef, "$hasIcon": !!icon, "$textAndIcon": textAndIcon, "$size": size, isSelected: isSelected, "$colorVariants": colorVariants }, props, { disabled: isLoading || props.disabled, children: isLoading ? (_jsx(Spinner, { color: theme.colors.neutral.light })) : (_jsxs(_Fragment, { children: [icon, children, triggerKey && " [".concat(triggerKey.toLocaleUpperCase(), "]")] })) })));
|
|
60
60
|
});
|
|
61
61
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAEZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,EACV,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,eAAe;CAC3B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAEZ,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,EACV,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,UAAU;IAChB,SAAS,EAAE,eAAe;CAC3B,CAAC;AAcF,MAAM,CAAC,IAAM,MAAM,GAAG,UAAU,CAAC,SAAS,MAAM,CAC9C,EAWc,EACd,GAAiC;IAX/B,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,UAAU,gBAAA,EACP,KAAK,cAVV,wGAWC,CADS;IAIV,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,IAAM,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE/C,IAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,IAAM,aAAa,GAAG,OAAO,CAC3B;QACE,OAAA,WAAW;YACT,CAAC,CAAC,qBAAqB,CAAC,WAAW,CAAC;YACpC,CAAC,CAAC,KAAK;gBACL,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACrB,CAAC,CAAC,SAAS;IAJf,CAIe,EACjB,CAAC,WAAW,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CACnC,CAAC;IAEF,IAAM,WAAW,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,QAAQ,CAAC;IAEzC,SAAS,CAAC;QACR,IAAI,CAAC,UAAU;YAAE,OAAO;QAExB,IAAM,aAAa,GAAG,UAAC,KAAoB;YACzC,IAAI,KAAK,CAAC,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC7B,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,GAAG,KAAK,UAAU;oBAAE,OAAO;gBAEpD,IAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC;gBAC7C,IAAM,cAAc,GAClB,aAAa,YAAY,gBAAgB;oBACzC,aAAa,YAAY,mBAAmB,CAAC;gBAE/C,IAAI,cAAc;oBAAE,OAAO;gBAE3B,IAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;gBACjC,IAAI,CAAC,MAAM;oBAAE,OAAO;gBAEpB,IAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;gBAC5C,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;gBAEpD,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAEvB,IAAM,UAAU,GAAG,QAAQ,CAAC,gBAAgB,CAC1C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,EAC1B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAC3B,CAAC;gBACF,IAAM,OAAO,GAAG,UAAU,KAAK,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAErE,IAAI,CAAC,OAAO;oBAAE,OAAO;gBAErB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QAClD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,KAAC,cAAc,aACb,GAAG,EAAE,GAAG,IAAI,SAAS,cACX,CAAC,CAAC,IAAI,kBACF,WAAW,WAClB,IAAI,EACX,UAAU,EAAE,UAAU,oBACN,aAAa,IACzB,KAAK,IACT,QAAQ,EAAE,SAAS,IAAI,KAAK,CAAC,QAAQ,YAEpC,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAI,CAC/C,CAAC,CAAC,CAAC,CACF,8BACG,IAAI,EACJ,QAAQ,EACR,UAAU,IAAI,YAAK,UAAU,CAAC,iBAAiB,EAAE,MAAG,IACpD,CACJ,IACc,CAClB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -3,6 +3,7 @@ export interface PrimaryButtonProps {
|
|
|
3
3
|
$hasIcon?: boolean;
|
|
4
4
|
$textAndIcon?: boolean;
|
|
5
5
|
$colorVariants?: ColorVariants;
|
|
6
|
+
$size: "small" | "medium" | "large";
|
|
6
7
|
}
|
|
7
8
|
export declare const PrimaryButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, PrimaryButtonProps>> & string;
|
|
8
9
|
export declare const OutlineButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof PrimaryButtonProps> & PrimaryButtonProps, "ref"> & {
|
|
@@ -1,21 +1,35 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
2
|
import styled from "styled-components";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
3
|
+
var SIZE_MAP = {
|
|
4
|
+
large: "l",
|
|
5
|
+
medium: "m",
|
|
6
|
+
small: "s",
|
|
7
|
+
};
|
|
8
|
+
var getDeviceSize = function (device, size) {
|
|
9
|
+
if (device === "desktop") {
|
|
10
|
+
return size;
|
|
11
|
+
}
|
|
12
|
+
return device;
|
|
13
|
+
};
|
|
14
|
+
export var PrimaryButton = styled.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: ", ";\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n width: fit-content;\n height: ", ";\n border: none;\n // Paddings variations\n ", "\n background-color: ", ";\n border-radius: ", ";\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n gap: ", ";\n transition: all 0.3s;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0.5px;\n text-align: center;\n color: #fff;\n\n svg {\n font-size: ", ";\n fill: #fff;\n flex-shrink: 0;\n transition: all 0.3s;\n }\n\n &:hover {\n background-color: ", ";\n\n @media (hover: none) {\n background-color: ", ";\n }\n }\n\n &:active {\n background-color: ", ";\n }\n\n &:focus-visible {\n outline: 1px solid\n ", ";\n }\n\n &:disabled {\n background-color: ", ";\n color: ", ";\n cursor: default;\n\n svg {\n fill: ", ";\n }\n }\n"])), function (_a) {
|
|
15
|
+
var theme = _a.theme, $size = _a.$size;
|
|
16
|
+
return theme.components.button.height[getDeviceSize(theme.device, $size)];
|
|
17
|
+
}, function (_a) {
|
|
18
|
+
var theme = _a.theme, $hasIcon = _a.$hasIcon, $textAndIcon = _a.$textAndIcon, $size = _a.$size;
|
|
19
|
+
var padding = theme.components.button.padding[getDeviceSize(theme.device, $size)];
|
|
20
|
+
if ($textAndIcon) {
|
|
21
|
+
return "padding: ".concat(padding.textAndIcon, ";");
|
|
22
|
+
}
|
|
23
|
+
if ($hasIcon) {
|
|
24
|
+
return "padding: ".concat(padding.icon, ";");
|
|
25
|
+
}
|
|
26
|
+
return "padding: ".concat(padding.text, ";");
|
|
13
27
|
}, function (_a) {
|
|
14
28
|
var theme = _a.theme, $colorVariants = _a.$colorVariants;
|
|
15
29
|
return ($colorVariants === null || $colorVariants === void 0 ? void 0 : $colorVariants.default) || theme.colors.primary.default;
|
|
16
30
|
}, function (_a) {
|
|
17
|
-
var theme = _a.theme;
|
|
18
|
-
return theme.radius
|
|
31
|
+
var theme = _a.theme, $size = _a.$size;
|
|
32
|
+
return theme.radius[SIZE_MAP[$size]];
|
|
19
33
|
}, function (_a) {
|
|
20
34
|
var theme = _a.theme;
|
|
21
35
|
return theme.spacing.xs;
|
|
@@ -23,8 +37,11 @@ export var PrimaryButton = styled.button(templateObject_1 || (templateObject_1 =
|
|
|
23
37
|
var theme = _a.theme;
|
|
24
38
|
return theme.typography.family.default;
|
|
25
39
|
}, function (_a) {
|
|
26
|
-
var theme = _a.theme;
|
|
27
|
-
return theme.components.button.fontSize[theme.device];
|
|
40
|
+
var theme = _a.theme, $size = _a.$size;
|
|
41
|
+
return theme.components.button.fontSize[getDeviceSize(theme.device, $size)];
|
|
42
|
+
}, function (_a) {
|
|
43
|
+
var theme = _a.theme, $size = _a.$size;
|
|
44
|
+
return theme.components.button.iconSize[getDeviceSize(theme.device, $size)];
|
|
28
45
|
}, function (_a) {
|
|
29
46
|
var theme = _a.theme, $colorVariants = _a.$colorVariants;
|
|
30
47
|
return ($colorVariants === null || $colorVariants === void 0 ? void 0 : $colorVariants.dark) || theme.colors.primary.dark;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Button/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __makeTemplateObject } from "tslib";
|
|
2
2
|
import styled from "styled-components";
|
|
3
|
-
import placeholderImage from "../../assets/
|
|
4
|
-
export var PlaceholderContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-image: url(", ");\n background-position: ", "%;\n"], ["\n background-image: url(", ");\n background-position: ", "%;\n"])), placeholderImage, Math.floor(Math.random() * 100));
|
|
3
|
+
import placeholderImage from "../../assets/placeholder.png";
|
|
4
|
+
export var PlaceholderContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-image: url(", ");\n background-position: ", "% ", "%;\n"], ["\n background-image: url(", ");\n background-position: ", "% ", "%;\n"])), placeholderImage, Math.floor(Math.random() * 100), Math.floor(Math.random() * 100));
|
|
5
5
|
var templateObject_1;
|
|
6
6
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,gBAAgB,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,gBAAgB,MAAM,8BAA8B,CAAC;AAE5D,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,4IAAA,4BACpB,EAAgB,6BACjB,EAA+B,IAAK,EAE1D,MACF,KAJyB,gBAAgB,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,EAAK,IAAI,CAAC,KAAK,CACnE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CACpB,CACF,CAAC"}
|