@mailstep/design-system 0.1.12 → 0.1.13

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 (270) hide show
  1. package/package.json +1 -1
  2. package/ui/Blocks/CornerDialog/CornerDialog.js +14 -12
  3. package/ui/Blocks/CornerDialog/CornerDialog.js.map +1 -1
  4. package/ui/Blocks/CornerDialog/index.js +6 -2
  5. package/ui/Blocks/CornerDialog/index.js.map +1 -1
  6. package/ui/Blocks/CornerDialog/styles.js +22 -11
  7. package/ui/Blocks/CornerDialog/styles.js.map +1 -1
  8. package/ui/Blocks/CornerDialog/utils.js +4 -1
  9. package/ui/Blocks/CornerDialog/utils.js.map +1 -1
  10. package/ui/Blocks/ImageList/ImageList.js +19 -17
  11. package/ui/Blocks/ImageList/ImageList.js.map +1 -1
  12. package/ui/Blocks/ImageList/components/AddPhoto/index.js +11 -9
  13. package/ui/Blocks/ImageList/components/AddPhoto/index.js.map +1 -1
  14. package/ui/Blocks/ImageList/components/AddPhoto/styles.js +12 -5
  15. package/ui/Blocks/ImageList/components/AddPhoto/styles.js.map +1 -1
  16. package/ui/Blocks/ImageList/components/CloseButton/index.js +8 -6
  17. package/ui/Blocks/ImageList/components/CloseButton/index.js.map +1 -1
  18. package/ui/Blocks/ImageList/components/CloseButton/styles.js +10 -4
  19. package/ui/Blocks/ImageList/components/CloseButton/styles.js.map +1 -1
  20. package/ui/Blocks/ImageList/components/ImageElement/index.js +9 -7
  21. package/ui/Blocks/ImageList/components/ImageElement/index.js.map +1 -1
  22. package/ui/Blocks/ImageList/components/ImageElement/styles.js +11 -5
  23. package/ui/Blocks/ImageList/components/ImageElement/styles.js.map +1 -1
  24. package/ui/Blocks/ImageList/components/ImageTag/index.js +7 -5
  25. package/ui/Blocks/ImageList/components/ImageTag/index.js.map +1 -1
  26. package/ui/Blocks/ImageList/components/ImageTag/styles.js +10 -4
  27. package/ui/Blocks/ImageList/components/ImageTag/styles.js.map +1 -1
  28. package/ui/Blocks/ImageList/index.js +6 -2
  29. package/ui/Blocks/ImageList/index.js.map +1 -1
  30. package/ui/Blocks/ImageList/styles.js +10 -4
  31. package/ui/Blocks/ImageList/styles.js.map +1 -1
  32. package/ui/Blocks/LightBox/LightBox.js +12 -10
  33. package/ui/Blocks/LightBox/LightBox.js.map +1 -1
  34. package/ui/Blocks/LightBox/hooks/useLightBox.js +8 -6
  35. package/ui/Blocks/LightBox/hooks/useLightBox.js.map +1 -1
  36. package/ui/Blocks/LightBox/index.js +8 -4
  37. package/ui/Blocks/LightBox/index.js.map +1 -1
  38. package/ui/Blocks/LightBox/styles.js +14 -6
  39. package/ui/Blocks/LightBox/styles.js.map +1 -1
  40. package/ui/Blocks/Modal/Modal.js +20 -18
  41. package/ui/Blocks/Modal/Modal.js.map +1 -1
  42. package/ui/Blocks/Modal/hooks/useClickOutside.js +8 -6
  43. package/ui/Blocks/Modal/hooks/useClickOutside.js.map +1 -1
  44. package/ui/Blocks/Modal/hooks/useModal.js +8 -6
  45. package/ui/Blocks/Modal/hooks/useModal.js.map +1 -1
  46. package/ui/Blocks/Modal/index.d.ts +1 -1
  47. package/ui/Blocks/Modal/index.js +7 -3
  48. package/ui/Blocks/Modal/index.js.map +1 -1
  49. package/ui/Blocks/Modal/styles.js +29 -16
  50. package/ui/Blocks/Modal/styles.js.map +1 -1
  51. package/ui/Blocks/Modal/utils.js +4 -1
  52. package/ui/Blocks/Modal/utils.js.map +1 -1
  53. package/ui/Blocks/Tabs/Tabs.js +13 -11
  54. package/ui/Blocks/Tabs/Tabs.js.map +1 -1
  55. package/ui/Blocks/Tabs/hooks/useTabs.js +6 -4
  56. package/ui/Blocks/Tabs/hooks/useTabs.js.map +1 -1
  57. package/ui/Blocks/Tabs/index.js +8 -3
  58. package/ui/Blocks/Tabs/index.js.map +1 -1
  59. package/ui/Blocks/Tabs/styles.js +19 -9
  60. package/ui/Blocks/Tabs/styles.js.map +1 -1
  61. package/ui/Elements/Alert/Alert.js +14 -10
  62. package/ui/Elements/Alert/Alert.js.map +1 -1
  63. package/ui/Elements/Alert/index.js +7 -2
  64. package/ui/Elements/Alert/index.js.map +1 -1
  65. package/ui/Elements/Alert/styles.js +29 -15
  66. package/ui/Elements/Alert/styles.js.map +1 -1
  67. package/ui/Elements/Avatar/Avatar.js +15 -9
  68. package/ui/Elements/Avatar/Avatar.js.map +1 -1
  69. package/ui/Elements/Avatar/index.js +7 -2
  70. package/ui/Elements/Avatar/index.js.map +1 -1
  71. package/ui/Elements/Badge/Badge.js +21 -13
  72. package/ui/Elements/Badge/Badge.js.map +1 -1
  73. package/ui/Elements/Badge/index.js +7 -2
  74. package/ui/Elements/Badge/index.js.map +1 -1
  75. package/ui/Elements/BorderedBox/BorderedBox.js +15 -7
  76. package/ui/Elements/BorderedBox/BorderedBox.js.map +1 -1
  77. package/ui/Elements/BorderedBox/index.js +7 -2
  78. package/ui/Elements/BorderedBox/index.js.map +1 -1
  79. package/ui/Elements/Button/Button.js +11 -7
  80. package/ui/Elements/Button/Button.js.map +1 -1
  81. package/ui/Elements/Button/index.js +7 -2
  82. package/ui/Elements/Button/index.js.map +1 -1
  83. package/ui/Elements/Button/styles.js +19 -10
  84. package/ui/Elements/Button/styles.js.map +1 -1
  85. package/ui/Elements/Card/Card.js +21 -14
  86. package/ui/Elements/Card/Card.js.map +1 -1
  87. package/ui/Elements/Card/index.js +9 -3
  88. package/ui/Elements/Card/index.js.map +1 -1
  89. package/ui/Elements/Card/styles.js +23 -13
  90. package/ui/Elements/Card/styles.js.map +1 -1
  91. package/ui/Elements/Dropdown/Dropdown.js +18 -10
  92. package/ui/Elements/Dropdown/Dropdown.js.map +1 -1
  93. package/ui/Elements/Dropdown/index.js +7 -2
  94. package/ui/Elements/Dropdown/index.js.map +1 -1
  95. package/ui/Elements/ErrorMessage/ErrorMessage.js +17 -9
  96. package/ui/Elements/ErrorMessage/ErrorMessage.js.map +1 -1
  97. package/ui/Elements/ErrorMessage/index.js +7 -2
  98. package/ui/Elements/ErrorMessage/index.js.map +1 -1
  99. package/ui/Elements/Icon/Icon.js +224 -214
  100. package/ui/Elements/Icon/Icon.js.map +1 -1
  101. package/ui/Elements/Icon/icons/Complaint.js +6 -4
  102. package/ui/Elements/Icon/icons/Complaint.js.map +1 -1
  103. package/ui/Elements/Icon/icons/Expeditions.js +6 -4
  104. package/ui/Elements/Icon/icons/Expeditions.js.map +1 -1
  105. package/ui/Elements/Icon/icons/FlagCZ.js +6 -4
  106. package/ui/Elements/Icon/icons/FlagCZ.js.map +1 -1
  107. package/ui/Elements/Icon/icons/FlagUSA.js +6 -4
  108. package/ui/Elements/Icon/icons/FlagUSA.js.map +1 -1
  109. package/ui/Elements/Icon/icons/HamburgerMenu.js +6 -4
  110. package/ui/Elements/Icon/icons/HamburgerMenu.js.map +1 -1
  111. package/ui/Elements/Icon/icons/HelpCircle1.js +6 -4
  112. package/ui/Elements/Icon/icons/HelpCircle1.js.map +1 -1
  113. package/ui/Elements/Icon/icons/Income.js +6 -4
  114. package/ui/Elements/Icon/icons/Income.js.map +1 -1
  115. package/ui/Elements/Icon/icons/Inventory.js +6 -4
  116. package/ui/Elements/Icon/icons/Inventory.js.map +1 -1
  117. package/ui/Elements/Icon/icons/MenuItems.js +6 -4
  118. package/ui/Elements/Icon/icons/MenuItems.js.map +1 -1
  119. package/ui/Elements/Icon/icons/MobileCancel.js +6 -4
  120. package/ui/Elements/Icon/icons/MobileCancel.js.map +1 -1
  121. package/ui/Elements/Icon/icons/Notification2.js +6 -4
  122. package/ui/Elements/Icon/icons/Notification2.js.map +1 -1
  123. package/ui/Elements/Icon/icons/Plus1.js +6 -4
  124. package/ui/Elements/Icon/icons/Plus1.js.map +1 -1
  125. package/ui/Elements/Icon/icons/Products.js +6 -4
  126. package/ui/Elements/Icon/icons/Products.js.map +1 -1
  127. package/ui/Elements/Icon/icons/Profile.js +6 -4
  128. package/ui/Elements/Icon/icons/Profile.js.map +1 -1
  129. package/ui/Elements/Icon/icons/Return.js +6 -4
  130. package/ui/Elements/Icon/icons/Return.js.map +1 -1
  131. package/ui/Elements/Icon/icons/Settings2.js +6 -4
  132. package/ui/Elements/Icon/icons/Settings2.js.map +1 -1
  133. package/ui/Elements/Icon/icons/Transfer.js +6 -4
  134. package/ui/Elements/Icon/icons/Transfer.js.map +1 -1
  135. package/ui/Elements/Icon/index.js +10 -5
  136. package/ui/Elements/Icon/index.js.map +1 -1
  137. package/ui/Elements/Image/Image.js +9 -5
  138. package/ui/Elements/Image/Image.js.map +1 -1
  139. package/ui/Elements/Image/index.js +7 -2
  140. package/ui/Elements/Image/index.js.map +1 -1
  141. package/ui/Elements/Label/Label.js +17 -10
  142. package/ui/Elements/Label/Label.js.map +1 -1
  143. package/ui/Elements/Label/index.js +8 -3
  144. package/ui/Elements/Label/index.js.map +1 -1
  145. package/ui/Elements/Line/Line.js +14 -6
  146. package/ui/Elements/Line/Line.js.map +1 -1
  147. package/ui/Elements/Line/index.js +7 -2
  148. package/ui/Elements/Line/index.js.map +1 -1
  149. package/ui/Elements/Link/Link.js +23 -15
  150. package/ui/Elements/Link/Link.js.map +1 -1
  151. package/ui/Elements/Link/index.js +7 -2
  152. package/ui/Elements/Link/index.js.map +1 -1
  153. package/ui/Elements/Logo/Logo.js +35 -27
  154. package/ui/Elements/Logo/Logo.js.map +1 -1
  155. package/ui/Elements/Logo/assets/mailship/logo_black.png.js +5 -1
  156. package/ui/Elements/Logo/assets/mailship/logo_black.png.js.map +1 -1
  157. package/ui/Elements/Logo/assets/mailship/logo_m.png.js +5 -1
  158. package/ui/Elements/Logo/assets/mailship/logo_m.png.js.map +1 -1
  159. package/ui/Elements/Logo/assets/mailship/logo_white.png.js +5 -1
  160. package/ui/Elements/Logo/assets/mailship/logo_white.png.js.map +1 -1
  161. package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js +6 -2
  162. package/ui/Elements/Logo/assets/mailship/mailship-logo.svg.js.map +1 -1
  163. package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js +6 -2
  164. package/ui/Elements/Logo/assets/mailstep/mailstep_black.svg.js.map +1 -1
  165. package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js +6 -2
  166. package/ui/Elements/Logo/assets/mailstep/mailstep_white.svg.js.map +1 -1
  167. package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js +6 -2
  168. package/ui/Elements/Logo/assets/mailstock/mailstock.svg.js.map +1 -1
  169. package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js +6 -2
  170. package/ui/Elements/Logo/assets/mailwise/mailwiseLogo.svg.js.map +1 -1
  171. package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js +6 -2
  172. package/ui/Elements/Logo/assets/mailwise/mailwiseLogoSmall.svg.js.map +1 -1
  173. package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js +6 -2
  174. package/ui/Elements/Logo/assets/mailwrap/mailwrapLogo.svg.js.map +1 -1
  175. package/ui/Elements/Logo/index.js +7 -2
  176. package/ui/Elements/Logo/index.js.map +1 -1
  177. package/ui/Elements/Pagination/Pagination.js +11 -7
  178. package/ui/Elements/Pagination/Pagination.js.map +1 -1
  179. package/ui/Elements/Pagination/index.js +7 -2
  180. package/ui/Elements/Pagination/index.js.map +1 -1
  181. package/ui/Elements/Pagination/styled.js +25 -14
  182. package/ui/Elements/Pagination/styled.js.map +1 -1
  183. package/ui/Elements/Paragraph/Paragraph.js +7 -3
  184. package/ui/Elements/Paragraph/Paragraph.js.map +1 -1
  185. package/ui/Elements/Paragraph/index.js +7 -2
  186. package/ui/Elements/Paragraph/index.js.map +1 -1
  187. package/ui/Elements/Portal/index.js +15 -6
  188. package/ui/Elements/Portal/index.js.map +1 -1
  189. package/ui/Elements/ProgressBar/ProgressBar.js +8 -4
  190. package/ui/Elements/ProgressBar/ProgressBar.js.map +1 -1
  191. package/ui/Elements/ProgressBar/index.js +7 -2
  192. package/ui/Elements/ProgressBar/index.js.map +1 -1
  193. package/ui/Elements/ProgressBar/styles.js +22 -14
  194. package/ui/Elements/ProgressBar/styles.js.map +1 -1
  195. package/ui/Elements/SimpleLink/SimpleLink.js +15 -7
  196. package/ui/Elements/SimpleLink/SimpleLink.js.map +1 -1
  197. package/ui/Elements/SimpleLink/index.js +7 -2
  198. package/ui/Elements/SimpleLink/index.js.map +1 -1
  199. package/ui/Elements/SpaceAround/SpaceAround.js +20 -12
  200. package/ui/Elements/SpaceAround/SpaceAround.js.map +1 -1
  201. package/ui/Elements/SpaceAround/index.js +7 -2
  202. package/ui/Elements/SpaceAround/index.js.map +1 -1
  203. package/ui/Elements/Spinner/Spinner.js +10 -4
  204. package/ui/Elements/Spinner/Spinner.js.map +1 -1
  205. package/ui/Elements/Spinner/index.js +7 -2
  206. package/ui/Elements/Spinner/index.js.map +1 -1
  207. package/ui/Elements/Spinner/styles.js +16 -9
  208. package/ui/Elements/Spinner/styles.js.map +1 -1
  209. package/ui/Elements/Tag/Tag.js +16 -7
  210. package/ui/Elements/Tag/Tag.js.map +1 -1
  211. package/ui/Elements/Tag/index.js +7 -2
  212. package/ui/Elements/Tag/index.js.map +1 -1
  213. package/ui/Elements/Tag/palletes.js +3 -1
  214. package/ui/Elements/Tag/palletes.js.map +1 -1
  215. package/ui/Elements/Text/Text.js +9 -5
  216. package/ui/Elements/Text/Text.js.map +1 -1
  217. package/ui/Elements/Toast/Toast.js +18 -10
  218. package/ui/Elements/Toast/Toast.js.map +1 -1
  219. package/ui/Elements/Toast/index.js +7 -2
  220. package/ui/Elements/Toast/index.js.map +1 -1
  221. package/ui/Elements/Toggle/Toggle.js +23 -15
  222. package/ui/Elements/Toggle/Toggle.js.map +1 -1
  223. package/ui/Elements/Toggle/index.js +7 -2
  224. package/ui/Elements/Toggle/index.js.map +1 -1
  225. package/ui/Elements/Typography/Typography.js +31 -17
  226. package/ui/Elements/Typography/Typography.js.map +1 -1
  227. package/ui/Elements/Typography/index.js +19 -3
  228. package/ui/Elements/Typography/index.js.map +1 -1
  229. package/ui/Forms/Checkbox/Checkbox.js +13 -9
  230. package/ui/Forms/Checkbox/Checkbox.js.map +1 -1
  231. package/ui/Forms/Checkbox/index.js +7 -2
  232. package/ui/Forms/Checkbox/index.js.map +1 -1
  233. package/ui/Forms/Checkbox/styles.js +18 -9
  234. package/ui/Forms/Checkbox/styles.js.map +1 -1
  235. package/ui/Forms/Input/Input.js +21 -19
  236. package/ui/Forms/Input/Input.js.map +1 -1
  237. package/ui/Forms/Input/index.js +7 -2
  238. package/ui/Forms/Input/index.js.map +1 -1
  239. package/ui/Forms/Input/styles.js +32 -19
  240. package/ui/Forms/Input/styles.js.map +1 -1
  241. package/ui/Forms/RadioButton/RadioButton.js +10 -6
  242. package/ui/Forms/RadioButton/RadioButton.js.map +1 -1
  243. package/ui/Forms/RadioButton/index.js +7 -2
  244. package/ui/Forms/RadioButton/index.js.map +1 -1
  245. package/ui/Forms/RadioButton/styles.js +20 -9
  246. package/ui/Forms/RadioButton/styles.js.map +1 -1
  247. package/ui/ThemeProvider/ThemeProvider.js +9 -5
  248. package/ui/ThemeProvider/ThemeProvider.js.map +1 -1
  249. package/ui/ThemeProvider/index.js +6 -2
  250. package/ui/ThemeProvider/index.js.map +1 -1
  251. package/ui/ThemeProvider/themes/default.js +5 -1
  252. package/ui/ThemeProvider/themes/default.js.map +1 -1
  253. package/ui/ThemeProvider/themes/index.js +11 -7
  254. package/ui/ThemeProvider/themes/index.js.map +1 -1
  255. package/ui/ThemeProvider/themes/light.js +5 -1
  256. package/ui/ThemeProvider/themes/light.js.map +1 -1
  257. package/ui/ThemeProvider/themes/mailwise.js +5 -1
  258. package/ui/ThemeProvider/themes/mailwise.js.map +1 -1
  259. package/ui/dts/ThemeProvider/index.d.ts +0 -1
  260. package/ui/index.d.ts +1 -1
  261. package/ui/index.js +143 -60
  262. package/ui/index.js.map +1 -1
  263. package/ui/utils/CreateRgba/createRgba.js +15 -6
  264. package/ui/utils/CreateRgba/createRgba.js.map +1 -1
  265. package/ui/utils/KeyPress/KeyPress.js +8 -4
  266. package/ui/utils/KeyPress/KeyPress.js.map +1 -1
  267. package/ui/utils/KeyPress/index.js +6 -2
  268. package/ui/utils/KeyPress/index.js.map +1 -1
  269. package/ui/utils/index.js +11 -5
  270. package/ui/utils/index.js.map +1 -1
