venice-ui 1.0.3 → 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.
Files changed (103) hide show
  1. package/dist/cjs/types/index.js +18 -0
  2. package/dist/cjs/types/index.js.map +1 -0
  3. package/dist/cjs/types/types.js +3 -0
  4. package/dist/cjs/types/types.js.map +1 -0
  5. package/dist/esm/Theme/Theme.js +4 -1
  6. package/dist/esm/Theme/Theme.js.map +1 -1
  7. package/dist/esm/components/Aligment/Aligment.styles.js +8 -2
  8. package/dist/esm/components/Aligment/Aligment.styles.js.map +1 -1
  9. package/dist/esm/components/Aligment/index.js +5 -1
  10. package/dist/esm/components/Aligment/index.js.map +1 -1
  11. package/dist/esm/components/Button/Button.js +11 -4
  12. package/dist/esm/components/Button/Button.js.map +1 -1
  13. package/dist/esm/components/Button/Button.styles.js +33 -27
  14. package/dist/esm/components/Button/Button.styles.js.map +1 -1
  15. package/dist/esm/components/Button/index.js +5 -1
  16. package/dist/esm/components/Button/index.js.map +1 -1
  17. package/dist/esm/components/Icons/Icon.js +15 -8
  18. package/dist/esm/components/Icons/Icon.js.map +1 -1
  19. package/dist/esm/components/Icons/Icon.styles.js +13 -7
  20. package/dist/esm/components/Icons/Icon.styles.js.map +1 -1
  21. package/dist/esm/components/Icons/IconsPath.js +4 -1
  22. package/dist/esm/components/Icons/IconsPath.js.map +1 -1
  23. package/dist/esm/components/Icons/index.js +5 -1
  24. package/dist/esm/components/Icons/index.js.map +1 -1
  25. package/dist/esm/components/InputText/InputText.js +11 -4
  26. package/dist/esm/components/InputText/InputText.js.map +1 -1
  27. package/dist/esm/components/InputText/InputText.styles.js +14 -8
  28. package/dist/esm/components/InputText/InputText.styles.js.map +1 -1
  29. package/dist/esm/components/InputText/index.js +5 -1
  30. package/dist/esm/components/InputText/index.js.map +1 -1
  31. package/dist/esm/components/Modal/Modal.js +25 -18
  32. package/dist/esm/components/Modal/Modal.js.map +1 -1
  33. package/dist/esm/components/Modal/Modal.styles.js +16 -10
  34. package/dist/esm/components/Modal/Modal.styles.js.map +1 -1
  35. package/dist/esm/components/Modal/index.js +5 -1
  36. package/dist/esm/components/Modal/index.js.map +1 -1
  37. package/dist/esm/components/Typography/Typography.styles.js +23 -17
  38. package/dist/esm/components/Typography/Typography.styles.js.map +1 -1
  39. package/dist/esm/components/Typography/index.js +8 -1
  40. package/dist/esm/components/Typography/index.js.map +1 -1
  41. package/dist/esm/components/common/commonComponents.js +11 -5
  42. package/dist/esm/components/common/commonComponents.js.map +1 -1
  43. package/dist/esm/components/common/index.js +17 -1
  44. package/dist/esm/components/common/index.js.map +1 -1
  45. package/dist/esm/example/ExampleComponent.js +20 -14
  46. package/dist/esm/example/ExampleComponent.js.map +1 -1
  47. package/dist/esm/example/index.js +17 -1
  48. package/dist/esm/example/index.js.map +1 -1
  49. package/dist/esm/index.js +22 -6
  50. package/dist/esm/index.js.map +1 -1
  51. package/dist/esm/types/index.js +18 -0
  52. package/dist/esm/types/index.js.map +1 -0
  53. package/dist/esm/types/types.js +3 -0
  54. package/dist/esm/types/types.js.map +1 -0
  55. package/dist/{cjs → types}/Theme/Theme.d.ts +0 -0
  56. package/dist/{cjs → types}/components/Aligment/Aligment.styles.d.ts +0 -0
  57. package/dist/{cjs → types}/components/Aligment/index.d.ts +0 -0
  58. package/dist/{cjs → types}/components/Button/Button.d.ts +0 -0
  59. package/dist/{cjs → types}/components/Button/Button.styles.d.ts +0 -0
  60. package/dist/{cjs → types}/components/Button/index.d.ts +0 -0
  61. package/dist/{cjs → types}/components/Icons/Icon.d.ts +0 -0
  62. package/dist/{cjs → types}/components/Icons/Icon.styles.d.ts +0 -0
  63. package/dist/{cjs → types}/components/Icons/IconsPath.d.ts +0 -0
  64. package/dist/{cjs → types}/components/Icons/index.d.ts +0 -0
  65. package/dist/{cjs → types}/components/InputText/InputText.d.ts +0 -0
  66. package/dist/{cjs → types}/components/InputText/InputText.styles.d.ts +0 -0
  67. package/dist/{cjs → types}/components/InputText/index.d.ts +0 -0
  68. package/dist/{cjs → types}/components/Modal/Modal.d.ts +0 -0
  69. package/dist/{cjs → types}/components/Modal/Modal.styles.d.ts +0 -0
  70. package/dist/{cjs → types}/components/Modal/index.d.ts +0 -0
  71. package/dist/{cjs → types}/components/Typography/Typography.styles.d.ts +0 -0
  72. package/dist/{cjs → types}/components/Typography/index.d.ts +0 -0
  73. package/dist/{cjs → types}/components/common/commonComponents.d.ts +0 -0
  74. package/dist/{cjs → types}/components/common/index.d.ts +0 -0
  75. package/dist/{cjs → types}/example/ExampleComponent.d.ts +0 -0
  76. package/dist/{cjs → types}/example/index.d.ts +0 -0
  77. package/dist/{cjs → types}/index.d.ts +0 -0
  78. package/dist/types/types/index.d.ts +1 -0
  79. package/dist/types/types/types.d.ts +1 -0
  80. package/package.json +8 -1
  81. package/dist/esm/Theme/Theme.d.ts +0 -45
  82. package/dist/esm/components/Aligment/Aligment.styles.d.ts +0 -11
  83. package/dist/esm/components/Aligment/index.d.ts +0 -1
  84. package/dist/esm/components/Button/Button.d.ts +0 -10
  85. package/dist/esm/components/Button/Button.styles.d.ts +0 -8
  86. package/dist/esm/components/Button/index.d.ts +0 -1
  87. package/dist/esm/components/Icons/Icon.d.ts +0 -9
  88. package/dist/esm/components/Icons/Icon.styles.d.ts +0 -6
  89. package/dist/esm/components/Icons/IconsPath.d.ts +0 -11
  90. package/dist/esm/components/Icons/index.d.ts +0 -1
  91. package/dist/esm/components/InputText/InputText.d.ts +0 -11
  92. package/dist/esm/components/InputText/InputText.styles.d.ts +0 -1
  93. package/dist/esm/components/InputText/index.d.ts +0 -1
  94. package/dist/esm/components/Modal/Modal.d.ts +0 -11
  95. package/dist/esm/components/Modal/Modal.styles.d.ts +0 -6
  96. package/dist/esm/components/Modal/index.d.ts +0 -1
  97. package/dist/esm/components/Typography/Typography.styles.d.ts +0 -5
  98. package/dist/esm/components/Typography/index.d.ts +0 -1
  99. package/dist/esm/components/common/commonComponents.d.ts +0 -2
  100. package/dist/esm/components/common/index.d.ts +0 -1
  101. package/dist/esm/example/ExampleComponent.d.ts +0 -16
  102. package/dist/esm/example/index.d.ts +0 -1
  103. 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,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/types/types.ts"],"names":[],"mappings":""}
