venice-ui 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/types/index.js +18 -0
- package/dist/cjs/types/index.js.map +1 -0
- package/dist/cjs/types/types.js +3 -0
- package/dist/cjs/types/types.js.map +1 -0
- package/dist/esm/Theme/Theme.js +4 -1
- package/dist/esm/Theme/Theme.js.map +1 -1
- package/dist/esm/components/Aligment/Aligment.styles.js +8 -2
- package/dist/esm/components/Aligment/Aligment.styles.js.map +1 -1
- package/dist/esm/components/Aligment/index.js +5 -1
- package/dist/esm/components/Aligment/index.js.map +1 -1
- package/dist/esm/components/Button/Button.js +11 -4
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Button/Button.styles.js +33 -27
- package/dist/esm/components/Button/Button.styles.js.map +1 -1
- package/dist/esm/components/Button/index.js +5 -1
- package/dist/esm/components/Button/index.js.map +1 -1
- package/dist/esm/components/Icons/Icon.js +15 -8
- package/dist/esm/components/Icons/Icon.js.map +1 -1
- package/dist/esm/components/Icons/Icon.styles.js +13 -7
- package/dist/esm/components/Icons/Icon.styles.js.map +1 -1
- package/dist/esm/components/Icons/IconsPath.js +4 -1
- package/dist/esm/components/Icons/IconsPath.js.map +1 -1
- package/dist/esm/components/Icons/index.js +5 -1
- package/dist/esm/components/Icons/index.js.map +1 -1
- package/dist/esm/components/InputText/InputText.js +11 -4
- package/dist/esm/components/InputText/InputText.js.map +1 -1
- package/dist/esm/components/InputText/InputText.styles.js +14 -8
- package/dist/esm/components/InputText/InputText.styles.js.map +1 -1
- package/dist/esm/components/InputText/index.js +5 -1
- package/dist/esm/components/InputText/index.js.map +1 -1
- package/dist/esm/components/Modal/Modal.js +25 -18
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/Modal.styles.js +16 -10
- package/dist/esm/components/Modal/Modal.styles.js.map +1 -1
- package/dist/esm/components/Modal/index.js +5 -1
- package/dist/esm/components/Modal/index.js.map +1 -1
- package/dist/esm/components/Typography/Typography.styles.js +23 -17
- package/dist/esm/components/Typography/Typography.styles.js.map +1 -1
- package/dist/esm/components/Typography/index.js +8 -1
- package/dist/esm/components/Typography/index.js.map +1 -1
- package/dist/esm/components/common/commonComponents.js +11 -5
- package/dist/esm/components/common/commonComponents.js.map +1 -1
- package/dist/esm/components/common/index.js +17 -1
- package/dist/esm/components/common/index.js.map +1 -1
- package/dist/esm/example/ExampleComponent.js +20 -14
- package/dist/esm/example/ExampleComponent.js.map +1 -1
- package/dist/esm/example/index.js +17 -1
- package/dist/esm/example/index.js.map +1 -1
- package/dist/esm/index.js +22 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/index.js +18 -0
- package/dist/esm/types/index.js.map +1 -0
- package/dist/esm/types/types.js +3 -0
- package/dist/esm/types/types.js.map +1 -0
- package/dist/{cjs → types}/Theme/Theme.d.ts +0 -0
- package/dist/{cjs → types}/components/Aligment/Aligment.styles.d.ts +0 -0
- package/dist/{cjs → types}/components/Aligment/index.d.ts +0 -0
- package/dist/{cjs → types}/components/Button/Button.d.ts +0 -0
- package/dist/{cjs → types}/components/Button/Button.styles.d.ts +0 -0
- package/dist/{cjs → types}/components/Button/index.d.ts +0 -0
- package/dist/{cjs → types}/components/Icons/Icon.d.ts +0 -0
- package/dist/{cjs → types}/components/Icons/Icon.styles.d.ts +0 -0
- package/dist/{cjs → types}/components/Icons/IconsPath.d.ts +0 -0
- package/dist/{cjs → types}/components/Icons/index.d.ts +0 -0
- package/dist/{cjs → types}/components/InputText/InputText.d.ts +0 -0
- package/dist/{cjs → types}/components/InputText/InputText.styles.d.ts +0 -0
- package/dist/{cjs → types}/components/InputText/index.d.ts +0 -0
- package/dist/{cjs → types}/components/Modal/Modal.d.ts +0 -0
- package/dist/{cjs → types}/components/Modal/Modal.styles.d.ts +0 -0
- package/dist/{cjs → types}/components/Modal/index.d.ts +0 -0
- package/dist/{cjs → types}/components/Typography/Typography.styles.d.ts +0 -0
- package/dist/{cjs → types}/components/Typography/index.d.ts +0 -0
- package/dist/{cjs → types}/components/common/commonComponents.d.ts +0 -0
- package/dist/{cjs → types}/components/common/index.d.ts +0 -0
- package/dist/{cjs → types}/example/ExampleComponent.d.ts +0 -0
- package/dist/{cjs → types}/example/index.d.ts +0 -0
- package/dist/{cjs → types}/index.d.ts +0 -0
- package/dist/types/types/index.d.ts +1 -0
- package/dist/types/types/types.d.ts +1 -0
- package/package.json +7 -1
- package/dist/esm/Theme/Theme.d.ts +0 -45
- package/dist/esm/components/Aligment/Aligment.styles.d.ts +0 -11
- package/dist/esm/components/Aligment/index.d.ts +0 -1
- package/dist/esm/components/Button/Button.d.ts +0 -10
- package/dist/esm/components/Button/Button.styles.d.ts +0 -8
- package/dist/esm/components/Button/index.d.ts +0 -1
- package/dist/esm/components/Icons/Icon.d.ts +0 -9
- package/dist/esm/components/Icons/Icon.styles.d.ts +0 -6
- package/dist/esm/components/Icons/IconsPath.d.ts +0 -11
- package/dist/esm/components/Icons/index.d.ts +0 -1
- package/dist/esm/components/InputText/InputText.d.ts +0 -11
- package/dist/esm/components/InputText/InputText.styles.d.ts +0 -1
- package/dist/esm/components/InputText/index.d.ts +0 -1
- package/dist/esm/components/Modal/Modal.d.ts +0 -11
- package/dist/esm/components/Modal/Modal.styles.d.ts +0 -6
- package/dist/esm/components/Modal/index.d.ts +0 -1
- package/dist/esm/components/Typography/Typography.styles.d.ts +0 -5
- package/dist/esm/components/Typography/index.d.ts +0 -1
- package/dist/esm/components/common/commonComponents.d.ts +0 -2
- package/dist/esm/components/common/index.d.ts +0 -1
- package/dist/esm/example/ExampleComponent.d.ts +0 -16
- package/dist/esm/example/index.d.ts +0 -1
- package/dist/esm/index.d.ts +0 -6
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./types"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/types/types.ts"],"names":[],"mappings":""}
|
package/dist/esm/Theme/Theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../../src/Theme/Theme.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../../src/Theme/Theme.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,MAAM,EAAE;QACN,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,SAAS;QAC5B,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,uBAAuB;KACnC;IAED,QAAQ,EAAE;QACR,EAAE,EAAE,MAAM;QACV,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,EAAE,EAAE,MAAM;KACX;IACD,UAAU,EAAE;QACV,EAAE,EAAE,MAAM;QACV,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,EAAE,EAAE,MAAM;KACX;IAED,OAAO,EAAE;QACP,EAAE,EAAE,KAAK;QACT,CAAC,EAAE,KAAK;QACR,CAAC,EAAE,KAAK;QACR,CAAC,EAAE,MAAM;QACT,EAAE,EAAE,MAAM;QACV,GAAG,EAAE,MAAM;KACZ;IACD,MAAM,EAAC;QACL,cAAc,EAAE,IAAI;KACrB;IACD,YAAY,EAAE;QACZ,CAAC,EAAE,KAAK;QACR,CAAC,EAAE,KAAK;QACR,CAAC,EAAE,KAAK;KACT;IACD,MAAM,EAAC;QACL,CAAC,EAAE,iEAAiE;KACrE;CACF,CAAC"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Aligment = void 0;
|
|
7
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
+
exports.Aligment = styled_components_1.default.div `
|
|
3
9
|
box-sizing: border-box;
|
|
4
10
|
display: flex;
|
|
5
11
|
width: ${p => p.width ? p.width : '100%'};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Aligment.styles.js","sourceRoot":"","sources":["../../../../src/components/Aligment/Aligment.styles.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Aligment.styles.js","sourceRoot":"","sources":["../../../../src/components/Aligment/Aligment.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAY1B,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAgB;;;WAGvC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;oBACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;qBACrC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe;iBAChD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;eACnC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM;aAC/B,CAAC,CAAA,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAA,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG;sBAC7D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa;CAC/E,CAAC"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Aligment = void 0;
|
|
4
|
+
var Aligment_styles_1 = require("./Aligment.styles");
|
|
5
|
+
Object.defineProperty(exports, "Aligment", { enumerable: true, get: function () { return Aligment_styles_1.Aligment; } });
|
|
2
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Aligment/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Aligment/index.ts"],"names":[],"mappings":";;;AAAA,qDAA4C;AAAnC,2GAAA,QAAQ,OAAA"}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return (React.createElement(ButtonElement, { mode: mode, size: size, right: right, left: left, onClick: onClick }, text));
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
4
|
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Button = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Button_styles_1 = require("./Button.styles");
|
|
9
|
+
const Button = ({ text, mode = 'primary', size = 'regular', right = false, left = false, onClick, }) => {
|
|
10
|
+
return (react_1.default.createElement(Button_styles_1.ButtonElement, { mode: mode, size: size, right: right, left: left, onClick: onClick }, text));
|
|
11
|
+
};
|
|
12
|
+
exports.Button = Button;
|
|
6
13
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiC;AACjC,mDAA+C;AAUxC,MAAM,MAAM,GAAqB,CAAC,EACvC,IAAI,EACJ,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,KAAK,EACb,IAAI,GAAG,KAAK,EACZ,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,6BAAa,IACZ,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,IAEf,IAAI,CACS,CACjB,CAAA;AACH,CAAC,CAAA;AAnBY,QAAA,MAAM,UAmBlB"}
|
|
@@ -1,59 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ButtonElement = void 0;
|
|
7
|
+
const polished_1 = require("polished");
|
|
8
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
+
const Theme_1 = require("../../Theme/Theme");
|
|
10
|
+
exports.ButtonElement = styled_components_1.default.button `
|
|
5
11
|
transition: 300ms;
|
|
6
|
-
border-radius: ${Theme.borderRadius.s};
|
|
12
|
+
border-radius: ${Theme_1.Theme.borderRadius.s};
|
|
7
13
|
overflow: hidden;
|
|
8
14
|
cursor: pointer;
|
|
9
15
|
box-sizing: border-box;
|
|
10
|
-
margin-left: ${(p) => (p.right ? Theme.padding.m : '0')};
|
|
11
|
-
margin-right: ${(p) => (p.left ? Theme.padding.m : '0')};
|
|
16
|
+
margin-left: ${(p) => (p.right ? Theme_1.Theme.padding.m : '0')};
|
|
17
|
+
margin-right: ${(p) => (p.left ? Theme_1.Theme.padding.m : '0')};
|
|
12
18
|
display: flex;
|
|
13
19
|
align-items: center;
|
|
14
20
|
justify-content: center;
|
|
15
21
|
display: flex;
|
|
16
22
|
|
|
17
23
|
${(p) => p.mode === 'primary' &&
|
|
18
|
-
`background-color: ${Theme.colors.primary};
|
|
19
|
-
color: ${Theme.colors.white};
|
|
24
|
+
`background-color: ${Theme_1.Theme.colors.primary};
|
|
25
|
+
color: ${Theme_1.Theme.colors.white};
|
|
20
26
|
border: 1px solid rgba(0,0,0,0.15);`}
|
|
21
27
|
${(p) => p.mode === 'inverse' &&
|
|
22
|
-
`background-color: ${Theme.colors.white};
|
|
23
|
-
color: ${Theme.colors.primary};
|
|
24
|
-
border: 1px solid ${Theme.colors.primary};
|
|
28
|
+
`background-color: ${Theme_1.Theme.colors.white};
|
|
29
|
+
color: ${Theme_1.Theme.colors.primary};
|
|
30
|
+
border: 1px solid ${Theme_1.Theme.colors.primary};
|
|
25
31
|
`}
|
|
26
32
|
${(p) => p.mode === 'ghost' &&
|
|
27
33
|
`background-color:transparent;
|
|
28
|
-
color: ${Theme.colors.primary};
|
|
34
|
+
color: ${Theme_1.Theme.colors.primary};
|
|
29
35
|
border:none;`}
|
|
30
36
|
${(p) => p.size === 'regular' &&
|
|
31
|
-
`font-size: ${Theme.fontSize.m};
|
|
32
|
-
line-height: ${Theme.lineHeight.m};
|
|
33
|
-
padding: ${Theme.padding.m} ${Theme.padding.l};`}
|
|
37
|
+
`font-size: ${Theme_1.Theme.fontSize.m};
|
|
38
|
+
line-height: ${Theme_1.Theme.lineHeight.m};
|
|
39
|
+
padding: ${Theme_1.Theme.padding.m} ${Theme_1.Theme.padding.l};`}
|
|
34
40
|
${(p) => p.size === 'small' &&
|
|
35
|
-
`font-size: ${Theme.fontSize.s};
|
|
36
|
-
line-height: ${Theme.lineHeight.s};
|
|
37
|
-
padding: ${Theme.padding.s} ${Theme.padding.m};`}
|
|
41
|
+
`font-size: ${Theme_1.Theme.fontSize.s};
|
|
42
|
+
line-height: ${Theme_1.Theme.lineHeight.s};
|
|
43
|
+
padding: ${Theme_1.Theme.padding.s} ${Theme_1.Theme.padding.m};`}
|
|
38
44
|
${(p) => p.size === 'flat' &&
|
|
39
|
-
`font-size: ${Theme.fontSize.m};
|
|
40
|
-
line-height: ${Theme.lineHeight.m};
|
|
41
|
-
padding: ${Theme.padding.s} ${Theme.padding.s};`}
|
|
45
|
+
`font-size: ${Theme_1.Theme.fontSize.m};
|
|
46
|
+
line-height: ${Theme_1.Theme.lineHeight.m};
|
|
47
|
+
padding: ${Theme_1.Theme.padding.s} ${Theme_1.Theme.padding.s};`}
|
|
42
48
|
&:hover {
|
|
43
49
|
transition: 300ms;
|
|
44
50
|
${(p) => p.mode === 'primary' &&
|
|
45
|
-
`background-color: ${lighten(0.1, Theme.colors.primary)};`}
|
|
51
|
+
`background-color: ${(0, polished_1.lighten)(0.1, Theme_1.Theme.colors.primary)};`}
|
|
46
52
|
${(p) => p.mode === 'inverse' &&
|
|
47
|
-
`background-color: ${lighten(0.4, Theme.colors.primary)}`};
|
|
48
|
-
${(p) => p.mode === 'ghost' && `color: ${lighten(0.2, Theme.colors.primary)};`}
|
|
53
|
+
`background-color: ${(0, polished_1.lighten)(0.4, Theme_1.Theme.colors.primary)}`};
|
|
54
|
+
${(p) => p.mode === 'ghost' && `color: ${(0, polished_1.lighten)(0.2, Theme_1.Theme.colors.primary)};`}
|
|
49
55
|
}
|
|
50
56
|
|
|
51
57
|
&.disable,
|
|
52
58
|
button[disabled] {
|
|
53
|
-
color: ${Theme.colors.disableText};
|
|
59
|
+
color: ${Theme_1.Theme.colors.disableText};
|
|
54
60
|
cursor: default;
|
|
55
61
|
&:hover {
|
|
56
|
-
color: ${Theme.colors.disableBackground};
|
|
62
|
+
color: ${Theme_1.Theme.colors.disableBackground};
|
|
57
63
|
}
|
|
58
64
|
}
|
|
59
65
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.styles.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../src/components/Button/Button.styles.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAkC;AAClC,0EAAsC;AACtC,6CAAyC;AAS5B,QAAA,aAAa,GAAG,2BAAM,CAAC,MAAM,CAAgB;;mBAEvC,aAAK,CAAC,YAAY,CAAC,CAAC;;;;iBAItB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;kBACvC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;;;;;;IAMrD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,qBAAqB,aAAK,CAAC,MAAM,CAAC,OAAO;aAChC,aAAK,CAAC,MAAM,CAAC,KAAK;wCACS;IACpC,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,qBAAqB,aAAK,CAAC,MAAM,CAAC,KAAK;aAC9B,aAAK,CAAC,MAAM,CAAC,OAAO;wBACT,aAAK,CAAC,MAAM,CAAC,OAAO;KACvC;IACD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,OAAO;IAClB;aACS,aAAK,CAAC,MAAM,CAAC,OAAO;iBAChB;IACb,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,cAAc,aAAK,CAAC,QAAQ,CAAC,CAAC;mBACf,aAAK,CAAC,UAAU,CAAC,CAAC;eACtB,aAAK,CAAC,OAAO,CAAC,CAAC,IAAI,aAAK,CAAC,OAAO,CAAC,CAAC,GAAG;IAChD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,OAAO;IAClB,cAAc,aAAK,CAAC,QAAQ,CAAC,CAAC;mBACf,aAAK,CAAC,UAAU,CAAC,CAAC;eACtB,aAAK,CAAC,OAAO,CAAC,CAAC,IAAI,aAAK,CAAC,OAAO,CAAC,CAAC,GAAG;IAChD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,MAAM;IACjB,cAAc,aAAK,CAAC,QAAQ,CAAC,CAAC;mBACf,aAAK,CAAC,UAAU,CAAC,CAAC;eACtB,aAAK,CAAC,OAAO,CAAC,CAAC,IAAI,aAAK,CAAC,OAAO,CAAC,CAAC,GAAG;;;MAG9C,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,qBAAqB,IAAA,kBAAO,EAAC,GAAG,EAAE,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;MAC1D,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,qBAAqB,IAAA,kBAAO,EAAC,GAAG,EAAE,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;MACzD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,UAAU,IAAA,kBAAO,EAAC,GAAG,EAAE,aAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;;;;aAK9D,aAAK,CAAC,MAAM,CAAC,WAAW;;;eAGtB,aAAK,CAAC,MAAM,CAAC,iBAAiB;;;CAG5C,CAAA"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Button = void 0;
|
|
4
|
+
var Button_1 = require("./Button");
|
|
5
|
+
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
2
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA,mCAA+B;AAAvB,gGAAA,MAAM,OAAA"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import { iconsPath } from './IconsPath';
|
|
5
|
-
export const Icon = ({ size = 24, name, color = Theme.colors.text, bgColor, onClick, }) => {
|
|
6
|
-
return (React.createElement(IconElement, { onClick: onClick, bgColor: bgColor },
|
|
7
|
-
React.createElement("svg", { width: size, height: size, viewBox: '0 0 48 48', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
|
|
8
|
-
React.createElement("path", { d: iconsPath[name], fill: color }))));
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
9
4
|
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Icon = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Theme_1 = require("../../Theme/Theme");
|
|
9
|
+
const Icon_styles_1 = require("./Icon.styles");
|
|
10
|
+
const IconsPath_1 = require("./IconsPath");
|
|
11
|
+
const Icon = ({ size = 24, name, color = Theme_1.Theme.colors.text, bgColor, onClick, }) => {
|
|
12
|
+
return (react_1.default.createElement(Icon_styles_1.IconElement, { onClick: onClick, bgColor: bgColor },
|
|
13
|
+
react_1.default.createElement("svg", { width: size, height: size, viewBox: '0 0 48 48', preserveAspectRatio: "xMidYMid meet", x: "0", y: "0", name: name },
|
|
14
|
+
react_1.default.createElement("path", { d: IconsPath_1.iconsPath[name], fill: color }))));
|
|
15
|
+
};
|
|
16
|
+
exports.Icon = Icon;
|
|
10
17
|
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiC;AACjC,6CAAyC;AACzC,+CAA2C;AAC3C,2CAAuC;AAShC,MAAM,IAAI,GAAyB,CAAC,EACzC,IAAI,GAAG,EAAE,EACT,IAAI,EACJ,KAAK,GAAG,aAAK,CAAC,MAAM,CAAC,IAAI,EACzB,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,yBAAW,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QAC7C,uCACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,WAAW,EACpB,mBAAmB,EAAC,eAAe,EACnC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,IAAI,EAAE,IAAI;YAEV,wCAAM,CAAC,EAAE,qBAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,GAAI,CACrC,CACM,CACf,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,IAAI,QAsBhB"}
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.IconElement = void 0;
|
|
7
|
+
const polished_1 = require("polished");
|
|
8
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
9
|
+
const Theme_1 = require("../../Theme/Theme");
|
|
10
|
+
exports.IconElement = styled_components_1.default.div `
|
|
5
11
|
transition: 300ms;
|
|
6
12
|
box-sizing: border-box;
|
|
7
13
|
width:auto;
|
|
8
14
|
display:inline-flex;
|
|
9
|
-
border-radius: ${Theme.borderRadius.s};
|
|
15
|
+
border-radius: ${Theme_1.Theme.borderRadius.s};
|
|
10
16
|
${p => p.onClick !== undefined &&
|
|
11
17
|
`
|
|
12
|
-
padding: ${Theme.padding.s};
|
|
18
|
+
padding: ${Theme_1.Theme.padding.s};
|
|
13
19
|
cursor:pointer;
|
|
14
20
|
&:hover{
|
|
15
|
-
background-color: ${p.bgColor ? `rgba(255,255,255,0.2)` : lighten(0.4, Theme.colors.primary)};
|
|
21
|
+
background-color: ${p.bgColor ? `rgba(255,255,255,0.2)` : (0, polished_1.lighten)(0.4, Theme_1.Theme.colors.primary)};
|
|
16
22
|
transition: 300ms;
|
|
17
23
|
}
|
|
18
24
|
svg{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.styles.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon.styles.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Icon.styles.js","sourceRoot":"","sources":["../../../../src/components/Icons/Icon.styles.ts"],"names":[],"mappings":";;;;;;AAAA,uCAAmC;AACnC,0EAAuC;AACvC,6CAA0C;AAO7B,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAmB;;;;;mBAKrC,aAAK,CAAC,YAAY,CAAC,CAAC;IACnC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,SAAS;IAC9B;eACa,aAAK,CAAC,OAAO,CAAC,CAAC;;;0BAGJ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,uBAAuB,CAAC,CAAC,CAAC,IAAA,kBAAO,EAAC,GAAG,EAAE,aAAK,CAAC,MAAM,CAAC,OAAO,CAAG;;;;;;GAOnG;CACD,CAAA"}
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.iconsPath = void 0;
|
|
4
|
+
exports.iconsPath = {
|
|
2
5
|
close: "m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z",
|
|
3
6
|
add: "M22.5 38V25.5H10v-3h12.5V10h3v12.5H38v3H25.5V38Z",
|
|
4
7
|
back: "M24 40 8 24 24 8l2.1 2.1-12.4 12.4H40v3H13.7l12.4 12.4Z",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconsPath.js","sourceRoot":"","sources":["../../../../src/components/Icons/IconsPath.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconsPath.js","sourceRoot":"","sources":["../../../../src/components/Icons/IconsPath.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,KAAK,EAAE,mHAAmH;IAC1H,GAAG,EAAE,kDAAkD;IACvD,IAAI,EAAE,yDAAyD;IAC/D,MAAM,EAAE,wLAAwL;IAChM,MAAM,EAAE,mBAAmB;IAC3B,MAAM,EAAE,2lBAA2lB;IACnmB,IAAI,EAAE,8CAA8C;IACpD,WAAW,EAAE,sDAAsD;IACnE,WAAW,EAAE,yDAAyD;CAEvE,CAAA"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Icon = void 0;
|
|
4
|
+
var Icon_1 = require("./Icon");
|
|
5
|
+
Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
|
|
2
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icons/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icons/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
return React.createElement(InputTextField, null);
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
4
|
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.InputText = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const InputText_styles_1 = require("./InputText.styles");
|
|
9
|
+
const InputText = ({ label, value, name, read = false, disable = false, size = "normal", onChange, }) => {
|
|
10
|
+
return react_1.default.createElement(InputText_styles_1.InputTextField, null);
|
|
11
|
+
};
|
|
12
|
+
exports.InputText = InputText;
|
|
6
13
|
//# sourceMappingURL=InputText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../src/components/InputText/InputText.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"InputText.js","sourceRoot":"","sources":["../../../../src/components/InputText/InputText.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAkC;AAClC,yDAAoD;AAY7C,MAAM,SAAS,GAAwB,CAAC,EAC7C,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,8BAAC,iCAAc,OAAG,CAAC;AAC5B,CAAC,CAAC;AAVW,QAAA,SAAS,aAUpB"}
|
|
@@ -1,19 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.InputTextField = void 0;
|
|
7
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
+
const Theme_1 = require("../../Theme/Theme");
|
|
9
|
+
exports.InputTextField = styled_components_1.default.input `
|
|
10
|
+
background-color: ${Theme_1.Theme.colors.white};
|
|
11
|
+
border: 1px solid ${Theme_1.Theme.colors.gray_1};
|
|
6
12
|
width: 100%;
|
|
7
13
|
border-radius: 2px;
|
|
8
14
|
box-sizing: border-box;
|
|
9
15
|
outline: 0;
|
|
10
16
|
font-family: "Lato", sans-serif;
|
|
11
|
-
padding: ${Theme.padding.s};
|
|
17
|
+
padding: ${Theme_1.Theme.padding.s};
|
|
12
18
|
margin: 0;
|
|
13
|
-
font-size: ${Theme.fontSize.m};
|
|
19
|
+
font-size: ${Theme_1.Theme.fontSize.m};
|
|
14
20
|
|
|
15
21
|
:focus {
|
|
16
|
-
border-color: ${Theme.colors.primary};
|
|
22
|
+
border-color: ${Theme_1.Theme.colors.primary};
|
|
17
23
|
}
|
|
18
24
|
`;
|
|
19
25
|
//# sourceMappingURL=InputText.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.styles.js","sourceRoot":"","sources":["../../../../src/components/InputText/InputText.styles.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"InputText.styles.js","sourceRoot":"","sources":["../../../../src/components/InputText/InputText.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AACvC,6CAA0C;AAE7B,QAAA,cAAc,GAAG,2BAAM,CAAC,KAAK,CAAA;sBACpB,aAAK,CAAC,MAAM,CAAC,KAAK;sBAClB,aAAK,CAAC,MAAM,CAAC,MAAM;;;;;;aAM5B,aAAK,CAAC,OAAO,CAAC,CAAC;;eAEb,aAAK,CAAC,QAAQ,CAAC,CAAC;;;oBAGX,aAAK,CAAC,MAAM,CAAC,OAAO;;CAEvC,CAAC"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.InputText = void 0;
|
|
4
|
+
var InputText_1 = require("./InputText");
|
|
5
|
+
Object.defineProperty(exports, "InputText", { enumerable: true, get: function () { return InputText_1.InputText; } });
|
|
2
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/InputText/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/InputText/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}
|
|
@@ -1,23 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Modal = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Theme_1 = require("../../Theme/Theme");
|
|
9
|
+
const Aligment_1 = require("../Aligment");
|
|
10
|
+
const Button_1 = require("../Button");
|
|
11
|
+
const common_1 = require("../common");
|
|
12
|
+
const Icons_1 = require("../Icons");
|
|
13
|
+
const Typography_1 = require("../Typography");
|
|
14
|
+
const Modal_styles_1 = require("./Modal.styles");
|
|
15
|
+
const Modal = ({ children, title, handleConfirm, handleClose, labelConfirm, labelClose, size = 'small', }) => {
|
|
10
16
|
const isMultiButtons = () => {
|
|
11
17
|
return handleConfirm !== undefined && labelConfirm !== undefined;
|
|
12
18
|
};
|
|
13
|
-
return (
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
title &&
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
handleConfirm && labelConfirm && (
|
|
19
|
+
return (react_1.default.createElement(Modal_styles_1.ModalOverlayer, null,
|
|
20
|
+
react_1.default.createElement(Modal_styles_1.ModalElement, { size: size },
|
|
21
|
+
react_1.default.createElement(Aligment_1.Aligment, { justify: !title ? 'flex-end' : 'space-between', vPadding: Theme_1.Theme.padding.m, hPadding: Theme_1.Theme.padding.m },
|
|
22
|
+
title && react_1.default.createElement(Typography_1.TextHeader, null, title),
|
|
23
|
+
react_1.default.createElement(Icons_1.Icon, { onClick: handleClose, name: "close" })),
|
|
24
|
+
react_1.default.createElement(common_1.ScrollCotainer, null, children),
|
|
25
|
+
react_1.default.createElement(Aligment_1.Aligment, { justify: 'flex-end', vPadding: Theme_1.Theme.padding.m, hPadding: Theme_1.Theme.padding.m },
|
|
26
|
+
react_1.default.createElement(Button_1.Button, { mode: isMultiButtons() ? 'inverse' : 'primary', onClick: () => handleClose(), text: labelClose, left: isMultiButtons() }),
|
|
27
|
+
handleConfirm && labelConfirm && (react_1.default.createElement(Button_1.Button, { onClick: handleConfirm, text: labelConfirm }))))));
|
|
22
28
|
};
|
|
29
|
+
exports.Modal = Modal;
|
|
23
30
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiC;AACjC,6CAAyC;AACzC,0CAAsC;AACtC,sCAAkC;AAClC,sCAA0C;AAC1C,oCAA+B;AAC/B,8CAA0C;AAC1C,iDAA6D;AAYtD,MAAM,KAAK,GAAoB,CAAC,EACrC,QAAQ,EACR,KAAK,EACL,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,IAAI,GAAG,OAAO,GACf,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,GAAY,EAAE;QACnC,OAAO,aAAa,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,CAAA;IAClE,CAAC,CAAA;IACD,OAAO,CACL,8BAAC,6BAAc;QACb,8BAAC,2BAAY,IAAC,IAAI,EAAE,IAAI;YACtB,8BAAC,mBAAQ,IACP,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,EAC9C,QAAQ,EAAE,aAAK,CAAC,OAAO,CAAC,CAAC,EACzB,QAAQ,EAAE,aAAK,CAAC,OAAO,CAAC,CAAC;gBAExB,KAAK,IAAI,8BAAC,uBAAU,QAAE,KAAK,CAAc;gBAC1C,8BAAC,YAAI,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,GAAG,CAClC;YACX,8BAAC,uBAAc,QAAE,QAAQ,CAAkB;YAC3C,8BAAC,mBAAQ,IACP,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,aAAK,CAAC,OAAO,CAAC,CAAC,EACzB,QAAQ,EAAE,aAAK,CAAC,OAAO,CAAC,CAAC;gBAEzB,8BAAC,eAAM,IACL,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,EAC5B,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,cAAc,EAAE,GACtB;gBAED,aAAa,IAAI,YAAY,IAAI,CAChC,8BAAC,eAAM,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,GAAI,CACvD,CACQ,CACE,CACA,CAClB,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,KAAK,SA2CjB"}
|
|
@@ -1,31 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ModalElement = exports.ModalOverlayer = void 0;
|
|
7
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
+
const Theme_1 = require("../../Theme/Theme");
|
|
9
|
+
exports.ModalOverlayer = styled_components_1.default.div `
|
|
4
10
|
box-sizing: border-box;
|
|
5
11
|
align-items: center;
|
|
6
|
-
background-color: ${Theme.colors.overlayer};
|
|
12
|
+
background-color: ${Theme_1.Theme.colors.overlayer};
|
|
7
13
|
display: flex;
|
|
8
14
|
justify-content: center;
|
|
9
15
|
height: 100vh;
|
|
10
16
|
left: 0;
|
|
11
17
|
top: 0;
|
|
12
|
-
padding: ${Theme.padding.l};
|
|
18
|
+
padding: ${Theme_1.Theme.padding.l};
|
|
13
19
|
width: 100%;
|
|
14
20
|
position: fixed;
|
|
15
|
-
z-index: ${Theme.zIndex.modalOverlayer};
|
|
21
|
+
z-index: ${Theme_1.Theme.zIndex.modalOverlayer};
|
|
16
22
|
`;
|
|
17
|
-
|
|
23
|
+
exports.ModalElement = styled_components_1.default.div `
|
|
18
24
|
box-sizing: border-box;
|
|
19
25
|
display: flex;
|
|
20
26
|
width: 100%;
|
|
21
|
-
background-color: ${Theme.colors.white};
|
|
22
|
-
border-radius: ${Theme.borderRadius.m};
|
|
27
|
+
background-color: ${Theme_1.Theme.colors.white};
|
|
28
|
+
border-radius: ${Theme_1.Theme.borderRadius.m};
|
|
23
29
|
max-height: 100%;
|
|
24
30
|
overflow: hidden;
|
|
25
31
|
flex-direction: column;
|
|
26
32
|
position: relative;
|
|
27
33
|
max-width: 60rem;
|
|
28
|
-
box-shadow: ${Theme.shadow.m}
|
|
34
|
+
box-shadow: ${Theme_1.Theme.shadow.m}
|
|
29
35
|
${p => p.size === 'small' && `max-width:500px`}
|
|
30
36
|
${p => p.size === 'medium' && `max-width:750px`}
|
|
31
37
|
${p => p.size === 'large' && `max-width:100%`}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Modal.styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AACvC,6CAA0C;AAE7B,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;sBAGlB,aAAK,CAAC,MAAM,CAAC,SAAS;;;;;;aAM/B,aAAK,CAAC,OAAO,CAAC,CAAC;;;aAGf,aAAK,CAAC,MAAM,CAAC,cAAc;CACvC,CAAC;AAKW,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAmB;;;;sBAInC,aAAK,CAAC,MAAM,CAAC,KAAK;mBACrB,aAAK,CAAC,YAAY,CAAC,CAAC;;;;;;gBAMvB,aAAK,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,iBAAiB;IAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,IAAI,iBAAiB;IAC7C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,gBAAgB;;CAE9C,CAAC"}
|
|
@@ -1,2 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Modal = void 0;
|
|
4
|
+
var Modal_1 = require("./Modal");
|
|
5
|
+
Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
|
|
2
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":";;;AAAA,iCAA6B;AAArB,8FAAA,KAAK,OAAA"}
|
|
@@ -1,28 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.TextLabel = exports.TextSubHeader = exports.TextHeader = exports.TextSmall = exports.Text = void 0;
|
|
7
|
+
const styled_components_1 = __importDefault(require("styled-components"));
|
|
8
|
+
const Theme_1 = require("../../Theme/Theme");
|
|
9
|
+
exports.Text = styled_components_1.default.div `
|
|
10
|
+
font-size: ${Theme_1.Theme.fontSize.m};
|
|
11
|
+
line-height: ${Theme_1.Theme.lineHeight.m};
|
|
6
12
|
font-weight: normal;
|
|
7
13
|
`;
|
|
8
|
-
|
|
9
|
-
font-size: ${Theme.fontSize.s};
|
|
10
|
-
line-height: ${Theme.lineHeight.s};
|
|
14
|
+
exports.TextSmall = styled_components_1.default.div `
|
|
15
|
+
font-size: ${Theme_1.Theme.fontSize.s};
|
|
16
|
+
line-height: ${Theme_1.Theme.lineHeight.s};
|
|
11
17
|
font-weight: normal;
|
|
12
18
|
`;
|
|
13
|
-
|
|
14
|
-
font-size: ${Theme.fontSize.l};
|
|
15
|
-
line-height: ${Theme.lineHeight.l};
|
|
19
|
+
exports.TextHeader = styled_components_1.default.div `
|
|
20
|
+
font-size: ${Theme_1.Theme.fontSize.l};
|
|
21
|
+
line-height: ${Theme_1.Theme.lineHeight.l};
|
|
16
22
|
font-weight: 300;
|
|
17
23
|
`;
|
|
18
|
-
|
|
19
|
-
font-size: ${Theme.fontSize.m};
|
|
20
|
-
line-height: ${Theme.lineHeight.m};
|
|
24
|
+
exports.TextSubHeader = styled_components_1.default.div `
|
|
25
|
+
font-size: ${Theme_1.Theme.fontSize.m};
|
|
26
|
+
line-height: ${Theme_1.Theme.lineHeight.m};
|
|
21
27
|
font-weight: 300;
|
|
22
28
|
`;
|
|
23
|
-
|
|
24
|
-
font-size: ${Theme.fontSize.xs};
|
|
25
|
-
line-height: ${Theme.lineHeight.xs};
|
|
29
|
+
exports.TextLabel = styled_components_1.default.div `
|
|
30
|
+
font-size: ${Theme_1.Theme.fontSize.xs};
|
|
31
|
+
line-height: ${Theme_1.Theme.lineHeight.xs};
|
|
26
32
|
font-weight: bold;
|
|
27
33
|
`;
|
|
28
34
|
//# sourceMappingURL=Typography.styles.js.map
|