@@ -1,5 +1,11 @@
1
- import { __makeTemplateObject } from 'tslib';
2
- import styled, { system, th, css } from '@xstyled/styled-components';
1
+ 'use strict';
2
+
3
+ var tslib = require('tslib');
4
+ var styled = require('@xstyled/styled-components');
5
+
6
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
7
+
8
+ var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
3
9
 
4
10
  var resolvePaddingRight = function (props) {
5
11
  var $icon = props.$icon, $iconPlacement = props.$iconPlacement, $isClearable = props.$isClearable, $hasSuffix = props.$hasSuffix;
@@ -12,47 +18,54 @@ var resolvePaddingRight = function (props) {
12
18
  padding += 2;
13
19
  return String(padding);
14
20
  };
15
- var InputIcon = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n\n // top: 52%; // TODO fix\n // transform: translateY(-50%); // TODO why does this do the overlap bug\n left: ", ";\n right: ", ";\n\n svg {\n stroke: lightGray3;\n cursor: pointer;\n }\n"], ["\n position: absolute;\n\n // top: 52%; // TODO fix\n // transform: translateY(-50%); // TODO why does this do the overlap bug\n left: ", ";\n right: ", ";\n\n svg {\n stroke: lightGray3;\n cursor: pointer;\n }\n"])), function (_a) {
21
+ var InputIcon = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n position: absolute;\n\n // top: 52%; // TODO fix\n // transform: translateY(-50%); // TODO why does this do the overlap bug\n left: ", ";\n right: ", ";\n\n svg {\n stroke: lightGray3;\n cursor: pointer;\n }\n"], ["\n position: absolute;\n\n // top: 52%; // TODO fix\n // transform: translateY(-50%); // TODO why does this do the overlap bug\n left: ", ";\n right: ", ";\n\n svg {\n stroke: lightGray3;\n cursor: pointer;\n }\n"])), function (_a) {
16
22
  var right = _a.right;
17
23
  return (right ? 'auto' : '1em');
18
24
  }, function (_a) {
19
25
  var right = _a.right;
20
26
  return (right ? '0.5em' : 'auto');
21
27
  });
22
- var IconsController = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n top: 0.2em;\n right: 0.5em;\n"], ["\n position: absolute;\n top: 0.2em;\n right: 0.5em;\n"])));
23
- var IconWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n svg {\n :hover {\n cursor: pointer;\n color: blue2;\n }\n }\n"], ["\n display: flex;\n svg {\n :hover {\n cursor: pointer;\n color: blue2;\n }\n }\n"])));
24
- var StyledInput = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n border: slim;\n border-color: ", ";\n box-sizing: border-box;\n background-clip: padding-box;\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n padding-right: ", "em;\n display: block;\n width: 100%;\n font-family: ", ";\n font-size: 14px;\n font-weight: medium;\n transition: inputTransition;\n\n ~ ", " {\n svg {\n stroke: lightGray3;\n }\n }\n\n ::placeholder {\n color: lightGray3;\n opacity: 1;\n }\n\n :focus {\n background-color: white;\n border-color: blue2;\n color: typoPrimary;\n outline: 0;\n\n ~ ", " {\n svg {\n stroke: blue2;\n }\n }\n }\n ", ";\n :disabled,\n :disabled:hover {\n background-color: lightGray1;\n border-color: lightGray3;\n color: gray;\n }\n\n text-overflow: ellipsis;\n\n -moz-appearance: textfield;\n appearance: textfield;\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n"], ["\n ", ";\n border: slim;\n border-color: ", ";\n box-sizing: border-box;\n background-clip: padding-box;\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n padding-right: ", "em;\n display: block;\n width: 100%;\n font-family: ", ";\n font-size: 14px;\n font-weight: medium;\n transition: inputTransition;\n\n ~ ", " {\n svg {\n stroke: lightGray3;\n }\n }\n\n ::placeholder {\n color: lightGray3;\n opacity: 1;\n }\n\n :focus {\n background-color: white;\n border-color: blue2;\n color: typoPrimary;\n outline: 0;\n\n ~ ", " {\n svg {\n stroke: blue2;\n }\n }\n }\n ", ";\n :disabled,\n :disabled:hover {\n background-color: lightGray1;\n border-color: lightGray3;\n color: gray;\n }\n\n text-overflow: ellipsis;\n\n -moz-appearance: textfield;\n appearance: textfield;\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n"])), system, function (_a) {
28
+ var IconsController = styled__default.default.div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n position: absolute;\n top: 0.2em;\n right: 0.5em;\n"], ["\n position: absolute;\n top: 0.2em;\n right: 0.5em;\n"])));
29
+ var IconWrapper = styled__default.default.div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n display: flex;\n svg {\n :hover {\n cursor: pointer;\n color: blue2;\n }\n }\n"], ["\n display: flex;\n svg {\n :hover {\n cursor: pointer;\n color: blue2;\n }\n }\n"])));
30
+ var StyledInput = styled__default.default.input(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n ", ";\n border: slim;\n border-color: ", ";\n box-sizing: border-box;\n background-clip: padding-box;\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n padding-right: ", "em;\n display: block;\n width: 100%;\n font-family: ", ";\n font-size: 14px;\n font-weight: medium;\n transition: inputTransition;\n\n ~ ", " {\n svg {\n stroke: lightGray3;\n }\n }\n\n ::placeholder {\n color: lightGray3;\n opacity: 1;\n }\n\n :focus {\n background-color: white;\n border-color: blue2;\n color: typoPrimary;\n outline: 0;\n\n ~ ", " {\n svg {\n stroke: blue2;\n }\n }\n }\n ", ";\n :disabled,\n :disabled:hover {\n background-color: lightGray1;\n border-color: lightGray3;\n color: gray;\n }\n\n text-overflow: ellipsis;\n\n -moz-appearance: textfield;\n appearance: textfield;\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n"], ["\n ", ";\n border: slim;\n border-color: ", ";\n box-sizing: border-box;\n background-clip: padding-box;\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n padding-right: ", "em;\n display: block;\n width: 100%;\n font-family: ", ";\n font-size: 14px;\n font-weight: medium;\n transition: inputTransition;\n\n ~ ", " {\n svg {\n stroke: lightGray3;\n }\n }\n\n ::placeholder {\n color: lightGray3;\n opacity: 1;\n }\n\n :focus {\n background-color: white;\n border-color: blue2;\n color: typoPrimary;\n outline: 0;\n\n ~ ", " {\n svg {\n stroke: blue2;\n }\n }\n }\n ", ";\n :disabled,\n :disabled:hover {\n background-color: lightGray1;\n border-color: lightGray3;\n color: gray;\n }\n\n text-overflow: ellipsis;\n\n -moz-appearance: textfield;\n appearance: textfield;\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n"])), styled.system, function (_a) {
25
31
  var $isInvalid = _a.$isInvalid;
26
- return ($isInvalid ? th.color('red1') : th.color('lightGray6'));
27
- }, function (props) { return resolvePaddingRight(props); }, th('fonts.primary'), InputIcon, InputIcon, function (_a) {
32
+ return ($isInvalid ? styled.th.color('red1') : styled.th.color('lightGray6'));
33
+ }, function (props) { return resolvePaddingRight(props); }, styled.th('fonts.primary'), InputIcon, InputIcon, function (_a) {
28
34
  var big = _a.big;
29
35
  return big
30
- ? css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-size: 30px;\n color: gray;\n font-weight: semiBold;\n padding: 0 0.5rem 0 1.25rem;\n "], ["\n font-size: 30px;\n color: gray;\n font-weight: semiBold;\n padding: 0 0.5rem 0 1.25rem;\n "]))) : '';
36
+ ? styled.css(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n font-size: 30px;\n color: gray;\n font-weight: semiBold;\n padding: 0 0.5rem 0 1.25rem;\n "], ["\n font-size: 30px;\n color: gray;\n font-weight: semiBold;\n padding: 0 0.5rem 0 1.25rem;\n "]))) : '';
31
37
  });