@@ -1,4 +1,7 @@
1
- export const Theme = {
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Theme = void 0;
4
+ exports.Theme = {
2
5
  colors: {
3
6
  primary: "#4c95c5",
4
7
  text: '#333333',
@@ -1 +1 @@
1
- {"version":3,"file":"Theme.js","sourceRoot":"","sources":["../../../src/Theme/Theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,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
+ {"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
- import styled from "styled-components";
2
- export const Aligment = styled.div `
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,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAYvC,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,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
+ {"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
- export { Aligment } from './Aligment.styles';
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,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA"}
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
- import React from 'react';
2
- import { ButtonElement } from './Button.styles';
3
- export const Button = ({ text, mode = 'primary', size = 'regular', right = false, left = false, onClick, }) => {
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,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,CAAC,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,oBAAC,aAAa,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"}
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
- import { lighten } from 'polished';
2
- import styled from 'styled-components';
3
- import { Theme } from '../../Theme/Theme';
4
- export const ButtonElement = styled.button `
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,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AASzC,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAgB;;mBAEvC,KAAK,CAAC,YAAY,CAAC,CAAC;;;;iBAItB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;kBACvC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;;;;;;IAMrD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,qBAAqB,KAAK,CAAC,MAAM,CAAC,OAAO;aAChC,KAAK,CAAC,MAAM,CAAC,KAAK;wCACS;IACpC,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,qBAAqB,KAAK,CAAC,MAAM,CAAC,KAAK;aAC9B,KAAK,CAAC,MAAM,CAAC,OAAO;wBACT,KAAK,CAAC,MAAM,CAAC,OAAO;KACvC;IACD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,OAAO;IAClB;aACS,KAAK,CAAC,MAAM,CAAC,OAAO;iBAChB;IACb,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,cAAc,KAAK,CAAC,QAAQ,CAAC,CAAC;mBACf,KAAK,CAAC,UAAU,CAAC,CAAC;eACtB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG;IAChD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,OAAO;IAClB,cAAc,KAAK,CAAC,QAAQ,CAAC,CAAC;mBACf,KAAK,CAAC,UAAU,CAAC,CAAC;eACtB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG;IAChD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,MAAM;IACjB,cAAc,KAAK,CAAC,QAAQ,CAAC,CAAC;mBACf,KAAK,CAAC,UAAU,CAAC,CAAC;eACtB,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG;;;MAG9C,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,qBAAqB,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;MAC1D,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,SAAS;IACpB,qBAAqB,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;MACzD,CAAC,CAAC,EAAE,EAAE,CACN,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,UAAU,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG;;;;;aAK9D,KAAK,CAAC,MAAM,CAAC,WAAW;;;eAGtB,KAAK,CAAC,MAAM,CAAC,iBAAiB;;;CAG5C,CAAA"}
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
- export { Button } from './Button';
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,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAA"}
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
- import React from 'react';
2
- import { Theme } from '../../Theme/Theme';
3
- import { IconElement } from './Icon.styles';
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,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AASvC,MAAM,CAAC,MAAM,IAAI,GAAyB,CAAC,EACzC,IAAI,GAAG,EAAE,EACT,IAAI,EACJ,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,EACzB,OAAO,EACP,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QAC7C,6BACE,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,8BAAM,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,GAAI,CACrC,CACM,CACf,CAAA;AACH,CAAC,CAAA"}
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
- import { lighten } from "polished";
2
- import styled from "styled-components";
3
- import { Theme } from "../../Theme/Theme";
4
- export const IconElement = styled.div `
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,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;mBAKrC,KAAK,CAAC,YAAY,CAAC,CAAC;IACnC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,SAAS;IAC9B;eACa,KAAK,CAAC,OAAO,CAAC,CAAC;;;0BAGJ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAE,uBAAuB,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAG;;;;;;GAOnG;CACD,CAAA"}
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
- export const iconsPath = {
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":"AAAA,MAAM,CAAC,MAAM,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
+ {"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
- export { Icon } from './Icon';
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,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA"}
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
- import React from "react";
2
- import { InputTextField } from "./InputText.styles";
3
- export const InputText = ({ label, value, name, read = false, disable = false, size = "normal", onChange, }) => {
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,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAYpD,MAAM,CAAC,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,oBAAC,cAAc,OAAG,CAAC;AAC5B,CAAC,CAAC"}
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
- import styled from "styled-components";
2
- import { Theme } from "../../Theme/Theme";
3
- export const InputTextField = styled.input `
4
- background-color: ${Theme.colors.white};
5
- border: 1px solid ${Theme.colors.gray_1};
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,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAA;sBACpB,KAAK,CAAC,MAAM,CAAC,KAAK;sBAClB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;aAM5B,KAAK,CAAC,OAAO,CAAC,CAAC;;eAEb,KAAK,CAAC,QAAQ,CAAC,CAAC;;;oBAGX,KAAK,CAAC,MAAM,CAAC,OAAO;;CAEvC,CAAC"}
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
- export { InputText } from "./InputText";
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,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
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
- import React from 'react';
2
- import { Theme } from '../../Theme/Theme';
3
- import { Aligment } from '../Aligment';
4
- import { Button } from '../Button';
5
- import { ScrollCotainer } from '../common';
6
- import { Icon } from '../Icons';
7
- import { TextHeader } from '../Typography';
8
- import { ModalElement, ModalOverlayer } from './Modal.styles';
9
- export const Modal = ({ children, title, handleConfirm, handleClose, labelConfirm, labelClose, size = 'small', }) => {
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 (React.createElement(ModalOverlayer, null,
14
- React.createElement(ModalElement, { size: size },
15
- React.createElement(Aligment, { justify: !title ? 'flex-end' : 'space-between', vPadding: Theme.padding.m, hPadding: Theme.padding.m },
16
- title && React.createElement(TextHeader, null, title),
17
- React.createElement(Icon, { onClick: handleClose, name: "close" })),
18
- React.createElement(ScrollCotainer, null, children),
19
- React.createElement(Aligment, { justify: 'flex-end', vPadding: Theme.padding.m, hPadding: Theme.padding.m },
20
- React.createElement(Button, { mode: isMultiButtons() ? 'inverse' : 'primary', onClick: () => handleClose(), text: labelClose, left: isMultiButtons() }),
21
- handleConfirm && labelConfirm && (React.createElement(Button, { onClick: handleConfirm, text: 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,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAY7D,MAAM,CAAC,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,oBAAC,cAAc;QACb,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI;YACtB,oBAAC,QAAQ,IACP,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,EAC9C,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EACzB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAExB,KAAK,IAAI,oBAAC,UAAU,QAAE,KAAK,CAAc;gBAC1C,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAC,OAAO,GAAG,CAClC;YACX,oBAAC,cAAc,QAAE,QAAQ,CAAkB;YAC3C,oBAAC,QAAQ,IACP,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EACzB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAEzB,oBAAC,MAAM,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,oBAAC,MAAM,IAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,GAAI,CACvD,CACQ,CACE,CACA,CAClB,CAAA;AACH,CAAC,CAAA"}
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
- import styled from 'styled-components';
2
- import { Theme } from '../../Theme/Theme';
3
- export const ModalOverlayer = styled.div `
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
- export const ModalElement = styled.div `
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,OAAQ,MAAM,MAAM,mBAAmB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;sBAGlB,KAAK,CAAC,MAAM,CAAC,SAAS;;;;;;aAM/B,KAAK,CAAC,OAAO,CAAC,CAAC;;;aAGf,KAAK,CAAC,MAAM,CAAC,cAAc;CACvC,CAAC;AAKF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;sBAInC,KAAK,CAAC,MAAM,CAAC,KAAK;mBACrB,KAAK,CAAC,YAAY,CAAC,CAAC;;;;;;gBAMvB,KAAK,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
+ {"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
- export { Modal } from './Modal';
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,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA"}
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
- import styled from 'styled-components';
2
- import { Theme } from '../../Theme/Theme';
3
- export const Text = styled.div `
4
- font-size: ${Theme.fontSize.m};
5
- line-height: ${Theme.lineHeight.m};
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
- export const TextSmall = styled.div `
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
- export const TextHeader = styled.div `
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
- export const TextSubHeader = styled.div `
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
- export const TextLabel = styled.div `
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