@proprioo/salatim 18.2.2 → 18.6.0
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/CHANGELOG.md +16 -0
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/ui/src/burger/Burger.d.ts +1 -0
- package/lib/ui/src/burger/Burger.js +2 -2
- package/lib/ui/src/burger/Burger.js.map +1 -1
- package/lib/ui/src/burger/Burger.stories.js +46 -5
- package/lib/ui/src/burger/Burger.stories.js.map +1 -1
- package/lib/ui/src/burger/Burger.styles.d.ts +2 -6
- package/lib/ui/src/burger/Burger.styles.js +9 -4
- package/lib/ui/src/burger/Burger.styles.js.map +1 -1
- package/lib/ui/src/button/Button.interfaces.d.ts +1 -0
- package/lib/ui/src/button/Button.interfaces.js +1 -0
- package/lib/ui/src/button/Button.interfaces.js.map +1 -1
- package/lib/ui/src/button/Button.styles.js +40 -37
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.styles.js +3 -3
- package/lib/ui/src/emailInput/EmailInput.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +13 -30
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.stories.js +3 -2
- package/lib/ui/src/tag/Tag.stories.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.d.ts +5 -1
- package/lib/ui/src/tag/Tag.styles.js +28 -18
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.test.js +25 -7
- package/lib/ui/src/tag/Tag.test.js.map +1 -1
- package/lib/ui/src/tag/TagColors.d.ts +6 -0
- package/lib/ui/src/tag/TagColors.js +6 -0
- package/lib/ui/src/tag/TagColors.js.map +1 -1
- package/lib/ui/src/tag/interfaces.d.ts +3 -1
- package/lib/ui/src/tag/interfaces.js +1 -0
- package/lib/ui/src/tag/interfaces.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
var Burger_styles_1 = require("./Burger.styles");
|
|
8
8
|
var Burger = function (_a) {
|
|
9
|
-
var isOpen = _a.isOpen, onClick = _a.onClick, color = _a.color;
|
|
10
|
-
return (react_1.default.createElement(Burger_styles_1.ButtonBurger, { "data-test": "burger", onClick: onClick, isOpen: isOpen, color: color },
|
|
9
|
+
var isOpen = _a.isOpen, _b = _a.isSmall, isSmall = _b === void 0 ? false : _b, onClick = _a.onClick, color = _a.color;
|
|
10
|
+
return (react_1.default.createElement(Burger_styles_1.ButtonBurger, { "data-test": "burger", onClick: onClick, isOpen: isOpen, isSmall: isSmall, color: color },
|
|
11
11
|
react_1.default.createElement(Burger_styles_1.BurgerLine, null),
|
|
12
12
|
react_1.default.createElement(Burger_styles_1.BurgerLine, null),
|
|
13
13
|
react_1.default.createElement(Burger_styles_1.BurgerLine, null)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Burger.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAElC,iDAA2D;
|
|
1
|
+
{"version":3,"file":"Burger.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAkC;AAElC,iDAA2D;AAS3D,IAAM,MAAM,GAAoB,UAAC,EAKhC;QAJC,MAAM,YAAA,EACN,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,OAAO,aAAA,EACP,KAAK,WAAA;IACD,OAAA,CACJ,8BAAC,4BAAY,iBACD,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK;QAEZ,8BAAC,0BAAU,OAAG;QACd,8BAAC,0BAAU,OAAG;QACd,8BAAC,0BAAU,OAAG,CACD,CAChB;AAZK,CAYL,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -1,17 +1,58 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
2
32
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
33
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
34
|
};
|
|
5
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var react_1 =
|
|
7
|
-
var
|
|
36
|
+
var react_1 = __importStar(require("react"));
|
|
37
|
+
var storybook_state_1 = require("@sambego/storybook-state");
|
|
8
38
|
var addon_knobs_1 = require("@storybook/addon-knobs");
|
|
9
39
|
var react_2 = require("@storybook/react");
|
|
10
40
|
var utils_1 = require("../../../utils");
|
|
11
41
|
var Burger_1 = __importDefault(require("./Burger"));
|
|
42
|
+
var knobs = function () { return ({
|
|
43
|
+
isSmall: addon_knobs_1.boolean('isSmall', false)
|
|
44
|
+
}); };
|
|
45
|
+
var burgerState = new storybook_state_1.Store({
|
|
46
|
+
isOpen: false
|
|
47
|
+
});
|
|
48
|
+
burgerState.subscribe(function () {
|
|
49
|
+
react_2.forceReRender();
|
|
50
|
+
});
|
|
12
51
|
react_2.storiesOf('Burger', module).add('Burger', function () {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
52
|
+
return (react_1.default.createElement(react_1.Fragment, null,
|
|
53
|
+
react_1.default.createElement(storybook_state_1.State, { store: burgerState },
|
|
54
|
+
react_1.default.createElement(Burger_1.default, __assign({ isOpen: burgerState.get('isOpen'), onClick: function () {
|
|
55
|
+
return burgerState.set({ isOpen: !burgerState.get('isOpen') });
|
|
56
|
+
}, color: utils_1.colors.dark.base }, knobs())))));
|
|
16
57
|
});
|
|
17
58
|
//# sourceMappingURL=Burger.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Burger.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Burger.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,4DAAwD;AACxD,sDAAiD;AACjD,0CAA4D;AAE5D,wCAAwC;AACxC,oDAA8B;AAM9B,IAAM,KAAK,GAAG,cAAM,OAAA,CAAC;IACnB,OAAO,EAAE,qBAAO,CAAC,SAAS,EAAE,KAAK,CAAC;CACnC,CAAC,EAFkB,CAElB,CAAC;AAEH,IAAM,WAAW,GAAG,IAAI,uBAAK,CAAS;IACpC,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,WAAW,CAAC,SAAS,CAAC;IACpB,qBAAa,EAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,iBAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE;IACxC,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,uBAAK,IAAC,KAAK,EAAE,WAAW;YACvB,8BAAC,gBAAM,aACL,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE;oBACP,OAAA,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAAvD,CAAuD,EAEzD,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,IACnB,KAAK,EAAE,EACX,CACI,CACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
isOpen: boolean;
|
|
3
|
-
color: string;
|
|
4
|
-
}
|
|
1
|
+
import { BurgerProps } from './Burger';
|
|
5
2
|
export declare const BurgerLine: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
6
|
-
export declare const ButtonBurger: import("styled-components").StyledComponent<"button", any,
|
|
7
|
-
export {};
|
|
3
|
+
export declare const ButtonBurger: import("styled-components").StyledComponent<"button", any, Pick<BurgerProps, "color" | "isOpen" | "isSmall">, never>;
|
|
@@ -27,15 +27,20 @@ exports.ButtonBurger = exports.BurgerLine = void 0;
|
|
|
27
27
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
28
28
|
var spacing_1 = require("../../../utils/src/spacing");
|
|
29
29
|
var burgerMove = spacing_1.convertPxToRem(15);
|
|
30
|
-
exports.BurgerLine = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
31
|
-
exports.ButtonBurger = styled_components_1.default.button(
|
|
32
|
-
"\n\n
|
|
30
|
+
exports.BurgerLine = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n height: ", ";\n width: ", ";\n opacity: 1;\n border-radius: ", ";\n transition: all 0.5s;\n transform-origin: center;\n\n & + & {\n margin-top: ", ";\n }\n"], ["\n display: block;\n height: ", ";\n width: ", ";\n opacity: 1;\n border-radius: ", ";\n transition: all 0.5s;\n transform-origin: center;\n\n & + & {\n margin-top: ", ";\n }\n"])), spacing_1.convertPxToRem(2), spacing_1.convertPxToRem(22), spacing_1.convertPxToRem(1), spacing_1.convertPxToRem(4));
|
|
31
|
+
exports.ButtonBurger = styled_components_1.default.button(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: unset;\n background-color: transparent;\n height: ", ";\n width: ", ";\n position: relative;\n cursor: pointer;\n\n &:focus,\n &:active {\n outline: unset;\n }\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: unset;\n background-color: transparent;\n height: ", ";\n width: ", ";\n position: relative;\n cursor: pointer;\n\n &:focus,\n &:active {\n outline: unset;\n }\n\n ",
|
|
32
|
+
"\n\n ",
|
|
33
|
+
"\n\n ",
|
|
33
34
|
"\n"])), spacing_1.convertPxToRem(32), spacing_1.convertPxToRem(32), function (_a) {
|
|
34
35
|
var color = _a.color;
|
|
35
36
|
return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", " {\n background-color: ", ";\n }\n "], ["\n ", " {\n background-color: ", ";\n }\n "])), exports.BurgerLine, color);
|
|
36
37
|
}, function (_a) {
|
|
37
38
|
var isOpen = _a.isOpen;
|
|
38
39
|
return isOpen && styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", " {\n position: absolute;\n\n &:first-child {\n transform: rotate(45deg);\n top: ", ";\n }\n\n &:last-child {\n transform: rotate(-45deg);\n bottom: ", ";\n }\n\n &:nth-child(2n) {\n opacity: 0;\n }\n }\n "], ["\n ", " {\n position: absolute;\n\n &:first-child {\n transform: rotate(45deg);\n top: ", ";\n }\n\n &:last-child {\n transform: rotate(-45deg);\n bottom: ", ";\n }\n\n &:nth-child(2n) {\n opacity: 0;\n }\n }\n "])), exports.BurgerLine, burgerMove, burgerMove);
|
|
40
|
+
}, function (_a) {
|
|
41
|
+
var isSmall = _a.isSmall, isOpen = _a.isOpen;
|
|
42
|
+
return isSmall && styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n\n ", " {\n width: ", ";\n }\n\n ", " + ", " {\n margin-top: ", ";\n }\n\n ", "\n "], ["\n height: ", ";\n width: ", ";\n\n ", " {\n width: ", ";\n }\n\n ", " + ", " {\n margin-top: ", ";\n }\n\n ",
|
|
43
|
+
"\n "])), spacing_1.convertPxToRem(24), spacing_1.convertPxToRem(24), exports.BurgerLine, spacing_1.convertPxToRem(12), exports.BurgerLine, exports.BurgerLine, spacing_1.convertPxToRem(2), isOpen && styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", " {\n &:first-child {\n top: ", ";\n }\n\n &:last-child {\n bottom: ", ";\n }\n }\n "], ["\n ", " {\n &:first-child {\n top: ", ";\n }\n\n &:last-child {\n bottom: ", ";\n }\n }\n "])), exports.BurgerLine, spacing_1.convertPxToRem(11), spacing_1.convertPxToRem(11)));
|
|
39
44
|
});
|
|
40
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
45
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
41
46
|
//# sourceMappingURL=Burger.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Burger.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,sDAA4D;
|
|
1
|
+
{"version":3,"file":"Burger.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,sDAA4D;AAG5D,IAAM,UAAU,GAAG,wBAAc,CAAC,EAAE,CAAC,CAAC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,iQAAA,iCAEzB,EAAiB,cAClB,EAAkB,qCAEV,EAAiB,wFAKlB,EAAiB,UAElC,KAVW,wBAAc,CAAC,CAAC,CAAC,EAClB,wBAAc,CAAC,EAAE,CAAC,EAEV,wBAAc,CAAC,CAAC,CAAC,EAKlB,wBAAc,CAAC,CAAC,CAAC,EAEjC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,MAAM,2YAExC,kLAQW,EAAkB,cACnB,EAAkB,0GASzB;IAID,QAEC;IAoBC,QAED;IA0BC,IACJ,KAjEW,wBAAc,CAAC,EAAE,CAAC,EACnB,wBAAc,CAAC,EAAE,CAAC,EASzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,uBAAG,2HAAA,QAChB,EAAU,8BACU,EAAK,cAE5B,KAHG,kBAAU,EACU,KAAK;AAFZ,CAIhB,EAEC,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,IACN,uBAAG,mYAAA,UACC,EAAU,kHAKD,EAAU,kGAKP,EAAU,4FAOzB,KAjBG,kBAAU,EAKD,UAAU,EAKP,UAAU,CAOzB;AAnBD,CAmBC,EAED,UAAC,EAAmB;QAAjB,OAAO,aAAA,EAAE,MAAM,YAAA;IAClB,OAAA,OAAO,IACP,uBAAG,4OAAA,kBACS,EAAkB,kBACnB,EAAkB,aAEzB,EAAU,qBACD,EAAkB,sBAG3B,EAAU,KAAM,EAAU,0BACZ,EAAiB,sBAG/B;QAWD,QACF,KAvBW,wBAAc,CAAC,EAAE,CAAC,EACnB,wBAAc,CAAC,EAAE,CAAC,EAEzB,kBAAU,EACD,wBAAc,CAAC,EAAE,CAAC,EAG3B,kBAAU,EAAM,kBAAU,EACZ,wBAAc,CAAC,CAAC,CAAC,EAG/B,MAAM,IACR,uBAAG,4OAAA,YACC,EAAU,kDAED,EAAkB,kEAIf,EAAkB,mCAGjC,KATG,kBAAU,EAED,wBAAc,CAAC,EAAE,CAAC,EAIf,wBAAc,CAAC,EAAE,CAAC,CAGjC,CACF;AAzBD,CAyBC,EACH"}
|
|
@@ -17,6 +17,7 @@ var ButtonAppearance;
|
|
|
17
17
|
})(ButtonAppearance = exports.ButtonAppearance || (exports.ButtonAppearance = {}));
|
|
18
18
|
var ButtonColors;
|
|
19
19
|
(function (ButtonColors) {
|
|
20
|
+
ButtonColors["BLACK"] = "black";
|
|
20
21
|
ButtonColors["BLUE"] = "blue";
|
|
21
22
|
ButtonColors["GREEN"] = "green";
|
|
22
23
|
ButtonColors["PINK"] = "pink";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.interfaces.ts"],"names":[],"mappings":";;;AAEA,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,8BAAe,CAAA;IACf,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EALW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAKtB;AAED,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,2CAAuB,CAAA;IACvB,kDAA8B,CAAA;IAC9B,mCAAe,CAAA;AACjB,CAAC,EALW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAK3B;AAED,IAAY,
|
|
1
|
+
{"version":3,"file":"Button.interfaces.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.interfaces.ts"],"names":[],"mappings":";;;AAEA,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,0BAAW,CAAA;IACX,8BAAe,CAAA;IACf,8BAAe,CAAA;IACf,4BAAa,CAAA;AACf,CAAC,EALW,WAAW,GAAX,mBAAW,KAAX,mBAAW,QAKtB;AAED,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,2CAAuB,CAAA;IACvB,kDAA8B,CAAA;IAC9B,mCAAe,CAAA;AACjB,CAAC,EALW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAK3B;AAED,IAAY,YAQX;AARD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,iCAAiB,CAAA;IACjB,2BAAW,CAAA;IACX,+BAAe,CAAA;AACjB,CAAC,EARW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAQvB;AAED,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,+BAAe,CAAA;AACjB,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB"}
|
|
@@ -35,75 +35,78 @@ var minusPadding = function (padding) {
|
|
|
35
35
|
};
|
|
36
36
|
exports.minusPadding = minusPadding;
|
|
37
37
|
var COMMON_BUTTON = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: ", " solid transparent;\n transition: background-color 0.2s ease-out, border 0.2s ease-out,\n color 0.2s ease-out;\n\n :disabled {\n color: ", ";\n background-color: ", ";\n }\n"], ["\n border: ", " solid transparent;\n transition: background-color 0.2s ease-out, border 0.2s ease-out,\n color 0.2s ease-out;\n\n :disabled {\n color: ", ";\n background-color: ", ";\n }\n"])), utils_1.convertPxToRem(2), utils_1.colors.grey.base60, utils_1.colors.dark.base10);
|
|
38
|
-
var primaryStyle = styled_components_1.css(
|
|
38
|
+
var primaryStyle = styled_components_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n ", ";\n ", ";\n color: white;\n\n ", ";\n"], ["\n ", ";\n ", ";\n color: white;\n\n ",
|
|
39
39
|
";\n"])), utils_1.ArchivoFont, COMMON_BUTTON, function (props) {
|
|
40
40
|
return props.theme === Button_interfaces_1.ButtonColors.GREEN
|
|
41
|
-
? styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.green.base80) : props.theme === Button_interfaces_1.ButtonColors.
|
|
42
|
-
? styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.
|
|
43
|
-
? styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.
|
|
44
|
-
? styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.
|
|
45
|
-
? styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color:
|
|
41
|
+
? styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.green.base80) : props.theme === Button_interfaces_1.ButtonColors.BLACK
|
|
42
|
+
? styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.dark.base, utils_1.colors.dark.base60) : props.theme === Button_interfaces_1.ButtonColors.BLUE
|
|
43
|
+
? styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.blue.base, utils_1.colors.blue.base60) : props.theme === Button_interfaces_1.ButtonColors.PINK
|
|
44
|
+
? styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.pink.base, utils_1.colors.red.base10) : props.theme === Button_interfaces_1.ButtonColors.RED
|
|
45
|
+
? styled_components_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.red.base, utils_1.colors.red.base80) : props.theme === Button_interfaces_1.ButtonColors.WHITE
|
|
46
|
+
? styled_components_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background-color: white;\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: white;\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.blue.base20) : styled_components_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n background-color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.orange.base, utils_1.colors.orange.base60);
|
|
46
47
|
});
|
|
47
|
-
var secondaryStyle = styled_components_1.css(
|
|
48
|
+
var secondaryStyle = styled_components_1.css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", ";\n ", ";\n\n border-color: currentColor;\n\n :disabled {\n border-color: transparent;\n }\n\n ", ";\n"], ["\n ", ";\n ", ";\n\n border-color: currentColor;\n\n :disabled {\n border-color: transparent;\n }\n\n ",
|
|
48
49
|
";\n"])), utils_1.ArchivoFont, COMMON_BUTTON, function (props) {
|
|
49
50
|
return props.theme === Button_interfaces_1.ButtonColors.GREEN
|
|
50
|
-
? styled_components_1.css(
|
|
51
|
-
? styled_components_1.css(
|
|
52
|
-
? styled_components_1.css(
|
|
53
|
-
? styled_components_1.css(
|
|
54
|
-
? styled_components_1.css(
|
|
51
|
+
? styled_components_1.css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.green.base20) : props.theme === Button_interfaces_1.ButtonColors.BLACK
|
|
52
|
+
? styled_components_1.css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.dark.base, polished_1.transparentize(0.8, utils_1.colors.dark.base60)) : props.theme === Button_interfaces_1.ButtonColors.BLUE
|
|
53
|
+
? styled_components_1.css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.blue.base, polished_1.transparentize(0.8, utils_1.colors.blue.base60)) : props.theme === Button_interfaces_1.ButtonColors.PINK
|
|
54
|
+
? styled_components_1.css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.pink.base, polished_1.transparentize(0.8, utils_1.colors.red.base10)) : props.theme === Button_interfaces_1.ButtonColors.RED
|
|
55
|
+
? styled_components_1.css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.red.base, polished_1.transparentize(0.8, utils_1.colors.red.base60)) : props.theme === Button_interfaces_1.ButtonColors.WHITE
|
|
56
|
+
? styled_components_1.css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n color: white;\n\n :not(:disabled):hover {\n background-color: white;\n border-color: white;\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "], ["\n color: white;\n\n :not(:disabled):hover {\n background-color: white;\n border-color: white;\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "])), utils_1.colors.green.base, polished_1.transparentize(0.6, 'white')) : styled_components_1.css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n background-color: ", ";\n }\n "])), utils_1.colors.orange.base, polished_1.transparentize(0.8, utils_1.colors.orange.base60));
|
|
55
57
|
});
|
|
56
|
-
var noAppearanceStyle = styled_components_1.css(
|
|
58
|
+
var noAppearanceStyle = styled_components_1.css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n ", ";\n color: ", ";\n min-height: 0;\n padding: 0;\n border-radius: unset;\n background-color: inherit;\n transition: background-color 0.2s ease-out, border 0.2s ease-out,\n color 0.2s ease-out;\n\n :disabled {\n background-color: inherit;\n }\n\n :not(:disabled) {\n box-shadow: unset;\n }\n\n ", ";\n"], ["\n ", ";\n color: ", ";\n min-height: 0;\n padding: 0;\n border-radius: unset;\n background-color: inherit;\n transition: background-color 0.2s ease-out, border 0.2s ease-out,\n color 0.2s ease-out;\n\n :disabled {\n background-color: inherit;\n }\n\n :not(:disabled) {\n box-shadow: unset;\n }\n\n ",
|
|
57
59
|
";\n"])), utils_1.ArchivoFont, utils_1.colors.orange.base, function (props) {
|
|
58
60
|
return props.theme === Button_interfaces_1.ButtonColors.GREEN
|
|
59
|
-
? styled_components_1.css(
|
|
60
|
-
? styled_components_1.css(
|
|
61
|
-
? styled_components_1.css(
|
|
62
|
-
? styled_components_1.css(
|
|
63
|
-
? styled_components_1.css(
|
|
61
|
+
? styled_components_1.css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "])), utils_1.colors.green.base, utils_1.colors.green.base80) : props.theme === Button_interfaces_1.ButtonColors.BLACK
|
|
62
|
+
? styled_components_1.css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "])), utils_1.colors.dark.base, utils_1.colors.dark.base60, polished_1.transparentize(0.6, 'white')) : props.theme === Button_interfaces_1.ButtonColors.BLUE
|
|
63
|
+
? styled_components_1.css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "])), utils_1.colors.blue.base, utils_1.colors.blue.base80) : props.theme === Button_interfaces_1.ButtonColors.PINK
|
|
64
|
+
? styled_components_1.css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "])), utils_1.colors.pink.base, utils_1.colors.pink.base10) : props.theme === Button_interfaces_1.ButtonColors.WHITE
|
|
65
|
+
? styled_components_1.css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n color: white;\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "], ["\n color: white;\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "])), utils_1.colors.pink.base, polished_1.transparentize(0.6, 'white')) : props.theme === Button_interfaces_1.ButtonColors.RED
|
|
66
|
+
? styled_components_1.css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n\n :disabled {\n color: ", ";\n }\n "])), utils_1.colors.red.base, utils_1.colors.red.base60, polished_1.transparentize(0.6, 'white')) : styled_components_1.css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n :not(:disabled):hover {\n color: ", ";\n }\n "])), utils_1.colors.orange.base, utils_1.colors.orange.base60);
|
|
64
67
|
});
|
|
65
|
-
var basicStyle = styled_components_1.css(
|
|
66
|
-
exports.LabelLayout = styled_components_1.default.div(
|
|
67
|
-
exports.IconWrapper = styled_components_1.default.div(
|
|
68
|
+
var basicStyle = styled_components_1.css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n ", ";\n text-transform: uppercase;\n font-weight: 500;\n letter-spacing: 0.04em;\n"], ["\n ", ";\n text-transform: uppercase;\n font-weight: 500;\n letter-spacing: 0.04em;\n"])), utils_1.IntegralCFFont);
|
|
69
|
+
exports.LabelLayout = styled_components_1.default.div(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
70
|
+
exports.IconWrapper = styled_components_1.default.div(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n svg {\n width: 100%;\n height: 100%;\n }\n\n ", "\n\n ", "\n \n ", "\n"], ["\n svg {\n width: 100%;\n height: 100%;\n }\n\n ",
|
|
68
71
|
"\n\n ",
|
|
69
72
|
"\n \n ",
|
|
70
73
|
"\n"])), function (_a) {
|
|
71
74
|
var iconPosition = _a.iconPosition;
|
|
72
75
|
return iconPosition === Button_interfaces_1.IconPosition.RIGHT
|
|
73
|
-
? styled_components_1.css(
|
|
76
|
+
? styled_components_1.css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n margin-right: ", ";\n "], ["\n margin-right: ", ";\n "])), utils_1.convertPxToRem(8)) : styled_components_1.css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n margin-left: ", ";\n "], ["\n margin-left: ", ";\n "])), utils_1.convertPxToRem(8));
|
|
74
77
|
}, function (_a) {
|
|
75
78
|
var size = _a.size;
|
|
76
79
|
return size === Button_interfaces_1.ButtonSizes.LARGE ||
|
|
77
80
|
size === Button_interfaces_1.ButtonSizes.FULL ||
|
|
78
81
|
size === Button_interfaces_1.ButtonSizes.BIG
|
|
79
|
-
? styled_components_1.css(
|
|
82
|
+
? styled_components_1.css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n min-width: ", ";\n "], ["\n width: ", ";\n height: ", ";\n min-width: ", ";\n "])), utils_1.convertPxToRem(32), utils_1.convertPxToRem(32), utils_1.convertPxToRem(32)) : styled_components_1.css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n min-width: ", ";\n "], ["\n width: ", ";\n height: ", ";\n min-width: ", ";\n "])), utils_1.convertPxToRem(24), utils_1.convertPxToRem(24), utils_1.convertPxToRem(24));
|
|
80
83
|
}, function (_a) {
|
|
81
84
|
var appearance = _a.appearance, iconPosition = _a.iconPosition;
|
|
82
|
-
return appearance === Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(
|
|
83
|
-
"\n "])), utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), iconPosition === Button_interfaces_1.IconPosition.RIGHT && styled_components_1.css(
|
|
85
|
+
return appearance === Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n margin-top: -", ";\n margin-left: -", ";\n margin-right: -", ";\n overflow: hidden;\n position: relative;\n\n ", "\n "], ["\n margin-top: -", ";\n margin-left: -", ";\n margin-right: -", ";\n overflow: hidden;\n position: relative;\n\n ",
|
|
86
|
+
"\n "])), utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), utils_1.convertPxToRem(4), iconPosition === Button_interfaces_1.IconPosition.RIGHT && styled_components_1.css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n margin-right: 0;\n "], ["\n margin-right: 0;\n "]))));
|
|
84
87
|
});
|
|
85
|
-
exports.Layout = styled_components_1.default.button(
|
|
88
|
+
exports.Layout = styled_components_1.default.button(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n ", ";\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n appearance: none;\n background-color: transparent;\n color: white;\n font-size: ", ";\n font-weight: normal;\n border-radius: ", ";\n border: 0;\n line-height: ", ";\n text-align: left;\n\n :not(:disabled) {\n box-shadow: ", ";\n }\n\n :active {\n box-shadow: unset;\n }\n\n :active,\n :focus {\n outline: none;\n }\n\n :disabled {\n color: ", ";\n cursor: not-allowed;\n }\n\n path {\n fill: currentColor;\n }\n\n ", "\n\n ", "\n \n ", "\n\n ", "\n\n ", "\n"], ["\n ", ";\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n appearance: none;\n background-color: transparent;\n color: white;\n font-size: ", ";\n font-weight: normal;\n border-radius: ", ";\n border: 0;\n line-height: ", ";\n text-align: left;\n\n :not(:disabled) {\n box-shadow: ", ";\n }\n\n :active {\n box-shadow: unset;\n }\n\n :active,\n :focus {\n outline: none;\n }\n\n :disabled {\n color: ", ";\n cursor: not-allowed;\n }\n\n path {\n fill: currentColor;\n }\n\n ",
|
|
86
89
|
"\n\n ",
|
|
87
90
|
"\n \n ",
|
|
88
91
|
"\n\n ",
|
|
89
92
|
"\n\n ",
|
|
90
93
|
"\n"])), utils_1.ArchivoFont, utils_1.fonts.small, utils_1.convertPxToRem(24), utils_1.convertPxToRem(16), utils_1.shadows.level1, utils_1.colors.grey.base, function (props) {
|
|
91
94
|
return props.size === Button_interfaces_1.ButtonSizes.FULL
|
|
92
|
-
? styled_components_1.css(
|
|
93
|
-
? styled_components_1.css(
|
|
95
|
+
? styled_components_1.css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n font-size: ", ";\n min-height: ", ";\n width: 100%;\n justify-content: center;\n padding: ", " 0;\n "], ["\n font-size: ", ";\n min-height: ", ";\n width: 100%;\n justify-content: center;\n padding: ", " 0;\n "])), utils_1.fonts.base, utils_1.convertPxToRem(48), exports.minusPadding(utils_1.convertPxToRem(4))) : props.size === Button_interfaces_1.ButtonSizes.BIG
|
|
96
|
+
? styled_components_1.css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n font-size: ", ";\n min-height: ", ";\n padding: ", "\n ", "\n ", "\n ", ";\n "], ["\n font-size: ", ";\n min-height: ", ";\n padding: ", "\n ",
|
|
94
97
|
"\n ", "\n ",
|
|
95
98
|
";\n "])), utils_1.fonts.base, utils_1.convertPxToRem(48), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.RIGHT
|
|
96
99
|
? 0
|
|
97
100
|
: exports.minusPadding(utils_1.convertPxToRem(24)), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.LEFT
|
|
98
101
|
? 0
|
|
99
102
|
: exports.minusPadding(utils_1.convertPxToRem(24))) : props.size === Button_interfaces_1.ButtonSizes.LARGE
|
|
100
|
-
? styled_components_1.css(
|
|
103
|
+
? styled_components_1.css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n font-size: ", ";\n min-height: ", ";\n padding: ", "\n ", "\n ", "\n ", ";\n "], ["\n font-size: ", ";\n min-height: ", ";\n padding: ", "\n ",
|
|
101
104
|
"\n ", "\n ",
|
|
102
105
|
";\n "])), utils_1.fonts.base, utils_1.convertPxToRem(40), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.RIGHT
|
|
103
106
|
? 0
|
|
104
107
|
: exports.minusPadding(utils_1.convertPxToRem(24)), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.LEFT
|
|
105
108
|
? 0
|
|
106
|
-
: exports.minusPadding(utils_1.convertPxToRem(24))) : styled_components_1.css(
|
|
109
|
+
: exports.minusPadding(utils_1.convertPxToRem(24))) : styled_components_1.css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n min-height: ", ";\n padding: ", "\n ", "\n ", "\n ", ";\n "], ["\n min-height: ", ";\n padding: ", "\n ",
|
|
107
110
|
"\n ", "\n ",
|
|
108
111
|
";\n "])), utils_1.convertPxToRem(32), exports.minusPadding(utils_1.convertPxToRem(4)), props.icon && props.iconPosition === Button_interfaces_1.IconPosition.RIGHT
|
|
109
112
|
? 0
|
|
@@ -111,21 +114,21 @@ exports.Layout = styled_components_1.default.button(templateObject_43 || (templa
|
|
|
111
114
|
? 0
|
|
112
115
|
: exports.minusPadding(utils_1.convertPxToRem(16)));
|
|
113
116
|
}, function (props) {
|
|
114
|
-
return props.iconPosition === Button_interfaces_1.IconPosition.RIGHT && styled_components_1.css(
|
|
117
|
+
return props.iconPosition === Button_interfaces_1.IconPosition.RIGHT && styled_components_1.css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n flex-direction: row-reverse;\n "], ["\n flex-direction: row-reverse;\n "])));
|
|
115
118
|
}, function (props) {
|
|
116
|
-
return props.rounded && styled_components_1.css(
|
|
119
|
+
return props.rounded && styled_components_1.css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n border-radius: ", ";\n padding: 0;\n\n ", " {\n width: 100%;\n margin: 0;\n }\n "], ["\n border-radius: ", ";\n padding: 0;\n\n ", " {\n width: 100%;\n margin: 0;\n }\n "])), utils_1.radius.rounded, exports.IconWrapper);
|
|
117
120
|
}, function (props) {
|
|
118
121
|
return props.rounded &&
|
|
119
122
|
props.appearance !== Button_interfaces_1.ButtonAppearance.NO_APPEARANCE &&
|
|
120
|
-
props.appearance !== Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(
|
|
123
|
+
props.appearance !== Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n ", "\n "], ["\n ",
|
|
121
124
|
"\n "])), props.size === Button_interfaces_1.ButtonSizes.LARGE || props.size === Button_interfaces_1.ButtonSizes.FULL
|
|
122
125
|
? "height: " + utils_1.convertPxToRem(40) + "};\n width: " + utils_1.convertPxToRem(40) + "};"
|
|
123
126
|
: "height: " + utils_1.convertPxToRem(32) + ";\n width: " + utils_1.convertPxToRem(32) + ";");
|
|
124
127
|
}, function (props) {
|
|
125
128
|
return props.appearance === Button_interfaces_1.ButtonAppearance.PRIMARY
|
|
126
|
-
? styled_components_1.css(
|
|
127
|
-
? styled_components_1.css(
|
|
128
|
-
? styled_components_1.css(
|
|
129
|
+
? styled_components_1.css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), primaryStyle) : props.appearance === Button_interfaces_1.ButtonAppearance.SECONDARY
|
|
130
|
+
? styled_components_1.css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), secondaryStyle) : props.appearance === Button_interfaces_1.ButtonAppearance.NO_APPEARANCE
|
|
131
|
+
? styled_components_1.css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), noAppearanceStyle) : props.appearance === Button_interfaces_1.ButtonAppearance.BASIC && styled_components_1.css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), noAppearanceStyle, basicStyle);
|
|
129
132
|
});
|
|
130
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43;
|
|
133
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46;
|
|
131
134
|
//# sourceMappingURL=Button.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAA0C;AAC1C,qEAAgD;AAEhD,wCAQwB;AACxB,sDAAkD;AAClD,yDAM6B;AAOtB,IAAM,YAAY,GAAG,UAAC,OAAe;IAC1C,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,cAAI,GAAG,CAAC,CAAC;IACjE,OAAO,KAAG,sBAAc,CAAC,UAAU,CAAG,CAAC;AACzC,CAAC,CAAC;AAHW,QAAA,YAAY,gBAGvB;AAEF,IAAM,aAAa,GAAG,uBAAG,8QAAA,cACb,EAAiB,kJAKhB,EAAkB,2BACP,EAAkB,UAEzC,KARW,sBAAc,CAAC,CAAC,CAAC,EAKhB,cAAM,CAAC,IAAI,CAAC,MAAM,EACP,cAAM,CAAC,IAAI,CAAC,MAAM,CAEzC,CAAC;AAEF,IAAM,YAAY,GAAG,uBAAG,qHAAa,MACjC,EAAW,OACX,EAAa,0BAGb;
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Button = exports.SuggestionLayout = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
var
|
|
13
|
-
exports.SuggestionLayout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n color: ", ";\n padding: 0 ", ";\n margin-top: ", ";\n"], ["\n ", "\n color: ", ";\n padding: 0 ", ";\n margin-top: ", ";\n"])),
|
|
14
|
-
exports.Button = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n\n background: transparent;\n\n /* inherit font & color from ancestor */\n color: ", ";\n font: inherit;\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n\n line-height: normal;\n\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n\n -webkit-appearance: none;\n"], ["\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n\n background: transparent;\n\n /* inherit font & color from ancestor */\n color: ", ";\n font: inherit;\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n\n line-height: normal;\n\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n\n -webkit-appearance: none;\n"])),
|
|
12
|
+
var utils_1 = require("../../../utils");
|
|
13
|
+
exports.SuggestionLayout = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n color: ", ";\n padding: 0 ", ";\n margin-top: ", ";\n"], ["\n ", "\n color: ", ";\n padding: 0 ", ";\n margin-top: ", ";\n"])), utils_1.paragraphs.body2, utils_1.colors.green.base, utils_1.convertPxToRem(16), utils_1.convertPxToRem(8));
|
|
14
|
+
exports.Button = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n\n background: transparent;\n\n /* inherit font & color from ancestor */\n color: ", ";\n font: inherit;\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n\n line-height: normal;\n\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n\n -webkit-appearance: none;\n"], ["\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n\n background: transparent;\n\n /* inherit font & color from ancestor */\n color: ", ";\n font: inherit;\n font-weight: bold;\n text-decoration: underline;\n cursor: pointer;\n\n line-height: normal;\n\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n\n -webkit-appearance: none;\n"])), utils_1.colors.green.base);
|
|
15
15
|
var templateObject_1, templateObject_2;
|
|
16
16
|
//# sourceMappingURL=EmailInput.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailInput.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,
|
|
1
|
+
{"version":3,"file":"EmailInput.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAEvC,wCAAoE;AAEvD,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,wIAAA,MACtC,EAAgB,aACT,EAAiB,kBACb,EAAkB,mBACjB,EAAiB,KAChC,KAJG,kBAAU,CAAC,KAAK,EACT,cAAM,CAAC,KAAK,CAAC,IAAI,EACb,sBAAc,CAAC,EAAE,CAAC,EACjB,sBAAc,CAAC,CAAC,CAAC,EAC/B;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,kgBAAA,6KAUxB,EAAiB,gRAa3B,KAbU,cAAM,CAAC,KAAK,CAAC,IAAI,EAa1B"}
|
package/lib/ui/src/tag/Tag.js
CHANGED
|
@@ -1,43 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
4
|
};
|
|
24
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
var react_1 =
|
|
6
|
+
var react_1 = __importDefault(require("react"));
|
|
26
7
|
var CloseBox_1 = __importDefault(require("../icons/CloseBox"));
|
|
27
8
|
var interfaces_1 = require("./interfaces");
|
|
28
9
|
var Tag_styles_1 = require("./Tag.styles");
|
|
29
10
|
var Tag = function (_a) {
|
|
30
|
-
var labels = _a.labels, appearance = _a.appearance, color = _a.color, icon = _a.icon, isOutlined = _a.isOutlined, dataTest = _a.dataTest, onClose = _a.onClose;
|
|
31
|
-
var
|
|
32
|
-
|
|
33
|
-
|
|
11
|
+
var labels = _a.labels, appearance = _a.appearance, color = _a.color, icon = _a.icon, isOutlined = _a.isOutlined, dataTest = _a.dataTest, _b = _a.numberOfTags, numberOfTags = _b === void 0 ? labels.length : _b, onClose = _a.onClose;
|
|
12
|
+
var tagsToDisplay = labels.slice(0, numberOfTags);
|
|
13
|
+
var tagsToHide = labels.slice(numberOfTags);
|
|
14
|
+
return (react_1.default.createElement(Tag_styles_1.TagLayout, { hasMultipleTags: Boolean(labels.length) },
|
|
15
|
+
tagsToDisplay.map(function (tag, index) { return (react_1.default.createElement(Tag_styles_1.BasicTag, { appearance: appearance, color: color, isOutlined: isOutlined, icon: !!icon, close: !!onClose, "data-test": dataTest, key: index },
|
|
34
16
|
icon && (react_1.default.createElement(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon" }, icon)),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
17
|
+
tag,
|
|
18
|
+
onClose && (react_1.default.createElement(Tag_styles_1.TagCloser, { onClick: onClose, "data-test": "tag-closer" },
|
|
19
|
+
react_1.default.createElement(CloseBox_1.default, null))))); }),
|
|
20
|
+
Boolean(tagsToHide.length) && (react_1.default.createElement(Tag_styles_1.TagList, { "data-test": "list-tag" },
|
|
21
|
+
react_1.default.createElement(Tag_styles_1.BasicTag, { appearance: appearance, color: color, isOutlined: isOutlined, icon: !!icon, "data-test": dataTest },
|
|
22
|
+
icon && (react_1.default.createElement(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon" }, icon)), "+ " + tagsToHide.length),
|
|
23
|
+
react_1.default.createElement(Tag_styles_1.List, { color: color, appearance: appearance }, tagsToHide.map(function (label, index) { return (react_1.default.createElement(Tag_styles_1.TagElement, { key: index, "data-test": "tag-element" }, label)); }))))));
|
|
41
24
|
};
|
|
42
25
|
Tag.defaultProps = {
|
|
43
26
|
appearance: interfaces_1.TagAppearance.CUSTOMER,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA4C;AAE5C,+DAAyC;AACzC,2CAAuE;AACvE,2CAQsB;AAEtB,IAAM,GAAG,GAAiB,UAAC,EAS1B;QARC,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,oBAA4B,EAA5B,YAAY,mBAAG,MAAM,CAAC,MAAM,KAAA,EAC5B,OAAO,aAAA;IAEP,IAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IACpD,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACL,8BAAC,sBAAS,IAAC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC;QAC/C,aAAa,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,CACjC,8BAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,KAAK,EAAE,CAAC,CAAC,OAAO,eACL,QAAQ,EACnB,GAAG,EAAE,KAAK;YAET,IAAI,IAAI,CACP,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,IAC5C,IAAI,CACO,CACf;YACA,GAAG;YACH,OAAO,IAAI,CACV,8BAAC,sBAAS,IAAC,OAAO,EAAE,OAAO,eAAY,YAAY;gBACjD,8BAAC,kBAAQ,OAAG,CACF,CACb,CACQ,CACZ,EAtBkC,CAsBlC,CAAC;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAC7B,8BAAC,oBAAO,iBAAW,UAAU;YAC3B,8BAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,CAAC,CAAC,IAAI,eACD,QAAQ;gBAElB,IAAI,IAAI,CACP,8BAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,IAC5C,IAAI,CACO,CACf,EACA,OAAK,UAAU,CAAC,MAAQ,CAChB;YACX,8BAAC,iBAAI,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,IACvC,UAAU,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAChC,8BAAC,uBAAU,IAAC,GAAG,EAAE,KAAK,eAAY,aAAa,IAC5C,KAAK,CACK,CACd,EAJiC,CAIjC,CAAC,CACG,CACC,CACX,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,UAAU,EAAE,0BAAa,CAAC,QAAQ;IAClC,KAAK,EAAE,2BAAc,CAAC,MAAM;IAC5B,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,kBAAe,GAAG,CAAC"}
|
|
@@ -47,9 +47,10 @@ var knobs = function () { return ({
|
|
|
47
47
|
color: addon_knobs_1.select('Color', interfaces_1.TagColorsTypes, interfaces_1.TagColorsTypes.ORANGE),
|
|
48
48
|
labels: addon_knobs_1.select('Label', {
|
|
49
49
|
Simple: ['Pain au chocolat'],
|
|
50
|
-
Multiple: ['
|
|
50
|
+
Multiple: ['Pain au chocolat', 'Chocolatine', 'Croustilune', 'Ensamaida']
|
|
51
51
|
}, ['Pain au chocolat']),
|
|
52
|
-
isOutlined: addon_knobs_1.boolean('Outlined', false)
|
|
52
|
+
isOutlined: addon_knobs_1.boolean('Outlined', false),
|
|
53
|
+
numberOfTags: addon_knobs_1.number('Number of tags to display', 4)
|
|
53
54
|
}); };
|
|
54
55
|
react_2.storiesOf('Tag', module)
|
|
55
56
|
.add('Basic', function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,0DAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAExC,0DAAkD;AAClD,sDAAiE;AACjE,0CAA6C;AAE7C,wCAAwC;AACxC,mDAA6B;AAC7B,2CAAuE;AACvE,8CAAwB;AAEhB,IAAA,YAAY,GAAK,eAAK,aAAV,CAAW;AAE/B,IAAM,KAAK,GAAG,cAAM,OAAA,CAAC;IACnB,UAAU,EAAE,oBAAM,CAAC,YAAY,EAAE,0BAAa,EAAE,0BAAa,CAAC,QAAQ,CAAC;IACvE,KAAK,EAAE,oBAAM,CAAC,OAAO,EAAE,2BAAc,EAAE,2BAAc,CAAC,MAAM,CAAC;IAC7D,MAAM,EAAE,oBAAM,CACZ,OAAO,EACP;QACE,MAAM,EAAE,CAAC,kBAAkB,CAAC;QAC5B,QAAQ,EAAE,CAAC,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,CAAC;KAC1E,EACD,CAAC,kBAAkB,CAAC,CACrB;IACD,UAAU,EAAE,qBAAO,CAAC,UAAU,EAAE,KAAK,CAAC;IACtC,YAAY,EAAE,oBAAM,CAAC,2BAA2B,EAAE,CAAC,CAAC;CACrD,CAAC,EAbkB,CAalB,CAAC;AAEH,iBAAS,CAAC,KAAK,EAAE,MAAM,CAAC;KACrB,GAAG,CAAC,OAAO,EAAE;IACZ,IAAM,KAAK,gBACN,KAAK,EAAE,CACX,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAChD,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,KAAK;QACd,UAAU,EACR,KAAK,CAAC,KAAK,KAAK,2BAAc,CAAC,KAAK;YAClC,CAAC,CAAC,cAAM,CAAC,MAAM,CAAC,IAAI;YACpB,CAAC,CAAC,aAAa;KACpB,CAAC;IAEF,OAAO,CACL,8BAAC,gBAAQ;QACP,uCAAK,KAAK,EAAE,KAAK;YACf,8BAAC,aAAG,eAAK,KAAK,EAAI,CACd,CACG,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,WAAW,EAAE;IAChB,IAAM,KAAK,yBACN,KAAK,EAAE,KACV,IAAI,EAAE,8BAAC,YAAY,OAAG,GACvB,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAChD,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,KAAK;QACd,UAAU,EACR,KAAK,CAAC,KAAK,KAAK,2BAAc,CAAC,KAAK;YAClC,CAAC,CAAC,cAAM,CAAC,MAAM,CAAC,IAAI;YACpB,CAAC,CAAC,aAAa;KACpB,CAAC;IAEF,OAAO,CACL,uCAAK,KAAK,EAAE,KAAK;QACf,8BAAC,aAAG,eAAK,KAAK,EAAI,CACd,CACP,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,mBAAmB,EAAE;IACxB,IAAM,KAAK,yBACN,KAAK,EAAE,KACV,OAAO,EAAE,sBAAM,CAAC,SAAS,CAAC,GAC3B,CAAC;IAEF,IAAM,KAAK,GAAG;QACZ,SAAS,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAChD,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,UAAU;QACtB,OAAO,EAAE,KAAK;QACd,UAAU,EACR,KAAK,CAAC,KAAK,KAAK,2BAAc,CAAC,KAAK;YAClC,CAAC,CAAC,cAAM,CAAC,MAAM,CAAC,IAAI;YACpB,CAAC,CAAC,aAAa;KACpB,CAAC;IAEF,OAAO,CACL,uCAAK,KAAK,EAAE,KAAK;QACf,8BAAC,aAAG,eAAK,KAAK,EAAI,CACd,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|