32
- var InputWrap = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
33
- var Suffix = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n font-size: 14px;\n font-weight: 700;\n height: 100%;\n width: 40px;\n padding: 2;\n color: typoPrimary;\n font-family: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: slim;\n border-top-right-radius: lg;\n border-bottom-right-radius: lg;\n border-left: none;\n\n ", ";\n\n input:focus ~ & {\n border-color: blue2;\n }\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n font-size: 14px;\n font-weight: 700;\n height: 100%;\n width: 40px;\n padding: 2;\n color: typoPrimary;\n font-family: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: slim;\n border-top-right-radius: lg;\n border-bottom-right-radius: lg;\n border-left: none;\n\n ", ";\n\n input:focus ~ & {\n border-color: blue2;\n }\n"])), th('fonts.primary'), function (_a) {
38
+ var InputWrap = styled__default.default.div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
39
+ var Suffix = styled__default.default.div(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n font-size: 14px;\n font-weight: 700;\n height: 100%;\n width: 40px;\n padding: 2;\n color: typoPrimary;\n font-family: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: slim;\n border-top-right-radius: lg;\n border-bottom-right-radius: lg;\n border-left: none;\n\n ", ";\n\n input:focus ~ & {\n border-color: blue2;\n }\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n font-size: 14px;\n font-weight: 700;\n height: 100%;\n width: 40px;\n padding: 2;\n color: typoPrimary;\n font-family: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n border: slim;\n border-top-right-radius: lg;\n border-bottom-right-radius: lg;\n border-left: none;\n\n ", ";\n\n input:focus ~ & {\n border-color: blue2;\n }\n"])), styled.th('fonts.primary'), function (_a) {
34
40
  var $isPointer = _a.$isPointer;
35
41
  return $isPointer
36
- ? css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n cursor: pointer;\n "], ["\n cursor: pointer;\n "]))) : '';
42
+ ? styled.css(templateObject_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n cursor: pointer;\n "], ["\n cursor: pointer;\n "]))) : '';
37
43
  });
38
- var InputRow = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: relative;\n color: ", ";\n & > * {\n border-color: ", ";\n color: ", ";\n }\n :hover > * {\n border-color: ", ";\n }\n &:focus-within {\n color: typoPrimary;\n }\n .primary {\n line-height: 0;\n height: 38px;\n border-radius: lg;\n ~ ", " {\n top: 10px;\n }\n }\n .grid {\n line-height: 1.2px;\n border-radius: md;\n ~ ", " {\n top: 7px;\n }\n }\n .left {\n padding-left: ", ";\n }\n .right {\n padding-right: 1.4em;\n padding-left: 1em;\n }\n"], ["\n position: relative;\n color: ", ";\n & > * {\n border-color: ", ";\n color: ", ";\n }\n :hover > * {\n border-color: ", ";\n }\n &:focus-within {\n color: typoPrimary;\n }\n .primary {\n line-height: 0;\n height: 38px;\n border-radius: lg;\n ~ ", " {\n top: 10px;\n }\n }\n .grid {\n line-height: 1.2px;\n border-radius: md;\n ~ ", " {\n top: 7px;\n }\n }\n .left {\n padding-left: ", ";\n }\n .right {\n padding-right: 1.4em;\n padding-left: 1em;\n }\n"])), function (_a) {
44
+ var InputRow = styled__default.default.div(templateObject_9 || (templateObject_9 = tslib.__makeTemplateObject(["\n position: relative;\n color: ", ";\n & > * {\n border-color: ", ";\n color: ", ";\n }\n :hover > * {\n border-color: ", ";\n }\n &:focus-within {\n color: typoPrimary;\n }\n .primary {\n line-height: 0;\n height: 38px;\n border-radius: lg;\n ~ ", " {\n top: 10px;\n }\n }\n .grid {\n line-height: 1.2px;\n border-radius: md;\n ~ ", " {\n top: 7px;\n }\n }\n .left {\n padding-left: ", ";\n }\n .right {\n padding-right: 1.4em;\n padding-left: 1em;\n }\n"], ["\n position: relative;\n color: ", ";\n & > * {\n border-color: ", ";\n color: ", ";\n }\n :hover > * {\n border-color: ", ";\n }\n &:focus-within {\n color: typoPrimary;\n }\n .primary {\n line-height: 0;\n height: 38px;\n border-radius: lg;\n ~ ", " {\n top: 10px;\n }\n }\n .grid {\n line-height: 1.2px;\n border-radius: md;\n ~ ", " {\n top: 7px;\n }\n }\n .left {\n padding-left: ", ";\n }\n .right {\n padding-right: 1.4em;\n padding-left: 1em;\n }\n"])), function (_a) {
39
45
  var $isInvalid = _a.$isInvalid;
40
- return ($isInvalid ? th.color('red1') : th.color('gray'));
46
+ return ($isInvalid ? styled.th.color('red1') : styled.th.color('gray'));
41
47
  }, function (_a) {
42
48
  var $isInvalid = _a.$isInvalid;
43
- return ($isInvalid ? th.color('red1') : th.color('lightGray6'));
49
+ return ($isInvalid ? styled.th.color('red1') : styled.th.color('lightGray6'));
44
50
  }, function (_a) {
45
51
  var $isInvalid = _a.$isInvalid, hasValue = _a.hasValue;
46
- return $isInvalid ? th.color('red1') : hasValue ? th.color('typoPrimary') : th.color('gray');
52
+ return $isInvalid ? styled.th.color('red1') : hasValue ? styled.th.color('typoPrimary') : styled.th.color('gray');
47
53
  }, function (_a) {
48
54
  var disabled = _a.disabled;
49
- return (disabled ? th.color('lightGray3') : th.color('gray5'));
55
+ return (disabled ? styled.th.color('lightGray3') : styled.th.color('gray5'));
50
56
  }, InputIcon, InputIcon, function (_a) {
51
57
  var $icon = _a.$icon;
52
58
  return ($icon ? '3em' : '1em');
53
59
  });
54
- var Tooltip = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n span {\n display: none;\n position: absolute;\n width: 120px;\n background-color: white;\n color: red1;\n border-color: red1;\n border: 1px solid;\n text-align: center;\n border-radius: lg;\n padding: 1 3;\n margin: 1;\n z-index: 1;\n transition: opacity 0.3s;\n top: 0;\n left: 100%;\n margin-left: 2;\n box-shadow: tooltipBoxShadow;\n\n :after {\n content: '';\n position: absolute;\n top: 0px;\n right: 100%;\n border: mediumThick;\n border-color: transparent ", " transparent transparent;\n }\n }\n\n :hover {\n cursor: pointer;\n span {\n display: block;\n }\n }\n"], ["\n span {\n display: none;\n position: absolute;\n width: 120px;\n background-color: white;\n color: red1;\n border-color: red1;\n border: 1px solid;\n text-align: center;\n border-radius: lg;\n padding: 1 3;\n margin: 1;\n z-index: 1;\n transition: opacity 0.3s;\n top: 0;\n left: 100%;\n margin-left: 2;\n box-shadow: tooltipBoxShadow;\n\n :after {\n content: '';\n position: absolute;\n top: 0px;\n right: 100%;\n border: mediumThick;\n border-color: transparent ", " transparent transparent;\n }\n }\n\n :hover {\n cursor: pointer;\n span {\n display: block;\n }\n }\n"])), th.color('red1'));
60
+ var Tooltip = styled__default.default.div(templateObject_10 || (templateObject_10 = tslib.__makeTemplateObject(["\n span {\n display: none;\n position: absolute;\n width: 120px;\n background-color: white;\n color: red1;\n border-color: red1;\n border: 1px solid;\n text-align: center;\n border-radius: lg;\n padding: 1 3;\n margin: 1;\n z-index: 1;\n transition: opacity 0.3s;\n top: 0;\n left: 100%;\n margin-left: 2;\n box-shadow: tooltipBoxShadow;\n\n :after {\n content: '';\n position: absolute;\n top: 0px;\n right: 100%;\n border: mediumThick;\n border-color: transparent ", " transparent transparent;\n }\n }\n\n :hover {\n cursor: pointer;\n span {\n display: block;\n }\n }\n"], ["\n span {\n display: none;\n position: absolute;\n width: 120px;\n background-color: white;\n color: red1;\n border-color: red1;\n border: 1px solid;\n text-align: center;\n border-radius: lg;\n padding: 1 3;\n margin: 1;\n z-index: 1;\n transition: opacity 0.3s;\n top: 0;\n left: 100%;\n margin-left: 2;\n box-shadow: tooltipBoxShadow;\n\n :after {\n content: '';\n position: absolute;\n top: 0px;\n right: 100%;\n border: mediumThick;\n border-color: transparent ", " transparent transparent;\n }\n }\n\n :hover {\n cursor: pointer;\n span {\n display: block;\n }\n }\n"])), styled.th.color('red1'));
55
61
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
56
62
 
57
- export { IconWrapper, IconsController, InputIcon, InputRow, InputWrap, StyledInput, Suffix, Tooltip };
63
+ exports.IconWrapper = IconWrapper;
64
+ exports.IconsController = IconsController;
65
+ exports.InputIcon = InputIcon;
66
+ exports.InputRow = InputRow;
67
+ exports.InputWrap = InputWrap;
68
+ exports.StyledInput = StyledInput;
69
+ exports.Suffix = Suffix;
70
+ exports.Tooltip = Tooltip;
58
71
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../packages/ui/Forms/Input/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { css, system, th } from '@xstyled/styled-components';\nvar resolvePaddingRight = function (props) {\n var $icon = props.$icon, $iconPlacement = props.$iconPlacement, $isClearable = props.$isClearable, $hasSuffix = props.$hasSuffix;\n var padding = 2;\n if ($icon && $iconPlacement === 'right')\n padding += 1;\n if ($isClearable)\n padding += 1;\n if ($hasSuffix)\n padding += 2;\n return String(padding);\n};\nexport var InputIcon = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: absolute;\\n\\n // top: 52%; // TODO fix\\n // transform: translateY(-50%); // TODO why does this do the overlap bug\\n left: \", \";\\n right: \", \";\\n\\n svg {\\n stroke: lightGray3;\\n cursor: pointer;\\n }\\n\"], [\"\\n position: absolute;\\n\\n // top: 52%; // TODO fix\\n // transform: translateY(-50%); // TODO why does this do the overlap bug\\n left: \", \";\\n right: \", \";\\n\\n svg {\\n stroke: lightGray3;\\n cursor: pointer;\\n }\\n\"])), function (_a) {\n var right = _a.right;\n return (right ? 'auto' : '1em');\n}, function (_a) {\n var right = _a.right;\n return (right ? '0.5em' : 'auto');\n});\nexport var IconsController = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n position: absolute;\\n top: 0.2em;\\n right: 0.5em;\\n\"], [\"\\n position: absolute;\\n top: 0.2em;\\n right: 0.5em;\\n\"])));\nexport var IconWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n display: flex;\\n svg {\\n :hover {\\n cursor: pointer;\\n color: blue2;\\n }\\n }\\n\"], [\"\\n display: flex;\\n svg {\\n :hover {\\n cursor: pointer;\\n color: blue2;\\n }\\n }\\n\"])));\nexport var StyledInput = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n \", \";\\n border: slim;\\n border-color: \", \";\\n box-sizing: border-box;\\n background-clip: padding-box;\\n padding-top: 0.5em;\\n padding-bottom: 0.5em;\\n padding-right: \", \"em;\\n display: block;\\n width: 100%;\\n font-family: \", \";\\n font-size: 14px;\\n font-weight: medium;\\n transition: inputTransition;\\n\\n ~ \", \" {\\n svg {\\n stroke: lightGray3;\\n }\\n }\\n\\n ::placeholder {\\n color: lightGray3;\\n opacity: 1;\\n }\\n\\n :focus {\\n background-color: white;\\n border-color: blue2;\\n color: typoPrimary;\\n outline: 0;\\n\\n ~ \", \" {\\n svg {\\n stroke: blue2;\\n }\\n }\\n }\\n \", \";\\n :disabled,\\n :disabled:hover {\\n background-color: lightGray1;\\n border-color: lightGray3;\\n color: gray;\\n }\\n\\n text-overflow: ellipsis;\\n\\n -moz-appearance: textfield;\\n appearance: textfield;\\n ::-webkit-inner-spin-button {\\n -webkit-appearance: none;\\n }\\n\"], [\"\\n \", \";\\n border: slim;\\n border-color: \", \";\\n box-sizing: border-box;\\n background-clip: padding-box;\\n padding-top: 0.5em;\\n padding-bottom: 0.5em;\\n padding-right: \", \"em;\\n display: block;\\n width: 100%;\\n font-family: \", \";\\n font-size: 14px;\\n font-weight: medium;\\n transition: inputTransition;\\n\\n ~ \", \" {\\n svg {\\n stroke: lightGray3;\\n }\\n }\\n\\n ::placeholder {\\n color: lightGray3;\\n opacity: 1;\\n }\\n\\n :focus {\\n background-color: white;\\n border-color: blue2;\\n color: typoPrimary;\\n outline: 0;\\n\\n ~ \", \" {\\n svg {\\n stroke: blue2;\\n }\\n }\\n }\\n \", \";\\n :disabled,\\n :disabled:hover {\\n background-color: lightGray1;\\n border-color: lightGray3;\\n color: gray;\\n }\\n\\n text-overflow: ellipsis;\\n\\n -moz-appearance: textfield;\\n appearance: textfield;\\n ::-webkit-inner-spin-button {\\n -webkit-appearance: none;\\n }\\n\"])), system, function (_a) {\n var $isInvalid = _a.$isInvalid;\n return ($isInvalid ? th.color('red1') : th.color('lightGray6'));\n}, function (props) { return resolvePaddingRight(props); }, th('fonts.primary'), InputIcon, InputIcon, function (_a) {\n var big = _a.big;\n return big\n ? css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n font-size: 30px;\\n color: gray;\\n font-weight: semiBold;\\n padding: 0 0.5rem 0 1.25rem;\\n \"], [\"\\n font-size: 30px;\\n color: gray;\\n font-weight: semiBold;\\n padding: 0 0.5rem 0 1.25rem;\\n \"]))) : '';\n});\nexport var InputWrap = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n position: relative;\\n\"], [\"\\n position: relative;\\n\"])));\nexport var Suffix = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n position: absolute;\\n right: 0;\\n top: 0;\\n font-size: 14px;\\n font-weight: 700;\\n height: 100%;\\n width: 40px;\\n padding: 2;\\n color: typoPrimary;\\n font-family: \", \";\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\\n border: slim;\\n border-top-right-radius: lg;\\n border-bottom-right-radius: lg;\\n border-left: none;\\n\\n \", \";\\n\\n input:focus ~ & {\\n border-color: blue2;\\n }\\n\"], [\"\\n position: absolute;\\n right: 0;\\n top: 0;\\n font-size: 14px;\\n font-weight: 700;\\n height: 100%;\\n width: 40px;\\n padding: 2;\\n color: typoPrimary;\\n font-family: \", \";\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\\n border: slim;\\n border-top-right-radius: lg;\\n border-bottom-right-radius: lg;\\n border-left: none;\\n\\n \", \";\\n\\n input:focus ~ & {\\n border-color: blue2;\\n }\\n\"])), th('fonts.primary'), function (_a) {\n var $isPointer = _a.$isPointer;\n return $isPointer\n ? css(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n cursor: pointer;\\n \"], [\"\\n cursor: pointer;\\n \"]))) : '';\n});\nexport var InputRow = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject([\"\\n position: relative;\\n color: \", \";\\n & > * {\\n border-color: \", \";\\n color: \", \";\\n }\\n :hover > * {\\n border-color: \", \";\\n }\\n &:focus-within {\\n color: typoPrimary;\\n }\\n .primary {\\n line-height: 0;\\n height: 38px;\\n border-radius: lg;\\n ~ \", \" {\\n top: 10px;\\n }\\n }\\n .grid {\\n line-height: 1.2px;\\n border-radius: md;\\n ~ \", \" {\\n top: 7px;\\n }\\n }\\n .left {\\n padding-left: \", \";\\n }\\n .right {\\n padding-right: 1.4em;\\n padding-left: 1em;\\n }\\n\"], [\"\\n position: relative;\\n color: \", \";\\n & > * {\\n border-color: \", \";\\n color: \", \";\\n }\\n :hover > * {\\n border-color: \", \";\\n }\\n &:focus-within {\\n color: typoPrimary;\\n }\\n .primary {\\n line-height: 0;\\n height: 38px;\\n border-radius: lg;\\n ~ \", \" {\\n top: 10px;\\n }\\n }\\n .grid {\\n line-height: 1.2px;\\n border-radius: md;\\n ~ \", \" {\\n top: 7px;\\n }\\n }\\n .left {\\n padding-left: \", \";\\n }\\n .right {\\n padding-right: 1.4em;\\n padding-left: 1em;\\n }\\n\"])), function (_a) {\n var $isInvalid = _a.$isInvalid;\n return ($isInvalid ? th.color('red1') : th.color('gray'));\n}, function (_a) {\n var $isInvalid = _a.$isInvalid;\n return ($isInvalid ? th.color('red1') : th.color('lightGray6'));\n}, function (_a) {\n var $isInvalid = _a.$isInvalid, hasValue = _a.hasValue;\n return $isInvalid ? th.color('red1') : hasValue ? th.color('typoPrimary') : th.color('gray');\n}, function (_a) {\n var disabled = _a.disabled;\n return (disabled ? th.color('lightGray3') : th.color('gray5'));\n}, InputIcon, InputIcon, function (_a) {\n var $icon = _a.$icon;\n return ($icon ? '3em' : '1em');\n});\nexport var Tooltip = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject([\"\\n span {\\n display: none;\\n position: absolute;\\n width: 120px;\\n background-color: white;\\n color: red1;\\n border-color: red1;\\n border: 1px solid;\\n text-align: center;\\n border-radius: lg;\\n padding: 1 3;\\n margin: 1;\\n z-index: 1;\\n transition: opacity 0.3s;\\n top: 0;\\n left: 100%;\\n margin-left: 2;\\n box-shadow: tooltipBoxShadow;\\n\\n :after {\\n content: '';\\n position: absolute;\\n top: 0px;\\n right: 100%;\\n border: mediumThick;\\n border-color: transparent \", \" transparent transparent;\\n }\\n }\\n\\n :hover {\\n cursor: pointer;\\n span {\\n display: block;\\n }\\n }\\n\"], [\"\\n span {\\n display: none;\\n position: absolute;\\n width: 120px;\\n background-color: white;\\n color: red1;\\n border-color: red1;\\n border: 1px solid;\\n text-align: center;\\n border-radius: lg;\\n padding: 1 3;\\n margin: 1;\\n z-index: 1;\\n transition: opacity 0.3s;\\n top: 0;\\n left: 100%;\\n margin-left: 2;\\n box-shadow: tooltipBoxShadow;\\n\\n :after {\\n content: '';\\n position: absolute;\\n top: 0px;\\n right: 100%;\\n border: mediumThick;\\n border-color: transparent \", \" transparent transparent;\\n }\\n }\\n\\n :hover {\\n cursor: pointer;\\n span {\\n display: block;\\n }\\n }\\n\"])), th.color('red1'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sources":["../../../../packages/ui/Forms/Input/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { css, system, th } from '@xstyled/styled-components';\nvar resolvePaddingRight = function (props) {\n var $icon = props.$icon, $iconPlacement = props.$iconPlacement, $isClearable = props.$isClearable, $hasSuffix = props.$hasSuffix;\n var padding = 2;\n if ($icon && $iconPlacement === 'right')\n padding += 1;\n if ($isClearable)\n padding += 1;\n if ($hasSuffix)\n padding += 2;\n return String(padding);\n};\nexport var InputIcon = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: absolute;\\n\\n // top: 52%; // TODO fix\\n // transform: translateY(-50%); // TODO why does this do the overlap bug\\n left: \", \";\\n right: \", \";\\n\\n svg {\\n stroke: lightGray3;\\n cursor: pointer;\\n }\\n\"], [\"\\n position: absolute;\\n\\n // top: 52%; // TODO fix\\n // transform: translateY(-50%); // TODO why does this do the overlap bug\\n left: \", \";\\n right: \", \";\\n\\n svg {\\n stroke: lightGray3;\\n cursor: pointer;\\n }\\n\"])), function (_a) {\n var right = _a.right;\n return (right ? 'auto' : '1em');\n}, function (_a) {\n var right = _a.right;\n return (right ? '0.5em' : 'auto');\n});\nexport var IconsController = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n position: absolute;\\n top: 0.2em;\\n right: 0.5em;\\n\"], [\"\\n position: absolute;\\n top: 0.2em;\\n right: 0.5em;\\n\"])));\nexport var IconWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n display: flex;\\n svg {\\n :hover {\\n cursor: pointer;\\n color: blue2;\\n }\\n }\\n\"], [\"\\n display: flex;\\n svg {\\n :hover {\\n cursor: pointer;\\n color: blue2;\\n }\\n }\\n\"])));\nexport var StyledInput = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n \", \";\\n border: slim;\\n border-color: \", \";\\n box-sizing: border-box;\\n background-clip: padding-box;\\n padding-top: 0.5em;\\n padding-bottom: 0.5em;\\n padding-right: \", \"em;\\n display: block;\\n width: 100%;\\n font-family: \", \";\\n font-size: 14px;\\n font-weight: medium;\\n transition: inputTransition;\\n\\n ~ \", \" {\\n svg {\\n stroke: lightGray3;\\n }\\n }\\n\\n ::placeholder {\\n color: lightGray3;\\n opacity: 1;\\n }\\n\\n :focus {\\n background-color: white;\\n border-color: blue2;\\n color: typoPrimary;\\n outline: 0;\\n\\n ~ \", \" {\\n svg {\\n stroke: blue2;\\n }\\n }\\n }\\n \", \";\\n :disabled,\\n :disabled:hover {\\n background-color: lightGray1;\\n border-color: lightGray3;\\n color: gray;\\n }\\n\\n text-overflow: ellipsis;\\n\\n -moz-appearance: textfield;\\n appearance: textfield;\\n ::-webkit-inner-spin-button {\\n -webkit-appearance: none;\\n }\\n\"], [\"\\n \", \";\\n border: slim;\\n border-color: \", \";\\n box-sizing: border-box;\\n background-clip: padding-box;\\n padding-top: 0.5em;\\n padding-bottom: 0.5em;\\n padding-right: \", \"em;\\n display: block;\\n width: 100%;\\n font-family: \", \";\\n font-size: 14px;\\n font-weight: medium;\\n transition: inputTransition;\\n\\n ~ \", \" {\\n svg {\\n stroke: lightGray3;\\n }\\n }\\n\\n ::placeholder {\\n color: lightGray3;\\n opacity: 1;\\n }\\n\\n :focus {\\n background-color: white;\\n border-color: blue2;\\n color: typoPrimary;\\n outline: 0;\\n\\n ~ \", \" {\\n svg {\\n stroke: blue2;\\n }\\n }\\n }\\n \", \";\\n :disabled,\\n :disabled:hover {\\n background-color: lightGray1;\\n border-color: lightGray3;\\n color: gray;\\n }\\n\\n text-overflow: ellipsis;\\n\\n -moz-appearance: textfield;\\n appearance: textfield;\\n ::-webkit-inner-spin-button {\\n -webkit-appearance: none;\\n }\\n\"])), system, function (_a) {\n var $isInvalid = _a.$isInvalid;\n return ($isInvalid ? th.color('red1') : th.color('lightGray6'));\n}, function (props) { return resolvePaddingRight(props); }, th('fonts.primary'), InputIcon, InputIcon, function (_a) {\n var big = _a.big;\n return big\n ? css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n font-size: 30px;\\n color: gray;\\n font-weight: semiBold;\\n padding: 0 0.5rem 0 1.25rem;\\n \"], [\"\\n font-size: 30px;\\n color: gray;\\n font-weight: semiBold;\\n padding: 0 0.5rem 0 1.25rem;\\n \"]))) : '';\n});\nexport var InputWrap = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n position: relative;\\n\"], [\"\\n position: relative;\\n\"])));\nexport var Suffix = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n position: absolute;\\n right: 0;\\n top: 0;\\n font-size: 14px;\\n font-weight: 700;\\n height: 100%;\\n width: 40px;\\n padding: 2;\\n color: typoPrimary;\\n font-family: \", \";\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\\n border: slim;\\n border-top-right-radius: lg;\\n border-bottom-right-radius: lg;\\n border-left: none;\\n\\n \", \";\\n\\n input:focus ~ & {\\n border-color: blue2;\\n }\\n\"], [\"\\n position: absolute;\\n right: 0;\\n top: 0;\\n font-size: 14px;\\n font-weight: 700;\\n height: 100%;\\n width: 40px;\\n padding: 2;\\n color: typoPrimary;\\n font-family: \", \";\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\\n border: slim;\\n border-top-right-radius: lg;\\n border-bottom-right-radius: lg;\\n border-left: none;\\n\\n \", \";\\n\\n input:focus ~ & {\\n border-color: blue2;\\n }\\n\"])), th('fonts.primary'), function (_a) {\n var $isPointer = _a.$isPointer;\n return $isPointer\n ? css(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n cursor: pointer;\\n \"], [\"\\n cursor: pointer;\\n \"]))) : '';\n});\nexport var InputRow = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject([\"\\n position: relative;\\n color: \", \";\\n & > * {\\n border-color: \", \";\\n color: \", \";\\n }\\n :hover > * {\\n border-color: \", \";\\n }\\n &:focus-within {\\n color: typoPrimary;\\n }\\n .primary {\\n line-height: 0;\\n height: 38px;\\n border-radius: lg;\\n ~ \", \" {\\n top: 10px;\\n }\\n }\\n .grid {\\n line-height: 1.2px;\\n border-radius: md;\\n ~ \", \" {\\n top: 7px;\\n }\\n }\\n .left {\\n padding-left: \", \";\\n }\\n .right {\\n padding-right: 1.4em;\\n padding-left: 1em;\\n }\\n\"], [\"\\n position: relative;\\n color: \", \";\\n & > * {\\n border-color: \", \";\\n color: \", \";\\n }\\n :hover > * {\\n border-color: \", \";\\n }\\n &:focus-within {\\n color: typoPrimary;\\n }\\n .primary {\\n line-height: 0;\\n height: 38px;\\n border-radius: lg;\\n ~ \", \" {\\n top: 10px;\\n }\\n }\\n .grid {\\n line-height: 1.2px;\\n border-radius: md;\\n ~ \", \" {\\n top: 7px;\\n }\\n }\\n .left {\\n padding-left: \", \";\\n }\\n .right {\\n padding-right: 1.4em;\\n padding-left: 1em;\\n }\\n\"])), function (_a) {\n var $isInvalid = _a.$isInvalid;\n return ($isInvalid ? th.color('red1') : th.color('gray'));\n}, function (_a) {\n var $isInvalid = _a.$isInvalid;\n return ($isInvalid ? th.color('red1') : th.color('lightGray6'));\n}, function (_a) {\n var $isInvalid = _a.$isInvalid, hasValue = _a.hasValue;\n return $isInvalid ? th.color('red1') : hasValue ? th.color('typoPrimary') : th.color('gray');\n}, function (_a) {\n var disabled = _a.disabled;\n return (disabled ? th.color('lightGray3') : th.color('gray5'));\n}, InputIcon, InputIcon, function (_a) {\n var $icon = _a.$icon;\n return ($icon ? '3em' : '1em');\n});\nexport var Tooltip = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject([\"\\n span {\\n display: none;\\n position: absolute;\\n width: 120px;\\n background-color: white;\\n color: red1;\\n border-color: red1;\\n border: 1px solid;\\n text-align: center;\\n border-radius: lg;\\n padding: 1 3;\\n margin: 1;\\n z-index: 1;\\n transition: opacity 0.3s;\\n top: 0;\\n left: 100%;\\n margin-left: 2;\\n box-shadow: tooltipBoxShadow;\\n\\n :after {\\n content: '';\\n position: absolute;\\n top: 0px;\\n right: 100%;\\n border: mediumThick;\\n border-color: transparent \", \" transparent transparent;\\n }\\n }\\n\\n :hover {\\n cursor: pointer;\\n span {\\n display: block;\\n }\\n }\\n\"], [\"\\n span {\\n display: none;\\n position: absolute;\\n width: 120px;\\n background-color: white;\\n color: red1;\\n border-color: red1;\\n border: 1px solid;\\n text-align: center;\\n border-radius: lg;\\n padding: 1 3;\\n margin: 1;\\n z-index: 1;\\n transition: opacity 0.3s;\\n top: 0;\\n left: 100%;\\n margin-left: 2;\\n box-shadow: tooltipBoxShadow;\\n\\n :after {\\n content: '';\\n position: absolute;\\n top: 0px;\\n right: 100%;\\n border: mediumThick;\\n border-color: transparent \", \" transparent transparent;\\n }\\n }\\n\\n :hover {\\n cursor: pointer;\\n span {\\n display: block;\\n }\\n }\\n\"])), th.color('red1'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;\n//# sourceMappingURL=styles.js.map"],"names":["styled","__makeTemplateObject","system","th","css"],"mappings":"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"}
@@ -1,11 +1,15 @@
1
- import { __rest, __assign } from 'tslib';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { Wrapper, Item, StyledRadio, PaintoverLayer, CenterDot, Label } from './styles.js';
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var jsxRuntime = require('react/jsx-runtime');
7
+ var styles = require('./styles.js');
4
8
 
5
9
  var RadioButton = function (_a) {
6
- var label = _a.label, id = _a.id, name = _a.name, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, ["label", "id", "name", "disabled", "onChange"]);
7
- return (jsxs(Wrapper, { children: [jsxs(Item, { children: [jsx(StyledRadio, __assign({ type: "radio", id: id, name: name, disabled: disabled, onChange: onChange }, rest)), jsx(PaintoverLayer, { disabled: disabled, children: jsx(CenterDot, {}) })] }), label && jsx(Label, { children: label })] }));
10
+ var label = _a.label, id = _a.id, name = _a.name, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, rest = tslib.__rest(_a, ["label", "id", "name", "disabled", "onChange"]);
11
+ return (jsxRuntime.jsxs(styles.Wrapper, { children: [jsxRuntime.jsxs(styles.Item, { children: [jsxRuntime.jsx(styles.StyledRadio, tslib.__assign({ type: "radio", id: id, name: name, disabled: disabled, onChange: onChange }, rest)), jsxRuntime.jsx(styles.PaintoverLayer, { disabled: disabled, children: jsxRuntime.jsx(styles.CenterDot, {}) })] }), label && jsxRuntime.jsx(styles.Label, { children: label })] }));
8
12
  };
9
13
 
10
- export { RadioButton as default };
14
+ exports.default = RadioButton;
11
15
  //# sourceMappingURL=RadioButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"RadioButton.js","sources":["../../../../packages/ui/Forms/RadioButton/RadioButton.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { CenterDot, Item, Label, PaintoverLayer, StyledRadio, Wrapper } from './styles';\nvar RadioButton = function (_a) {\n var label = _a.label, id = _a.id, name = _a.name, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, [\"label\", \"id\", \"name\", \"disabled\", \"onChange\"]);\n return (_jsxs(Wrapper, { children: [_jsxs(Item, { children: [_jsx(StyledRadio, __assign({ type: \"radio\", id: id, name: name, disabled: disabled, onChange: onChange }, rest)), _jsx(PaintoverLayer, { disabled: disabled, children: _jsx(CenterDot, {}) })] }), label && _jsx(Label, { children: label })] }));\n};\nexport default RadioButton;\n//# sourceMappingURL=RadioButton.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;AAGG,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AAC1M,IAAI,QAAQA,IAAK,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC,EAAEA,GAAI,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAEA,GAAI,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,IAAIA,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACnT;;;;"}
1
+ {"version":3,"file":"RadioButton.js","sources":["../../../../packages/ui/Forms/RadioButton/RadioButton.tsx"],"sourcesContent":["import { __assign, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { CenterDot, Item, Label, PaintoverLayer, StyledRadio, Wrapper } from './styles';\nvar RadioButton = function (_a) {\n var label = _a.label, id = _a.id, name = _a.name, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onChange = _a.onChange, rest = __rest(_a, [\"label\", \"id\", \"name\", \"disabled\", \"onChange\"]);\n return (_jsxs(Wrapper, { children: [_jsxs(Item, { children: [_jsx(StyledRadio, __assign({ type: \"radio\", id: id, name: name, disabled: disabled, onChange: onChange }, rest)), _jsx(PaintoverLayer, { disabled: disabled, children: _jsx(CenterDot, {}) })] }), label && _jsx(Label, { children: label })] }));\n};\nexport default RadioButton;\n//# sourceMappingURL=RadioButton.js.map"],"names":["__rest","_jsxs","Wrapper","Item","_jsx","StyledRadio","__assign","PaintoverLayer","CenterDot","Label"],"mappings":";;;;;;;;AAGG,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,IAAI,GAAGA,YAAM,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AAC1M,IAAI,QAAQC,eAAK,CAACC,cAAO,EAAE,EAAE,QAAQ,EAAE,CAACD,eAAK,CAACE,WAAI,EAAE,EAAE,QAAQ,EAAE,CAACC,cAAI,CAACC,kBAAW,EAAEC,cAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,IAAI,CAAC,CAAC,EAAEF,cAAI,CAACG,qBAAc,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAEH,cAAI,CAACI,gBAAS,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,IAAIJ,cAAI,CAACK,YAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACnT;;;;"}
@@ -1,6 +1,11 @@
1
- import RadioButton from './RadioButton.js';
1
+ 'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
3
4
 
5
+ var RadioButton = require('./RadioButton.js');
4
6
 
5
- export { RadioButton, RadioButton as default };
7
+
8
+
9
+ exports.RadioButton = RadioButton.default;
10
+ exports.default = RadioButton.default;
6
11
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
@@ -1,16 +1,27 @@
1
- import { __makeTemplateObject } from 'tslib';
2
- import styled from '@xstyled/styled-components';
1
+ 'use strict';
3
2
 
4
- var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n height: auto;\n width: auto;\n box-sizing: border-box;\n"], ["\n display: flex;\n align-items: center;\n height: auto;\n width: auto;\n box-sizing: border-box;\n"])));
5
- var Item = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n position: relative;\n width: 18px;\n height: 18px;\n & > span > span {\n width: 10px;\n height: 10px;\n }\n & > * {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n }\n"], ["\n display: flex;\n position: relative;\n width: 18px;\n height: 18px;\n & > span > span {\n width: 10px;\n height: 10px;\n }\n & > * {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n }\n"])));
6
- var PaintoverLayer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border-radius: 50%;\n background-color: white;\n border: 1.5px solid;\n border-color: lightGray5;\n pointer-events: none;\n cursor: pointer;\n position: relative;\n\n & span {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n box-sizing: border-box;\n border-radius: 50%;\n transition: opacity 100ms ease-out;\n background-color: white;\n }\n\n input[type='radio']:checked + & {\n border-color: red1;\n }\n\n input[type='radio']:disabled + & {\n border-color: gray1;\n }\n\n input[type='radio']:not(:disabled):not(:checked):hover + & {\n border-color: gray1;\n }\n\n input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n input[type='radio']:checked:disabled + & > span {\n background-color: gray1;\n }\n\n input[type='radio']:checked + & > span {\n background-color: red1;\n }\n"], ["\n border-radius: 50%;\n background-color: white;\n border: 1.5px solid;\n border-color: lightGray5;\n pointer-events: none;\n cursor: pointer;\n position: relative;\n\n & span {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n box-sizing: border-box;\n border-radius: 50%;\n transition: opacity 100ms ease-out;\n background-color: white;\n }\n\n input[type='radio']:checked + & {\n border-color: red1;\n }\n\n input[type='radio']:disabled + & {\n border-color: gray1;\n }\n\n input[type='radio']:not(:disabled):not(:checked):hover + & {\n border-color: gray1;\n }\n\n input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n input[type='radio']:checked:disabled + & > span {\n background-color: gray1;\n }\n\n input[type='radio']:checked + & > span {\n background-color: red1;\n }\n"])));
7
- var CenterDot = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 10px;\n height: 10px;\n"], ["\n width: 10px;\n height: 10px;\n"])));
8
- var StyledRadio = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n opacity: 0;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n cursor: ", ";\n margin: 0;\n"], ["\n opacity: 0;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n cursor: ", ";\n margin: 0;\n"])), function (_a) {
3
+ var tslib = require('tslib');
4
+ var styled = require('@xstyled/styled-components');
5
+
6
+ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
7
+
8
+ var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
9
+
10
+ var Wrapper = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n display: flex;\n align-items: center;\n height: auto;\n width: auto;\n box-sizing: border-box;\n"], ["\n display: flex;\n align-items: center;\n height: auto;\n width: auto;\n box-sizing: border-box;\n"])));
11
+ var Item = styled__default.default.div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n display: flex;\n position: relative;\n width: 18px;\n height: 18px;\n & > span > span {\n width: 10px;\n height: 10px;\n }\n & > * {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n }\n"], ["\n display: flex;\n position: relative;\n width: 18px;\n height: 18px;\n & > span > span {\n width: 10px;\n height: 10px;\n }\n & > * {\n position: absolute;\n width: 100%;\n height: 100%;\n left: 0;\n top: 0;\n }\n"])));
12
+ var PaintoverLayer = styled__default.default.span(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n border-radius: 50%;\n background-color: white;\n border: 1.5px solid;\n border-color: lightGray5;\n pointer-events: none;\n cursor: pointer;\n position: relative;\n\n & span {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n box-sizing: border-box;\n border-radius: 50%;\n transition: opacity 100ms ease-out;\n background-color: white;\n }\n\n input[type='radio']:checked + & {\n border-color: red1;\n }\n\n input[type='radio']:disabled + & {\n border-color: gray1;\n }\n\n input[type='radio']:not(:disabled):not(:checked):hover + & {\n border-color: gray1;\n }\n\n input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n input[type='radio']:checked:disabled + & > span {\n background-color: gray1;\n }\n\n input[type='radio']:checked + & > span {\n background-color: red1;\n }\n"], ["\n border-radius: 50%;\n background-color: white;\n border: 1.5px solid;\n border-color: lightGray5;\n pointer-events: none;\n cursor: pointer;\n position: relative;\n\n & span {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n box-sizing: border-box;\n border-radius: 50%;\n transition: opacity 100ms ease-out;\n background-color: white;\n }\n\n input[type='radio']:checked + & {\n border-color: red1;\n }\n\n input[type='radio']:disabled + & {\n border-color: gray1;\n }\n\n input[type='radio']:not(:disabled):not(:checked):hover + & {\n border-color: gray1;\n }\n\n input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\n input[type='radio']:checked:disabled + & > span {\n background-color: gray1;\n }\n\n input[type='radio']:checked + & > span {\n background-color: red1;\n }\n"])));
13
+ var CenterDot = styled__default.default.span(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n width: 10px;\n height: 10px;\n"], ["\n width: 10px;\n height: 10px;\n"])));
14
+ var StyledRadio = styled__default.default.input(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n opacity: 0;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n cursor: ", ";\n margin: 0;\n"], ["\n opacity: 0;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n cursor: ", ";\n margin: 0;\n"])), function (_a) {
9
15
  var disabled = _a.disabled;
10
16
  return (disabled ? 'default' : 'pointer');
11
17
  });
12
- var Label = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n margin-left: 8px;\n font-size: 14px;\n"], ["\n margin: 0;\n margin-left: 8px;\n font-size: 14px;\n"])));
18
+ var Label = styled__default.default.span(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n margin: 0;\n margin-left: 8px;\n font-size: 14px;\n"], ["\n margin: 0;\n margin-left: 8px;\n font-size: 14px;\n"])));
13
19
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
14
20
 
15
- export { CenterDot, Item, Label, PaintoverLayer, StyledRadio, Wrapper };
21
+ exports.CenterDot = CenterDot;
22
+ exports.Item = Item;
23
+ exports.Label = Label;
24
+ exports.PaintoverLayer = PaintoverLayer;
25
+ exports.StyledRadio = StyledRadio;
26
+ exports.Wrapper = Wrapper;
16
27
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../../packages/ui/Forms/RadioButton/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled from '@xstyled/styled-components';\nexport var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n align-items: center;\\n height: auto;\\n width: auto;\\n box-sizing: border-box;\\n\"], [\"\\n display: flex;\\n align-items: center;\\n height: auto;\\n width: auto;\\n box-sizing: border-box;\\n\"])));\nexport var Item = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n display: flex;\\n position: relative;\\n width: 18px;\\n height: 18px;\\n & > span > span {\\n width: 10px;\\n height: 10px;\\n }\\n & > * {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n left: 0;\\n top: 0;\\n }\\n\"], [\"\\n display: flex;\\n position: relative;\\n width: 18px;\\n height: 18px;\\n & > span > span {\\n width: 10px;\\n height: 10px;\\n }\\n & > * {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n left: 0;\\n top: 0;\\n }\\n\"])));\nexport var PaintoverLayer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n border-radius: 50%;\\n background-color: white;\\n border: 1.5px solid;\\n border-color: lightGray5;\\n pointer-events: none;\\n cursor: pointer;\\n position: relative;\\n\\n & span {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n box-sizing: border-box;\\n border-radius: 50%;\\n transition: opacity 100ms ease-out;\\n background-color: white;\\n }\\n\\n input[type='radio']:checked + & {\\n border-color: red1;\\n }\\n\\n input[type='radio']:disabled + & {\\n border-color: gray1;\\n }\\n\\n input[type='radio']:not(:disabled):not(:checked):hover + & {\\n border-color: gray1;\\n }\\n\\n input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\\n input[type='radio']:checked:disabled + & > span {\\n background-color: gray1;\\n }\\n\\n input[type='radio']:checked + & > span {\\n background-color: red1;\\n }\\n\"], [\"\\n border-radius: 50%;\\n background-color: white;\\n border: 1.5px solid;\\n border-color: lightGray5;\\n pointer-events: none;\\n cursor: pointer;\\n position: relative;\\n\\n & span {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n box-sizing: border-box;\\n border-radius: 50%;\\n transition: opacity 100ms ease-out;\\n background-color: white;\\n }\\n\\n input[type='radio']:checked + & {\\n border-color: red1;\\n }\\n\\n input[type='radio']:disabled + & {\\n border-color: gray1;\\n }\\n\\n input[type='radio']:not(:disabled):not(:checked):hover + & {\\n border-color: gray1;\\n }\\n\\n input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\\n input[type='radio']:checked:disabled + & > span {\\n background-color: gray1;\\n }\\n\\n input[type='radio']:checked + & > span {\\n background-color: red1;\\n }\\n\"])));\nexport var CenterDot = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n width: 10px;\\n height: 10px;\\n\"], [\"\\n width: 10px;\\n height: 10px;\\n\"])));\nexport var StyledRadio = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n opacity: 0;\\n border-radius: 50%;\\n width: 18px;\\n height: 18px;\\n cursor: \", \";\\n margin: 0;\\n\"], [\"\\n opacity: 0;\\n border-radius: 50%;\\n width: 18px;\\n height: 18px;\\n cursor: \", \";\\n margin: 0;\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 'default' : 'pointer');\n});\nexport var Label = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n margin: 0;\\n margin-left: 8px;\\n font-size: 14px;\\n\"], [\"\\n margin: 0;\\n margin-left: 8px;\\n font-size: 14px;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,0GAA0G,CAAC,EAAE,CAAC,0GAA0G,CAAC,CAAC,CAAC,EAAE;AACjT,IAAC,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,sPAAsP,CAAC,EAAE,CAAC,sPAAsP,CAAC,CAAC,CAAC,EAAE;AACtkB,IAAC,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,43BAA43B,CAAC,EAAE,CAAC,43BAA43B,CAAC,CAAC,CAAC,EAAE;AAC71D,IAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qCAAqC,CAAC,EAAE,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;AAC1K,IAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qFAAqF,EAAE,mBAAmB,CAAC,EAAE,CAAC,qFAAqF,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AAC/U,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;AAC9C,CAAC,EAAE;AACO,IAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2DAA2D,CAAC,EAAE,CAAC,2DAA2D,CAAC,CAAC,CAAC,EAAE;AAC5N,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
1
+ {"version":3,"file":"styles.js","sources":["../../../../packages/ui/Forms/RadioButton/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled from '@xstyled/styled-components';\nexport var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n display: flex;\\n align-items: center;\\n height: auto;\\n width: auto;\\n box-sizing: border-box;\\n\"], [\"\\n display: flex;\\n align-items: center;\\n height: auto;\\n width: auto;\\n box-sizing: border-box;\\n\"])));\nexport var Item = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n display: flex;\\n position: relative;\\n width: 18px;\\n height: 18px;\\n & > span > span {\\n width: 10px;\\n height: 10px;\\n }\\n & > * {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n left: 0;\\n top: 0;\\n }\\n\"], [\"\\n display: flex;\\n position: relative;\\n width: 18px;\\n height: 18px;\\n & > span > span {\\n width: 10px;\\n height: 10px;\\n }\\n & > * {\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n left: 0;\\n top: 0;\\n }\\n\"])));\nexport var PaintoverLayer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n border-radius: 50%;\\n background-color: white;\\n border: 1.5px solid;\\n border-color: lightGray5;\\n pointer-events: none;\\n cursor: pointer;\\n position: relative;\\n\\n & span {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n box-sizing: border-box;\\n border-radius: 50%;\\n transition: opacity 100ms ease-out;\\n background-color: white;\\n }\\n\\n input[type='radio']:checked + & {\\n border-color: red1;\\n }\\n\\n input[type='radio']:disabled + & {\\n border-color: gray1;\\n }\\n\\n input[type='radio']:not(:disabled):not(:checked):hover + & {\\n border-color: gray1;\\n }\\n\\n input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\\n input[type='radio']:checked:disabled + & > span {\\n background-color: gray1;\\n }\\n\\n input[type='radio']:checked + & > span {\\n background-color: red1;\\n }\\n\"], [\"\\n border-radius: 50%;\\n background-color: white;\\n border: 1.5px solid;\\n border-color: lightGray5;\\n pointer-events: none;\\n cursor: pointer;\\n position: relative;\\n\\n & span {\\n position: absolute;\\n left: 50%;\\n top: 50%;\\n transform: translate(-50%, -50%);\\n box-sizing: border-box;\\n border-radius: 50%;\\n transition: opacity 100ms ease-out;\\n background-color: white;\\n }\\n\\n input[type='radio']:checked + & {\\n border-color: red1;\\n }\\n\\n input[type='radio']:disabled + & {\\n border-color: gray1;\\n }\\n\\n input[type='radio']:not(:disabled):not(:checked):hover + & {\\n border-color: gray1;\\n }\\n\\n input[type='radio']:hover:not(:disabled):not(:checked) + & > span,\\n input[type='radio']:checked:disabled + & > span {\\n background-color: gray1;\\n }\\n\\n input[type='radio']:checked + & > span {\\n background-color: red1;\\n }\\n\"])));\nexport var CenterDot = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n width: 10px;\\n height: 10px;\\n\"], [\"\\n width: 10px;\\n height: 10px;\\n\"])));\nexport var StyledRadio = styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n opacity: 0;\\n border-radius: 50%;\\n width: 18px;\\n height: 18px;\\n cursor: \", \";\\n margin: 0;\\n\"], [\"\\n opacity: 0;\\n border-radius: 50%;\\n width: 18px;\\n height: 18px;\\n cursor: \", \";\\n margin: 0;\\n\"])), function (_a) {\n var disabled = _a.disabled;\n return (disabled ? 'default' : 'pointer');\n});\nexport var Label = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n margin: 0;\\n margin-left: 8px;\\n font-size: 14px;\\n\"], [\"\\n margin: 0;\\n margin-left: 8px;\\n font-size: 14px;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styles.js.map"],"names":["styled","__makeTemplateObject"],"mappings":";;;;;;;;;AAEU,IAAC,OAAO,GAAGA,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,0GAA0G,CAAC,EAAE,CAAC,0GAA0G,CAAC,CAAC,CAAC,EAAE;AACjT,IAAC,IAAI,GAAGD,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,sPAAsP,CAAC,EAAE,CAAC,sPAAsP,CAAC,CAAC,CAAC,EAAE;AACtkB,IAAC,cAAc,GAAGD,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,43BAA43B,CAAC,EAAE,CAAC,43BAA43B,CAAC,CAAC,CAAC,EAAE;AAC71D,IAAC,SAAS,GAAGD,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,qCAAqC,CAAC,EAAE,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE;AAC1K,IAAC,WAAW,GAAGD,uBAAM,CAAC,KAAK,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,qFAAqF,EAAE,mBAAmB,CAAC,EAAE,CAAC,qFAAqF,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AAC/U,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;AAC9C,CAAC,EAAE;AACO,IAAC,KAAK,GAAGD,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,2DAA2D,CAAC,EAAE,CAAC,2DAA2D,CAAC,CAAC,CAAC,EAAE;AAC5N,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;;;;;;"}
@@ -1,11 +1,15 @@
1
- import { jsxs, jsx } from 'react/jsx-runtime';
2
- import { ThemeProvider, Preflight } from '@xstyled/styled-components';
3
- import themes from './themes/index.js';
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var jsxRuntime = require('react/jsx-runtime');
6
+ var styled = require('@xstyled/styled-components');
7
+ var index = require('./themes/index.js');
4
8
 
5
9
  var MailstepThemeProvider = function (_a) {
6
10
  var children = _a.children, _b = _a.theme, theme = _b === void 0 ? 'default' : _b, _c = _a.preflight, preflight = _c === void 0 ? true : _c;
7
- return (jsxs(ThemeProvider, { theme: themes[theme], children: [preflight && jsx(Preflight, {}), children] }));
11
+ return (jsxRuntime.jsxs(styled.ThemeProvider, { theme: index.default[theme], children: [preflight && jsxRuntime.jsx(styled.Preflight, {}), children] }));
8
12
  };
9
13
 
10
- export { MailstepThemeProvider as default };
14
+ exports.default = MailstepThemeProvider;
11
15
  //# sourceMappingURL=ThemeProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ThemeProvider.js","sources":["../../../packages/ui/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ThemeProvider, Preflight } from '@xstyled/styled-components';\nimport themes from './themes';\nvar MailstepThemeProvider = function (_a) {\n var children = _a.children, _b = _a.theme, theme = _b === void 0 ? 'default' : _b, _c = _a.preflight, preflight = _c === void 0 ? true : _c;\n return (_jsxs(ThemeProvider, { theme: themes[theme], children: [preflight && _jsx(Preflight, {}), children] }));\n};\nexport default MailstepThemeProvider;\n//# sourceMappingURL=ThemeProvider.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;AAGG,IAAC,qBAAqB,GAAG,UAAU,EAAE,EAAE;AAC1C,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,CAAC;AAChJ,IAAI,QAAQA,IAAK,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,SAAS,IAAIC,GAAI,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;AACpH;;;;"}
1
+ {"version":3,"file":"ThemeProvider.js","sources":["../../../packages/ui/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { ThemeProvider, Preflight } from '@xstyled/styled-components';\nimport themes from './themes';\nvar MailstepThemeProvider = function (_a) {\n var children = _a.children, _b = _a.theme, theme = _b === void 0 ? 'default' : _b, _c = _a.preflight, preflight = _c === void 0 ? true : _c;\n return (_jsxs(ThemeProvider, { theme: themes[theme], children: [preflight && _jsx(Preflight, {}), children] }));\n};\nexport default MailstepThemeProvider;\n//# sourceMappingURL=ThemeProvider.js.map"],"names":["_jsxs","ThemeProvider","themes","_jsx","Preflight"],"mappings":";;;;;;;;AAGG,IAAC,qBAAqB,GAAG,UAAU,EAAE,EAAE;AAC1C,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,CAAC;AAChJ,IAAI,QAAQA,eAAK,CAACC,oBAAa,EAAE,EAAE,KAAK,EAAEC,aAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC,SAAS,IAAIC,cAAI,CAACC,gBAAS,EAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE;AACpH;;;;"}
@@ -1,6 +1,10 @@
1
- import MailstepThemeProvider from './ThemeProvider.js';
1
+ 'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
3
4
 
5
+ var ThemeProvider = require('./ThemeProvider.js');
4
6
 
5
- export { MailstepThemeProvider as ThemeProvider, MailstepThemeProvider as default };
7
+
8
+
9
+ exports.default = ThemeProvider.default;
6
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,3 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
1
5
  var defaultTheme = {
2
6
  breakpoints: ['0'],
3
7
  colors: {
@@ -142,5 +146,5 @@ var defaultTheme = {
142
146
  zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],
143
147
  };
144
148
 
145
- export { defaultTheme as default };
149
+ exports.default = defaultTheme;
146
150
  //# sourceMappingURL=default.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"default.js","sources":["../../../../packages/ui/ThemeProvider/themes/default.ts"],"sourcesContent":["var defaultTheme = {\n breakpoints: ['0'],\n colors: {\n white: '#FFFFFF',\n bgLightGray: '#FAFBFC',\n bgLightGray1: '#F1F5F9',\n lightGray1: '#F5F7FA',\n lightGray2: '#EFF3F8',\n lightGray3: '#D4D8DE',\n lightGray4: '#B9BFC9',\n lightGray5: '#A3B3C1',\n lightGray6: '#D2D8DF',\n lightGray7: '#E7EBEF',\n neutral20: '#F1F5F9',\n neutral300: '#5E6C84',\n neutral500: '#42526E',\n gray: '#8594A5',\n gray1: '#7A90A1',\n gray2: '#9AA1A7',\n gray3: '#5F6C76',\n gray4: '#455665',\n gray5: '#647483',\n blue1: '#2C4052',\n blue2: '#22394E',\n blue3: '#162C3F',\n blue4: '#0C1F2F',\n textPrimary: '#091E42',\n textTertiary: '#7A869A',\n typoPrimary: '#22394E',\n blue10: '#F3F9FF',\n blue20: '#DCEFFF',\n blue60: '#0065FF',\n blue70: '#0052CC',\n blue80: '#0747A6',\n blue90: '#1d3557',\n teal20: '#E6FCFF',\n teal40: '#a8dadc',\n teal50: '#1aa1a7',\n teal60: '#00B1D0',\n teal70: '#1aa1da',\n teal80: '#06718C',\n teal90: '#035361',\n green10: '#F2FFF5',\n green20: '#DEFBE6',\n green30: '#b8ecb8',\n green50: '#81dd91',\n green60: '#00A445',\n green70: '#06d6a0',\n green80: '#0E6027',\n green90: '#067164',\n green: '#13CE62',\n successColor: '#24A148',\n darkGreen: '#00A445',\n orange20: '#FFF3E0',\n orange30: '#FFE6CC',\n orange50: '#ff9f43',\n orange60: '#FF9800',\n orange80: '#9E4800',\n yellow10: '#FFFDE8',\n yellow20: '#FFF9C4',\n yellow60: '#FFE600',\n yellow70: '#FFD702',\n yellow1: '#FFD702',\n yellow2: '#F2E871',\n red10: '#FFF6F4',\n red20: '#FFEBE6',\n red30: '#fec1cb',\n red50: '#ff7c7b',\n red1: '#DB2B19',\n red2: '#E94324',\n red3: '#991E12',\n red60: '#DB2B19',\n red80: '#B71C1C',\n dangerColor: '#E32C1E',\n purple20: '#F0EDFF',\n purple40: '#0072A0',\n purple50: '#4573B3',\n purple60: '#6554C0',\n purple80: '#403294',\n purple90: '#03235f',\n magenta20: '#FCF1F7',\n magenta60: '#EE5396',\n magenta80: '#9F1853',\n magenta90: '#872e8b',\n },\n fonts: {\n primary: 'Inter, sans-serif',\n heading: 'Inter, sans-serif',\n },\n fontLinks: ['https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'],\n fontSizes: ['10px', '12px', '14px', '16px', '18px', '21px', '24px', '32px'],\n lineHeights: [1.7],\n fontWeights: {\n default: null,\n normal: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n },\n letterSpacings: {\n default: null,\n sm: '2px',\n md: '4px',\n lg: '8px',\n },\n borders: {\n slim: '1px solid',\n mediumSlim: '2px solid',\n medium: '3px solid',\n mediumThick: '6px solid',\n thick: '10px solid',\n },\n // ...........................\n radii: {\n sm: '2px',\n md: '4px',\n ml: '6px',\n lg: '8px',\n xl: '16px',\n },\n shadows: {\n boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',\n dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',\n inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',\n tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',\n cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n smooth: '0px 4px 25px 0px #0000001a',\n // redesign:\n dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',\n tooltipShadow: '0px 1px 4px 0 #B1B8C3',\n headerShadow: '1px 2px 3px #00000029',\n headerShadowB: '1px 1px 3px #00000029',\n headerShadowNotifications: '1px 1px 2px #00000029',\n cornerDialogShadow: '1px 1px 3px 1px #00000029',\n },\n space: [0, 4, 8, 16, 24, 48, 96, 144, 192, 240],\n transitions: {\n simpleLong: 'all 2s',\n inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',\n },\n zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],\n};\nexport default defaultTheme;\n//# sourceMappingURL=default.js.map"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"default.js","sources":["../../../../packages/ui/ThemeProvider/themes/default.ts"],"sourcesContent":["var defaultTheme = {\n breakpoints: ['0'],\n colors: {\n white: '#FFFFFF',\n bgLightGray: '#FAFBFC',\n bgLightGray1: '#F1F5F9',\n lightGray1: '#F5F7FA',\n lightGray2: '#EFF3F8',\n lightGray3: '#D4D8DE',\n lightGray4: '#B9BFC9',\n lightGray5: '#A3B3C1',\n lightGray6: '#D2D8DF',\n lightGray7: '#E7EBEF',\n neutral20: '#F1F5F9',\n neutral300: '#5E6C84',\n neutral500: '#42526E',\n gray: '#8594A5',\n gray1: '#7A90A1',\n gray2: '#9AA1A7',\n gray3: '#5F6C76',\n gray4: '#455665',\n gray5: '#647483',\n blue1: '#2C4052',\n blue2: '#22394E',\n blue3: '#162C3F',\n blue4: '#0C1F2F',\n textPrimary: '#091E42',\n textTertiary: '#7A869A',\n typoPrimary: '#22394E',\n blue10: '#F3F9FF',\n blue20: '#DCEFFF',\n blue60: '#0065FF',\n blue70: '#0052CC',\n blue80: '#0747A6',\n blue90: '#1d3557',\n teal20: '#E6FCFF',\n teal40: '#a8dadc',\n teal50: '#1aa1a7',\n teal60: '#00B1D0',\n teal70: '#1aa1da',\n teal80: '#06718C',\n teal90: '#035361',\n green10: '#F2FFF5',\n green20: '#DEFBE6',\n green30: '#b8ecb8',\n green50: '#81dd91',\n green60: '#00A445',\n green70: '#06d6a0',\n green80: '#0E6027',\n green90: '#067164',\n green: '#13CE62',\n successColor: '#24A148',\n darkGreen: '#00A445',\n orange20: '#FFF3E0',\n orange30: '#FFE6CC',\n orange50: '#ff9f43',\n orange60: '#FF9800',\n orange80: '#9E4800',\n yellow10: '#FFFDE8',\n yellow20: '#FFF9C4',\n yellow60: '#FFE600',\n yellow70: '#FFD702',\n yellow1: '#FFD702',\n yellow2: '#F2E871',\n red10: '#FFF6F4',\n red20: '#FFEBE6',\n red30: '#fec1cb',\n red50: '#ff7c7b',\n red1: '#DB2B19',\n red2: '#E94324',\n red3: '#991E12',\n red60: '#DB2B19',\n red80: '#B71C1C',\n dangerColor: '#E32C1E',\n purple20: '#F0EDFF',\n purple40: '#0072A0',\n purple50: '#4573B3',\n purple60: '#6554C0',\n purple80: '#403294',\n purple90: '#03235f',\n magenta20: '#FCF1F7',\n magenta60: '#EE5396',\n magenta80: '#9F1853',\n magenta90: '#872e8b',\n },\n fonts: {\n primary: 'Inter, sans-serif',\n heading: 'Inter, sans-serif',\n },\n fontLinks: ['https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'],\n fontSizes: ['10px', '12px', '14px', '16px', '18px', '21px', '24px', '32px'],\n lineHeights: [1.7],\n fontWeights: {\n default: null,\n normal: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n },\n letterSpacings: {\n default: null,\n sm: '2px',\n md: '4px',\n lg: '8px',\n },\n borders: {\n slim: '1px solid',\n mediumSlim: '2px solid',\n medium: '3px solid',\n mediumThick: '6px solid',\n thick: '10px solid',\n },\n // ...........................\n radii: {\n sm: '2px',\n md: '4px',\n ml: '6px',\n lg: '8px',\n xl: '16px',\n },\n shadows: {\n boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',\n dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',\n inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',\n tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',\n cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n smooth: '0px 4px 25px 0px #0000001a',\n // redesign:\n dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',\n tooltipShadow: '0px 1px 4px 0 #B1B8C3',\n headerShadow: '1px 2px 3px #00000029',\n headerShadowB: '1px 1px 3px #00000029',\n headerShadowNotifications: '1px 1px 2px #00000029',\n cornerDialogShadow: '1px 1px 3px 1px #00000029',\n },\n space: [0, 4, 8, 16, 24, 48, 96, 144, 192, 240],\n transitions: {\n simpleLong: 'all 2s',\n inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',\n },\n zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],\n};\nexport default defaultTheme;\n//# sourceMappingURL=default.js.map"],"names":[],"mappings":"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"}
@@ -1,12 +1,16 @@
1
- import defaultTheme from './default.js';
2
- import lightTheme from './light.js';
3
- import defaultTheme$1 from './mailwise.js';
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _default = require('./default.js');
6
+ var light = require('./light.js');
7
+ var mailwise = require('./mailwise.js');
4
8
 
5
9
  var themes = {
6
- default: defaultTheme,
7
- light: lightTheme,
8
- mailwise: defaultTheme$1
10
+ default: _default.default,
11
+ light: light.default,
12
+ mailwise: mailwise.default
9
13
  };
10
14
 
11
- export { themes as default };
15
+ exports.default = themes;
12
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../packages/ui/ThemeProvider/themes/index.ts"],"sourcesContent":["import defaultTheme from './default';\nimport light from './light';\nimport mailwise from './mailwise';\nvar themes = {\n default: defaultTheme,\n light: light,\n mailwise: mailwise\n};\nexport default themes;\n//# sourceMappingURL=index.js.map"],"names":["light","mailwise"],"mappings":";;;;AAGG,IAAC,MAAM,GAAG;AACb,IAAI,OAAO,EAAE,YAAY;AACzB,IAAI,KAAK,EAAEA,UAAK;AAChB,IAAI,QAAQ,EAAEC,cAAQ;AACtB;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../packages/ui/ThemeProvider/themes/index.ts"],"sourcesContent":["import defaultTheme from './default';\nimport light from './light';\nimport mailwise from './mailwise';\nvar themes = {\n default: defaultTheme,\n light: light,\n mailwise: mailwise\n};\nexport default themes;\n//# sourceMappingURL=index.js.map"],"names":["defaultTheme","light","mailwise"],"mappings":";;;;;;;;AAGG,IAAC,MAAM,GAAG;AACb,IAAI,OAAO,EAAEA,gBAAY;AACzB,IAAI,KAAK,EAAEC,aAAK;AAChB,IAAI,QAAQ,EAAEC,gBAAQ;AACtB;;;;"}
@@ -1,3 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
1
5
  var lightTheme = {
2
6
  colors: {
3
7
  primary: "#219615",
@@ -5,5 +9,5 @@ var lightTheme = {
5
9
  },
6
10
  };
7
11
 
8
- export { lightTheme as default };
12
+ exports.default = lightTheme;
9
13
  //# sourceMappingURL=light.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"light.js","sources":["../../../../packages/ui/ThemeProvider/themes/light.ts"],"sourcesContent":["var lightTheme = {\n colors: {\n primary: \"#219615\",\n warning: \"purple\",\n },\n};\nexport default lightTheme;\n//# sourceMappingURL=light.js.map"],"names":[],"mappings":"AAAG,IAAC,UAAU,GAAG;AACjB,IAAI,MAAM,EAAE;AACZ,QAAQ,OAAO,EAAE,SAAS;AAC1B,QAAQ,OAAO,EAAE,QAAQ;AACzB,KAAK;AACL;;;;"}
1
+ {"version":3,"file":"light.js","sources":["../../../../packages/ui/ThemeProvider/themes/light.ts"],"sourcesContent":["var lightTheme = {\n colors: {\n primary: \"#219615\",\n warning: \"purple\",\n },\n};\nexport default lightTheme;\n//# sourceMappingURL=light.js.map"],"names":[],"mappings":";;;;AAAG,IAAC,UAAU,GAAG;AACjB,IAAI,MAAM,EAAE;AACZ,QAAQ,OAAO,EAAE,SAAS;AAC1B,QAAQ,OAAO,EAAE,QAAQ;AACzB,KAAK;AACL;;;;"}
@@ -1,3 +1,7 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
1
5
  var defaultTheme = {
2
6
  screens: {
3
7
  // same as xstyled default
@@ -212,5 +216,5 @@ var defaultTheme = {
212
216
  zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],
213
217
  };
214
218
 
215
- export { defaultTheme as default };
219
+ exports.default = defaultTheme;
216
220
  //# sourceMappingURL=mailwise.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"mailwise.js","sources":["../../../../packages/ui/ThemeProvider/themes/mailwise.ts"],"sourcesContent":["var defaultTheme = {\n screens: {\n // same as xstyled default\n _: 0,\n xs: 479,\n sm: 721,\n md: 768,\n lg: 1024,\n xl: 1280,\n '2xl': 1536,\n },\n colors: {\n white: '#fff',\n bgLightGray: '#FAFBFC',\n bgLightGray1: '#F1F5F9',\n lightGray1: '#F5F7FA',\n lightGray2: '#EFF3F8',\n lightGray3: '#D4D8DE',\n lightGray4: '#B9BFC9',\n lightGray5: '#A3B3C1',\n lightGray6: '#D2D8DF',\n lightGray7: '#E7EBEF',\n neutral20: '#F1F5F9',\n gray: '#8594A5',\n gray1: '#7A90A1',\n gray2: '#9AA1A7',\n gray3: '#5F6C76',\n gray4: '#455665',\n gray5: '#647483',\n neutral300: '#5E6C84',\n blue1: '#2C4052',\n blue2: '#22394E',\n blue3: '#162C3F',\n blue4: '#0C1F2F',\n textPrimary: '#091E42',\n typoPrimary: '#22394E',\n blue10: '#F3F9FF',\n blue20: '#dcf2ff',\n blue60: '#0065FF',\n blue70: '#0052CC',\n blue80: '#0747A6',\n blue90: '#1d3557',\n teal20: '#E6FCFF',\n teal40: '#a8dadc',\n teal50: '#1aa1a7',\n teal60: '#00B1D0',\n teal70: '#1aa1da',\n teal80: '#06718C',\n teal90: '#035361',\n green10: '#F2FFF5',\n green20: '#DEFBE6',\n green30: '#b8ecb8',\n green50: '#81dd91',\n green60: '#00A445',\n green70: '#06d6a0',\n green80: '#0E6027',\n green90: '#067164',\n green: '#13CE62',\n successColor: '#24A148',\n darkGreen: '#00A445',\n orange20: '#FFF3E0',\n orange30: '#FFE6CC',\n orange50: '#ff9f43',\n orange60: '#FF9800',\n orange80: '#9E4800',\n yellow10: '#FFFDE8',\n yellow20: '#FFF9C4',\n yellow60: '#FFE600',\n yellow70: '#FFD702',\n yellow1: '#FFD702',\n yellow2: '#F2E871',\n red10: '#FFF6F4',\n red20: '#FFEBE6',\n red30: '#fec1cb',\n red50: '#ff7c7b',\n red1: '#DB2B19',\n red2: '#E94324',\n red3: '#991E12',\n red60: '#DB2B19',\n red80: '#B71C1C',\n dangerColor: '#E32C1E',\n purple20: '#F0EDFF',\n purple40: '#0072A0',\n purple50: '#4573B3',\n purple60: '#6554C0',\n purple80: '#403294',\n purple90: '#03235f',\n magenta20: '#FCF1F7',\n magenta60: '#EE5396',\n magenta80: '#9F1853',\n magenta90: '#872e8b',\n primary: '#626262',\n black: '#333333',\n error: '#ea5455',\n secondary: '#E15B63',\n },\n fonts: {\n primary: 'Inter, sans-serif',\n heading: 'Inter, sans-serif',\n },\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n fontSizes: ['0rem', '0.87rem', '1rem', '1.25rem', '1.5rem', '1.8rem', '2.0rem', '2.4rem', '2.8rem', '3.5rem', '4rem'],\n // @ts-ignore\n lineHeights: {\n none: 1.2,\n tight: 1.2,\n snug: 1.2,\n normal: 1.2,\n relaxed: 1.2,\n loose: 1.2,\n 3: '1.2',\n 4: '1.2',\n 5: '1.2',\n 6: '1.2',\n 7: '1.2',\n 8: '1.2',\n 9: '1.2',\n 10: '1.2',\n },\n fontWeights: {\n normal: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n },\n letterSpacings: {\n tighter: '2',\n tight: '2',\n normal: '4',\n wide: '8',\n wider: '8',\n widest: '8',\n },\n borders: {\n slim: '1px solid',\n mediumSlim: '2px solid',\n medium: '3px solid',\n mediumThick: '6px solid',\n thick: '10px solid',\n },\n radii: {\n none: '2px',\n sm: '5px',\n default: '10px',\n md: '20px',\n lg: '20px',\n xl: '20px',\n '2xl': '20px',\n '3xl': '20px',\n full: '20px',\n },\n shadows: {\n boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',\n dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',\n inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',\n tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',\n cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n smooth: '0px 4px 25px 0px #0000001a',\n // redesign:\n dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',\n tooltipShadow: '0px 1px 4px 0 #B1B8C3',\n headerShadow: '1px 2px 3px #00000029',\n headerShadowB: '1px 1px 3px #00000029',\n headerShadowNotifications: '1px 1px 2px #00000029',\n cornerDialogShadow: '1px 1px 3px 1px #00000029',\n },\n space: {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n px: '1px',\n 0: '0',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n },\n transitions: {\n simpleLong: 'all 2s',\n inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',\n },\n zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],\n};\nexport default defaultTheme;\n//# sourceMappingURL=mailwise.js.map"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"mailwise.js","sources":["../../../../packages/ui/ThemeProvider/themes/mailwise.ts"],"sourcesContent":["var defaultTheme = {\n screens: {\n // same as xstyled default\n _: 0,\n xs: 479,\n sm: 721,\n md: 768,\n lg: 1024,\n xl: 1280,\n '2xl': 1536,\n },\n colors: {\n white: '#fff',\n bgLightGray: '#FAFBFC',\n bgLightGray1: '#F1F5F9',\n lightGray1: '#F5F7FA',\n lightGray2: '#EFF3F8',\n lightGray3: '#D4D8DE',\n lightGray4: '#B9BFC9',\n lightGray5: '#A3B3C1',\n lightGray6: '#D2D8DF',\n lightGray7: '#E7EBEF',\n neutral20: '#F1F5F9',\n gray: '#8594A5',\n gray1: '#7A90A1',\n gray2: '#9AA1A7',\n gray3: '#5F6C76',\n gray4: '#455665',\n gray5: '#647483',\n neutral300: '#5E6C84',\n blue1: '#2C4052',\n blue2: '#22394E',\n blue3: '#162C3F',\n blue4: '#0C1F2F',\n textPrimary: '#091E42',\n typoPrimary: '#22394E',\n blue10: '#F3F9FF',\n blue20: '#dcf2ff',\n blue60: '#0065FF',\n blue70: '#0052CC',\n blue80: '#0747A6',\n blue90: '#1d3557',\n teal20: '#E6FCFF',\n teal40: '#a8dadc',\n teal50: '#1aa1a7',\n teal60: '#00B1D0',\n teal70: '#1aa1da',\n teal80: '#06718C',\n teal90: '#035361',\n green10: '#F2FFF5',\n green20: '#DEFBE6',\n green30: '#b8ecb8',\n green50: '#81dd91',\n green60: '#00A445',\n green70: '#06d6a0',\n green80: '#0E6027',\n green90: '#067164',\n green: '#13CE62',\n successColor: '#24A148',\n darkGreen: '#00A445',\n orange20: '#FFF3E0',\n orange30: '#FFE6CC',\n orange50: '#ff9f43',\n orange60: '#FF9800',\n orange80: '#9E4800',\n yellow10: '#FFFDE8',\n yellow20: '#FFF9C4',\n yellow60: '#FFE600',\n yellow70: '#FFD702',\n yellow1: '#FFD702',\n yellow2: '#F2E871',\n red10: '#FFF6F4',\n red20: '#FFEBE6',\n red30: '#fec1cb',\n red50: '#ff7c7b',\n red1: '#DB2B19',\n red2: '#E94324',\n red3: '#991E12',\n red60: '#DB2B19',\n red80: '#B71C1C',\n dangerColor: '#E32C1E',\n purple20: '#F0EDFF',\n purple40: '#0072A0',\n purple50: '#4573B3',\n purple60: '#6554C0',\n purple80: '#403294',\n purple90: '#03235f',\n magenta20: '#FCF1F7',\n magenta60: '#EE5396',\n magenta80: '#9F1853',\n magenta90: '#872e8b',\n primary: '#626262',\n black: '#333333',\n error: '#ea5455',\n secondary: '#E15B63',\n },\n fonts: {\n primary: 'Inter, sans-serif',\n heading: 'Inter, sans-serif',\n },\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n fontSizes: ['0rem', '0.87rem', '1rem', '1.25rem', '1.5rem', '1.8rem', '2.0rem', '2.4rem', '2.8rem', '3.5rem', '4rem'],\n // @ts-ignore\n lineHeights: {\n none: 1.2,\n tight: 1.2,\n snug: 1.2,\n normal: 1.2,\n relaxed: 1.2,\n loose: 1.2,\n 3: '1.2',\n 4: '1.2',\n 5: '1.2',\n 6: '1.2',\n 7: '1.2',\n 8: '1.2',\n 9: '1.2',\n 10: '1.2',\n },\n fontWeights: {\n normal: 400,\n medium: 500,\n semiBold: 600,\n bold: 700,\n },\n letterSpacings: {\n tighter: '2',\n tight: '2',\n normal: '4',\n wide: '8',\n wider: '8',\n widest: '8',\n },\n borders: {\n slim: '1px solid',\n mediumSlim: '2px solid',\n medium: '3px solid',\n mediumThick: '6px solid',\n thick: '10px solid',\n },\n radii: {\n none: '2px',\n sm: '5px',\n default: '10px',\n md: '20px',\n lg: '20px',\n xl: '20px',\n '2xl': '20px',\n '3xl': '20px',\n full: '20px',\n },\n shadows: {\n boxShadow: '0px 5px 60px rgba(0, 0, 0, 0.1)',\n dropShadow: '0px 5px 40px rgba(0, 0, 0, 0.1)',\n inputFocusBoxShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n dropdownMenuShadow: '0 5px 25px rgba(0, 0, 0, 0.1)',\n tooltipBoxShadow: '0px 2px 20px rgba(0, 0, 0, 0.1)',\n cardShadow: '0 3px 10px 0 rgba(0, 0, 0, 0.15)',\n smooth: '0px 4px 25px 0px #0000001a',\n // redesign:\n dialogShadow: '1px 4px 7px rgba(0, 0, 0, 0.4)',\n tooltipShadow: '0px 1px 4px 0 #B1B8C3',\n headerShadow: '1px 2px 3px #00000029',\n headerShadowB: '1px 1px 3px #00000029',\n headerShadowNotifications: '1px 1px 2px #00000029',\n cornerDialogShadow: '1px 1px 3px 1px #00000029',\n },\n space: {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n px: '1px',\n 0: '0',\n 0.5: '0.125rem',\n 1: '0.25rem',\n 1.5: '0.375rem',\n 2: '0.5rem',\n 2.5: '0.625rem',\n 3: '0.75rem',\n 3.5: '0.875rem',\n 4: '1rem',\n 5: '1.25rem',\n 6: '1.5rem',\n 7: '1.75rem',\n 8: '2rem',\n 9: '2.25rem',\n 10: '2.5rem',\n 11: '2.75rem',\n 12: '3rem',\n 14: '3.5rem',\n 16: '4rem',\n 20: '5rem',\n 24: '6rem',\n 28: '7rem',\n 32: '8rem',\n 36: '9rem',\n 40: '10rem',\n 44: '11rem',\n 48: '12rem',\n 52: '13rem',\n 56: '14rem',\n 60: '15rem',\n 64: '16rem',\n 72: '18rem',\n 80: '20rem',\n 96: '24rem',\n },\n transitions: {\n simpleLong: 'all 2s',\n inputTransition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out',\n },\n zIndices: [0, 1, 2, 3, 5, 30, 40, 100, 200, 300, 9999],\n};\nexport default defaultTheme;\n//# sourceMappingURL=mailwise.js.map"],"names":[],"mappings":"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"}
@@ -2,5 +2,4 @@ import ThemeProvider from './ThemeProvider';
2
2
  import themes from './themes';
3
3
  export * from './types';
4
4
  export { themes };
5
- export { ThemeProvider };
6
5
  export default ThemeProvider;
package/ui/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { CornerDialog } from './Blocks/CornerDialog/index.js';
2
2
  export { ImageList } from './Blocks/ImageList/index.js';
3
3
  export { LightBox, useLightBox } from './Blocks/LightBox/index.js';
4
- export { Modal, useClickOutside, useModal } from './Blocks/Modal/index.js';
4
+ export { default as Modal, useClickOutside, useModal } from './Blocks/Modal/index.js';
5
5
  export { TabContent, Tabs, useTabs } from './Blocks/Tabs/index.js';
6
6
  export { default as Alert } from './Elements/Alert/index.js';
7
7
  export { default as Avatar } from './Elements/Avatar/index.js';