@cashub/ui 0.21.0 → 0.22.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (230) hide show
  1. package/Tab/Tab.js +9 -13
  2. package/Tab/TabList.js +14 -32
  3. package/Tab/TabPanel.js +21 -58
  4. package/Tab/TabTab.js +20 -40
  5. package/Tab/index.js +2 -10
  6. package/Tab/subComponent/TabContext.js +2 -5
  7. package/animate/Collapse.js +26 -53
  8. package/animate/Loader.js +21 -26
  9. package/animate/NumberCounter.js +22 -44
  10. package/animate/PulseRing.js +9 -21
  11. package/animate/Spinner.js +2 -10
  12. package/animate/index.js +5 -11
  13. package/backdrop/BaseBackdrop.js +2 -9
  14. package/backdrop/LoadingBackdrop.js +2 -9
  15. package/backdrop/ModalBackdrop.js +2 -9
  16. package/backdrop/index.js +3 -7
  17. package/badge/Badge.js +2 -11
  18. package/badge/BadgeDot.js +2 -10
  19. package/badge/BadgeFill.js +15 -20
  20. package/badge/BadgeWithText.js +6 -13
  21. package/badge/index.js +4 -9
  22. package/billing/BarChart.js +10 -17
  23. package/billing/Grid.js +11 -15
  24. package/billing/Header2.js +6 -9
  25. package/billing/Header3.js +9 -16
  26. package/billing/Paragraph.js +8 -14
  27. package/billing/ParagraphGroup.js +6 -9
  28. package/billing/ParagraphText.js +7 -12
  29. package/billing/Section.js +13 -23
  30. package/billing/SectionBody.js +5 -8
  31. package/billing/SectionHeader.js +7 -12
  32. package/breadcrumb/Breadcrumb.js +11 -21
  33. package/breadcrumb/index.js +1 -3
  34. package/button/Button.js +41 -38
  35. package/button/ButtonGroup.js +21 -18
  36. package/button/IconButton.js +29 -29
  37. package/button/ScrollToTopButton.js +12 -39
  38. package/button/index.js +4 -9
  39. package/callout/Callout.js +13 -26
  40. package/callout/index.js +1 -3
  41. package/chart/BarChart.js +28 -53
  42. package/chart/DoughnutChart.js +23 -62
  43. package/chart/LineChart.js +33 -55
  44. package/chart/SingleBarChart.js +11 -17
  45. package/chart/index.js +5 -12
  46. package/chart/utils/customTooltip.js +26 -43
  47. package/chart/utils/htmlLegendPlugin.js +24 -30
  48. package/chart/utils/index.js +3 -7
  49. package/chart/utils/padEmptyChartBar.js +24 -22
  50. package/container/FlexContainer.js +14 -12
  51. package/container/index.js +1 -3
  52. package/cropper/Cropper.js +21 -34
  53. package/cropper/CropperModalHandler.js +15 -21
  54. package/cropper/index.js +2 -5
  55. package/cropper/subComponent/CropImageModal.js +23 -58
  56. package/datetimePicker/DatePicker.js +103 -217
  57. package/datetimePicker/DatePickerV2.js +116 -221
  58. package/datetimePicker/DatetimePicker.js +27 -48
  59. package/datetimePicker/DatetimePickerV2.js +115 -231
  60. package/datetimePicker/TimeInput.js +9 -22
  61. package/datetimePicker/TimePicker.js +94 -151
  62. package/datetimePicker/TimePickerStyle.js +2 -9
  63. package/datetimePicker/accordion/Month.js +70 -90
  64. package/datetimePicker/accordion/Year.js +91 -135
  65. package/datetimePicker/hooks/index.js +3 -7
  66. package/datetimePicker/hooks/useChangeNumber.js +14 -27
  67. package/datetimePicker/hooks/useDecrease.js +19 -35
  68. package/datetimePicker/hooks/useIncrease.js +19 -35
  69. package/datetimePicker/index.js +7 -15
  70. package/datetimePicker/provider/constant.js +2 -3
  71. package/datetimePicker/subComponent/Accordion.js +108 -158
  72. package/datetimePicker/subComponent/CustomTimeInput.js +18 -48
  73. package/datetimePicker/subComponent/DateTimePickerContext.js +2 -5
  74. package/datetimePicker/utils/GMTDate.js +3 -7
  75. package/datetimePicker/utils/pad.js +2 -6
  76. package/datetimePicker/utils/toUTC0.js +3 -6
  77. package/descriptionList/DescriptionDetail.js +5 -10
  78. package/descriptionList/DescriptionList.js +5 -10
  79. package/descriptionList/DescriptionTerm.js +2 -9
  80. package/descriptionList/index.js +3 -7
  81. package/divider/Divider.js +9 -12
  82. package/divider/index.js +1 -3
  83. package/dropdown/Dropdown.js +28 -65
  84. package/dropdown/DropdownButtonOption.js +2 -9
  85. package/dropdown/DropdownContent.js +33 -64
  86. package/dropdown/DropdownDivOption.js +2 -9
  87. package/dropdown/DropdownItem.js +10 -16
  88. package/dropdown/DropdownLinkOption.js +2 -9
  89. package/dropdown/DropdownToggle.js +18 -38
  90. package/dropdown/index.js +6 -17
  91. package/dropdown/subComponent/DropdownContext.js +2 -5
  92. package/dropzone/FileDropzone.js +148 -302
  93. package/dropzone/ImageDropzone.js +96 -171
  94. package/dropzone/index.js +2 -5
  95. package/dropzone/subComponent/Message.js +7 -14
  96. package/figure/IconFigure.js +9 -16
  97. package/figure/ImageFigure.js +11 -17
  98. package/figure/index.js +2 -5
  99. package/file/HiddenFileInput.js +5 -14
  100. package/file/index.js +1 -3
  101. package/form/Checkbox.js +34 -43
  102. package/form/FormItem.js +2 -9
  103. package/form/Input.js +18 -15
  104. package/form/Label.js +20 -13
  105. package/form/MutedText.js +5 -10
  106. package/form/RadioButton.js +20 -32
  107. package/form/Searchbox.js +21 -65
  108. package/form/Slider.js +25 -0
  109. package/form/SwitchButton.js +34 -39
  110. package/form/Textarea.js +2 -11
  111. package/form/TreeView.js +64 -0
  112. package/form/index.js +16 -19
  113. package/grid/Column.js +17 -17
  114. package/grid/Grid.js +13 -14
  115. package/grid/index.js +2 -5
  116. package/heading/Heading1.js +5 -10
  117. package/heading/Heading2.js +9 -12
  118. package/heading/Heading3.js +21 -18
  119. package/heading/index.js +3 -7
  120. package/helmet/Helmet.js +6 -9
  121. package/helmet/index.js +2 -5
  122. package/iconbox/ApplicationIconBox.js +25 -31
  123. package/iconbox/IconBox.js +11 -24
  124. package/iconbox/IconBoxV2.js +14 -26
  125. package/iconbox/index.js +3 -7
  126. package/iconbox/subComponent/IconBoxFigure.js +25 -20
  127. package/iconbox/subComponent/IconBoxImage.js +15 -18
  128. package/image/ImageFluid.js +2 -10
  129. package/image/UploadImage.js +65 -113
  130. package/image/index.js +2 -5
  131. package/index.js +44 -130
  132. package/jsoneditor/JsonEditor.js +10 -32
  133. package/jsoneditor/index.js +1 -3
  134. package/keyframe/Pulse.js +2 -7
  135. package/keyframe/Spin.js +2 -7
  136. package/link/LinkSpan.js +22 -35
  137. package/link/index.js +1 -3
  138. package/map/GoogleMap.js +122 -175
  139. package/map/GoogleReverseGeolocation.js +79 -186
  140. package/map/LeafletMap.js +78 -132
  141. package/map/LeafletReverseGeolocation.js +49 -121
  142. package/map/index.js +4 -9
  143. package/map/subComponent/BasicLeafletMap.js +8 -14
  144. package/map/subComponent/GoogleMapContainer.js +5 -10
  145. package/map/subComponent/GoogleMapPopup.js +66 -123
  146. package/map/subComponent/GoogleMapWrapper.js +13 -32
  147. package/map/subComponent/GoogleMarkerSpiderfier.js +14 -24
  148. package/map/subComponent/LeafletDrawControl.js +47 -84
  149. package/map/subComponent/LeafletMapContainer.js +5 -10
  150. package/map/subComponent/MapSearchBoxControl.js +24 -70
  151. package/modal/StateModal.js +41 -100
  152. package/modal/TitleModal.js +89 -190
  153. package/modal/index.js +2 -5
  154. package/package.json +1 -1
  155. package/paginate/Paginate.js +40 -54
  156. package/paginate/index.js +1 -3
  157. package/popover/Popover.js +39 -87
  158. package/popover/index.js +1 -3
  159. package/qrcode/QRCode.js +10 -23
  160. package/qrcode/QRCodeContainter.js +8 -16
  161. package/qrcode/index.js +2 -5
  162. package/ribbon/Ribbon.js +4 -15
  163. package/ribbon/index.js +1 -3
  164. package/section/Section.js +57 -39
  165. package/section/SectionBody.js +15 -22
  166. package/section/SectionHeader.js +27 -27
  167. package/section/SectionToolbar.js +2 -9
  168. package/section/SectionToolbarItem.js +2 -9
  169. package/section/index.js +5 -11
  170. package/select/InputSelect.js +103 -215
  171. package/select/Select.js +204 -362
  172. package/select/index.js +2 -5
  173. package/select/subComponent/ListBox.js +9 -12
  174. package/select/subComponent/Option.js +8 -16
  175. package/select/subComponent/OptionGroup.js +2 -9
  176. package/select/subComponent/Options.js +5 -11
  177. package/select/subComponent/SearchBox.js +9 -29
  178. package/select/subComponent/SelectedMultiple.js +8 -16
  179. package/select/subComponent/SelectedSingle.js +2 -9
  180. package/styles/GlobalStyle.js +169 -91
  181. package/styles/config/breakpoint.style.js +2 -3
  182. package/styles/config/header.style.js +2 -3
  183. package/styles/config/sidebar.style.js +2 -3
  184. package/styles/index.js +2 -5
  185. package/styles/mixin/backgroundColor.js +17 -14
  186. package/styles/mixin/borderColor.js +17 -14
  187. package/styles/mixin/color.js +17 -14
  188. package/styles/mixin/colorOnBackground.js +17 -14
  189. package/styles/mixin/inputPlaceholder.js +3 -9
  190. package/styles/mixin/media.js +3 -11
  191. package/styles/mixin/rounded.js +13 -12
  192. package/styles/mixin/scrollbar.js +7 -13
  193. package/styles/theme/dark.theme.js +20 -20
  194. package/styles/theme/light.theme.js +20 -20
  195. package/styles/theme/white.theme.js +20 -20
  196. package/styles/themes.js +2 -8
  197. package/table/GridTable.js +105 -143
  198. package/table/ImageBox.js +8 -18
  199. package/table/PermissionTable.js +25 -25
  200. package/table/Table.js +137 -153
  201. package/table/__mock__/columns.js +2 -3
  202. package/table/__mock__/data.js +2 -3
  203. package/table/hooks/index.js +2 -5
  204. package/table/hooks/useCalculateDataRange.js +9 -36
  205. package/table/hooks/useGenerateSort.js +6 -17
  206. package/table/index.js +4 -9
  207. package/table/subComponent/BaseTableHeadCell.js +15 -21
  208. package/table/subComponent/GridTableFooter.js +5 -10
  209. package/table/subComponent/GridTableHeadCell.js +5 -10
  210. package/table/subComponent/Resizer.js +17 -44
  211. package/table/subComponent/TableFooter.js +5 -10
  212. package/table/subComponent/TableFooterInfo.js +2 -9
  213. package/table/subComponent/TableFooterPager.js +5 -12
  214. package/table/subComponent/TableHeadCell.js +2 -9
  215. package/table/subComponent/TableSort.js +13 -19
  216. package/tagify/TagifyStyle.js +2 -9
  217. package/tagify/Tags.js +15 -37
  218. package/tagify/index.js +2 -5
  219. package/text/Paragraph.js +25 -20
  220. package/text/index.js +1 -3
  221. package/timeline/Timeline.js +28 -37
  222. package/timeline/index.js +1 -3
  223. package/toast/CustomToastContainer.js +2 -9
  224. package/toast/MessageContainer.js +9 -18
  225. package/toast/index.js +3 -8
  226. package/toast/show.js +18 -28
  227. package/tooltip/Tooltip.js +48 -97
  228. package/tooltip/index.js +1 -3
  229. package/wizard/Wizard.js +63 -133
  230. package/wizard/index.js +1 -3
@@ -4,18 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _Spin = _interopRequireDefault(require("../keyframe/Spin"));
11
-
12
9
  var _templateObject;
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
- var Spinner = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 0.3rem solid var(--color-background2);\n border-top-color: var(--color-primary);\n animation: 1s ", " infinite linear;\n"])), _Spin.default);
19
-
20
- var _default = Spinner;
21
- exports.default = _default;
12
+ const Spinner = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 0.3rem solid var(--color-background2);\n border-top-color: var(--color-primary);\n animation: 1s ", " infinite linear;\n"])), _Spin.default);
13
+ var _default = exports.default = Spinner;
package/animate/index.js CHANGED
@@ -5,43 +5,37 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Collapse", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Collapse.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "Loader", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _Loader.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "NumberCounter", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _NumberCounter.default;
22
22
  }
23
23
  });
24
24
  Object.defineProperty(exports, "PulseRing", {
25
25
  enumerable: true,
26
- get: function get() {
26
+ get: function () {
27
27
  return _PulseRing.default;
28
28
  }
29
29
  });
30
30
  Object.defineProperty(exports, "Spinner", {
31
31
  enumerable: true,
32
- get: function get() {
32
+ get: function () {
33
33
  return _Spinner.default;
34
34
  }
35
35
  });
36
-
37
36
  var _Collapse = _interopRequireDefault(require("./Collapse"));
38
-
39
37
  var _Loader = _interopRequireDefault(require("./Loader"));
40
-
41
38
  var _NumberCounter = _interopRequireDefault(require("./NumberCounter"));
42
-
43
39
  var _PulseRing = _interopRequireDefault(require("./PulseRing"));
44
-
45
40
  var _Spinner = _interopRequireDefault(require("./Spinner"));
46
-
47
41
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -4,16 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _templateObject;
11
-
12
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
-
14
10
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
-
16
- var BaseBackdrop = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--color-backdrop);\n z-index: 50;\n"])));
17
-
18
- var _default = BaseBackdrop;
19
- exports.default = _default;
11
+ const BaseBackdrop = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: var(--color-backdrop);\n z-index: 50;\n"])));
12
+ var _default = exports.default = BaseBackdrop;
@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
11
-
12
9
  var _templateObject;
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
- var LoadingBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--color-primary);\n"])));
19
- var _default = LoadingBackdrop;
20
- exports.default = _default;
12
+ const LoadingBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: var(--color-primary);\n"])));
13
+ var _default = exports.default = LoadingBackdrop;
@@ -4,17 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
11
-
12
9
  var _templateObject;
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
- var ModalBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
19
- var _default = ModalBackdrop;
20
- exports.default = _default;
12
+ const ModalBackdrop = (0, _styledComponents.default)(_BaseBackdrop.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
13
+ var _default = exports.default = ModalBackdrop;
package/backdrop/index.js CHANGED
@@ -5,27 +5,23 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "BaseBackdrop", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _BaseBackdrop.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "LoadingBackdrop", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _LoadingBackdrop.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "ModalBackdrop", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _ModalBackdrop.default;
22
22
  }
23
23
  });
24
-
25
24
  var _BaseBackdrop = _interopRequireDefault(require("./BaseBackdrop"));
26
-
27
25
  var _LoadingBackdrop = _interopRequireDefault(require("./LoadingBackdrop"));
28
-
29
26
  var _ModalBackdrop = _interopRequireDefault(require("./ModalBackdrop"));
30
-
31
27
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/badge/Badge.js CHANGED
@@ -4,20 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _color = _interopRequireDefault(require("../styles/mixin/color"));
11
-
12
9
  var _borderColor = _interopRequireDefault(require("../styles/mixin/borderColor"));
13
-
14
10
  var _templateObject;
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
-
20
- var Badge = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: auto;\n width: auto;\n font-size: inherit;\n padding: 0.25rem 0.5rem;\n margin: 0 var(--spacing-xs) var(--spacing-xs) 0;\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius-l);\n\n ", "\n ", "\n"])), _color.default, _borderColor.default);
21
-
22
- var _default = Badge;
23
- exports.default = _default;
13
+ const Badge = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: auto;\n width: auto;\n font-size: inherit;\n padding: 0.25rem 0.5rem;\n margin: 0 var(--spacing-xs) var(--spacing-xs) 0;\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius-l);\n\n ", "\n ", "\n"])), _color.default, _borderColor.default);
14
+ var _default = exports.default = Badge;
package/badge/BadgeDot.js CHANGED
@@ -4,18 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _backgroundColor = _interopRequireDefault(require("../styles/mixin/backgroundColor"));
11
-
12
9
  var _templateObject;
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
- var BadgeDot = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-block;\n height: 8px;\n width: 8px;\n border-radius: var(--border-radius);\n\n ", "\n"])), _backgroundColor.default);
19
-
20
- var _default = BadgeDot;
21
- exports.default = _default;
12
+ const BadgeDot = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-block;\n height: 8px;\n width: 8px;\n border-radius: var(--border-radius);\n\n ", "\n"])), _backgroundColor.default);
13
+ var _default = exports.default = BadgeDot;
@@ -4,33 +4,28 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _backgroundColor = _interopRequireDefault(require("../styles/mixin/backgroundColor"));
11
-
12
9
  var _colorOnBackground = _interopRequireDefault(require("../styles/mixin/colorOnBackground"));
13
-
14
10
  var _templateObject;
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
-
20
- var BadgeFill = _styledComponents.default.span.attrs(function () {
21
- return {
22
- primary: true
23
- };
24
- })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: auto;\n width: auto;\n border-radius: var(--border-radius-l);\n font-size: 1rem;\n padding: 0.5rem;\n margin: 0;\n color: var(--font-on-background);\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), _backgroundColor.default, _colorOnBackground.default, function (_ref) {
25
- var extraSmall = _ref.extraSmall;
13
+ const BadgeFill = _styledComponents.default.span.attrs(() => ({
14
+ primary: true
15
+ }))(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: auto;\n width: auto;\n border-radius: var(--border-radius-l);\n font-size: 1rem;\n padding: 0.5rem;\n margin: 0;\n color: var(--font-on-background);\n\n ", "\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), _backgroundColor.default, _colorOnBackground.default, _ref => {
16
+ let {
17
+ extraSmall
18
+ } = _ref;
26
19
  return extraSmall && 'font-size: 0.75rem; padding: 0.125rem;';
27
- }, function (_ref2) {
28
- var small = _ref2.small;
20
+ }, _ref2 => {
21
+ let {
22
+ small
23
+ } = _ref2;
29
24
  return small && 'font-size: 1rem; padding: 0.25rem;';
30
- }, function (_ref3) {
31
- var large = _ref3.large;
25
+ }, _ref3 => {
26
+ let {
27
+ large
28
+ } = _ref3;
32
29
  return large && 'font-size: 2rem;';
33
30
  });
34
-
35
- var _default = BadgeFill;
36
- exports.default = _default;
31
+ var _default = exports.default = BadgeFill;
@@ -4,25 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
9
  var _templateObject;
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
-
18
- var BadgeWithText = function BadgeWithText(_ref) {
19
- var children = _ref.children;
12
+ const BadgeWithText = _ref => {
13
+ let {
14
+ children
15
+ } = _ref;
20
16
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
21
17
  children: children
22
18
  });
23
19
  };
24
-
25
- var Wrapper = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n margin-bottom: var(--spacing-s);\n\n :not(:last-child) {\n margin-right: var(--spacing-s);\n }\n\n > :first-child {\n margin-right: var(--spacing-xs);\n }\n"])));
26
-
27
- var _default = BadgeWithText;
28
- exports.default = _default;
20
+ const Wrapper = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: inline-flex;\n align-items: center;\n margin-bottom: var(--spacing-s);\n\n :not(:last-child) {\n margin-right: var(--spacing-s);\n }\n\n > :first-child {\n margin-right: var(--spacing-xs);\n }\n"])));
21
+ var _default = exports.default = BadgeWithText;
package/badge/index.js CHANGED
@@ -5,35 +5,30 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Badge", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _Badge.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "BadgeDot", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _BadgeDot.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "BadgeFill", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _BadgeFill.default;
22
22
  }
23
23
  });
24
24
  Object.defineProperty(exports, "BadgeWithText", {
25
25
  enumerable: true,
26
- get: function get() {
26
+ get: function () {
27
27
  return _BadgeWithText.default;
28
28
  }
29
29
  });
30
-
31
30
  var _Badge = _interopRequireDefault(require("./Badge"));
32
-
33
31
  var _BadgeDot = _interopRequireDefault(require("./BadgeDot"));
34
-
35
32
  var _BadgeFill = _interopRequireDefault(require("./BadgeFill"));
36
-
37
33
  var _BadgeWithText = _interopRequireDefault(require("./BadgeWithText"));
38
-
39
34
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -4,18 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _renderer = require("@react-pdf/renderer");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var BillingBarChart = function BillingBarChart(_ref) {
13
- var theme = _ref.theme,
14
- percentage = _ref.percentage,
15
- success = _ref.success,
16
- warning = _ref.warning,
17
- danger = _ref.danger;
18
- var styles = {
9
+ const BillingBarChart = _ref => {
10
+ let {
11
+ theme,
12
+ percentage,
13
+ success,
14
+ warning,
15
+ danger
16
+ } = _ref;
17
+ const styles = {
19
18
  chart: {
20
19
  position: 'relative',
21
20
  width: '100%',
@@ -33,19 +32,15 @@ var BillingBarChart = function BillingBarChart(_ref) {
33
32
  backgroundColor: theme.colorPrimary
34
33
  }
35
34
  };
36
-
37
35
  if (success) {
38
36
  styles.bar.backgroundColor = theme.colorSuccess;
39
37
  }
40
-
41
38
  if (warning) {
42
39
  styles.bar.backgroundColor = theme.colorWarning;
43
40
  }
44
-
45
41
  if (danger) {
46
42
  styles.bar.backgroundColor = theme.colorDanger;
47
43
  }
48
-
49
44
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
50
45
  style: styles.chart,
51
46
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
@@ -53,6 +48,4 @@ var BillingBarChart = function BillingBarChart(_ref) {
53
48
  })
54
49
  });
55
50
  };
56
-
57
- var _default = BillingBarChart;
58
- exports.default = _default;
51
+ var _default = exports.default = BillingBarChart;
package/billing/Grid.js CHANGED
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.BillingGrid = exports.BillingColumn = void 0;
7
-
8
7
  var _renderer = require("@react-pdf/renderer");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var BillingGrid = function BillingGrid(_ref) {
13
- var children = _ref.children;
14
- var styles = {
9
+ const BillingGrid = _ref => {
10
+ let {
11
+ children
12
+ } = _ref;
13
+ const styles = {
15
14
  display: 'flex',
16
15
  flexWrap: 'wrap',
17
16
  flexDirection: 'row',
@@ -22,28 +21,25 @@ var BillingGrid = function BillingGrid(_ref) {
22
21
  children: children
23
22
  });
24
23
  };
25
-
26
24
  exports.BillingGrid = BillingGrid;
27
-
28
- var BillingColumn = function BillingColumn(_ref2) {
29
- var children = _ref2.children,
30
- flex = _ref2.flex;
31
- var styles = {
25
+ const BillingColumn = _ref2 => {
26
+ let {
27
+ children,
28
+ flex
29
+ } = _ref2;
30
+ const styles = {
32
31
  padding: '0 8',
33
32
  width: '50%'
34
33
  };
35
-
36
34
  if (flex) {
37
35
  styles.display = 'flex';
38
36
  styles.alignContent = 'stretch';
39
37
  styles.alignItems = 'stretch';
40
38
  styles.flexDirection = 'column';
41
39
  }
42
-
43
40
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
44
41
  style: styles,
45
42
  children: children
46
43
  });
47
44
  };
48
-
49
45
  exports.BillingColumn = BillingColumn;
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _renderer = require("@react-pdf/renderer");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var BillingHeader2 = function BillingHeader2(_ref) {
13
- var children = _ref.children;
14
- var styles = {
9
+ const BillingHeader2 = _ref => {
10
+ let {
11
+ children
12
+ } = _ref;
13
+ const styles = {
15
14
  fontSize: 20,
16
15
  wordBreak: 'break-word',
17
16
  textAlign: 'center',
@@ -23,6 +22,4 @@ var BillingHeader2 = function BillingHeader2(_ref) {
23
22
  children: children
24
23
  });
25
24
  };
26
-
27
- var _default = BillingHeader2;
28
- exports.default = _default;
25
+ var _default = exports.default = BillingHeader2;
@@ -4,41 +4,34 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _renderer = require("@react-pdf/renderer");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var BillingHeader3 = function BillingHeader3(_ref) {
13
- var children = _ref.children,
14
- fontWeightNormal = _ref.fontWeightNormal,
15
- noMarginBottom = _ref.noMarginBottom,
16
- paddingBottom = _ref.paddingBottom;
17
- var styles = {
9
+ const BillingHeader3 = _ref => {
10
+ let {
11
+ children,
12
+ fontWeightNormal,
13
+ noMarginBottom,
14
+ paddingBottom
15
+ } = _ref;
16
+ const styles = {
18
17
  fontSize: 14,
19
18
  lineHeight: 1.25,
20
19
  wordBreak: 'break-word',
21
20
  fontWeight: 'bold',
22
21
  marginBottom: 8
23
22
  };
24
-
25
23
  if (fontWeightNormal) {
26
24
  styles.fontWeight = 'normal';
27
25
  }
28
-
29
26
  if (noMarginBottom) {
30
27
  styles.marginBottom = 0;
31
28
  }
32
-
33
29
  if (paddingBottom) {
34
30
  styles.paddingBottom = 8;
35
31
  }
36
-
37
32
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
38
33
  style: styles,
39
34
  children: children
40
35
  });
41
36
  };
42
-
43
- var _default = BillingHeader3;
44
- exports.default = _default;
37
+ var _default = exports.default = BillingHeader3;
@@ -4,36 +4,30 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _renderer = require("@react-pdf/renderer");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var BillingParagraph = function BillingParagraph(_ref) {
13
- var children = _ref.children,
14
- marginRight = _ref.marginRight,
15
- justifyContentBetween = _ref.justifyContentBetween;
16
- var styles = {
9
+ const BillingParagraph = _ref => {
10
+ let {
11
+ children,
12
+ marginRight,
13
+ justifyContentBetween
14
+ } = _ref;
15
+ const styles = {
17
16
  margin: 0,
18
17
  display: 'flex',
19
18
  flexDirection: 'row',
20
19
  wordBreak: 'break-word',
21
20
  overflowWrap: 'break-word'
22
21
  };
23
-
24
22
  if (marginRight) {
25
23
  styles.marginRight = 16;
26
24
  }
27
-
28
25
  if (justifyContentBetween) {
29
26
  styles.justifyContent = 'space-between';
30
27
  }
31
-
32
28
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.View, {
33
29
  style: styles,
34
30
  children: children
35
31
  });
36
32
  };
37
-
38
- var _default = BillingParagraph;
39
- exports.default = _default;
33
+ var _default = exports.default = BillingParagraph;
@@ -4,14 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _renderer = require("@react-pdf/renderer");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var BillingParagraphGroup = function BillingParagraphGroup(_ref) {
13
- var children = _ref.children;
14
- var styles = {
9
+ const BillingParagraphGroup = _ref => {
10
+ let {
11
+ children
12
+ } = _ref;
13
+ const styles = {
15
14
  display: 'flex',
16
15
  flexDirection: 'row'
17
16
  };
@@ -20,6 +19,4 @@ var BillingParagraphGroup = function BillingParagraphGroup(_ref) {
20
19
  children: children
21
20
  });
22
21
  };
23
-
24
- var _default = BillingParagraphGroup;
25
- exports.default = _default;
22
+ var _default = exports.default = BillingParagraphGroup;
@@ -4,28 +4,23 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _renderer = require("@react-pdf/renderer");
9
-
10
8
  var _jsxRuntime = require("react/jsx-runtime");
11
-
12
- var BillingParagraphText = function BillingParagraphText(_ref) {
13
- var children = _ref.children,
14
- fontWeightBold = _ref.fontWeightBold;
15
- var styles = {
9
+ const BillingParagraphText = _ref => {
10
+ let {
11
+ children,
12
+ fontWeightBold
13
+ } = _ref;
14
+ const styles = {
16
15
  fontSize: 12,
17
16
  lineHeight: 1.5
18
17
  };
19
-
20
18
  if (fontWeightBold) {
21
19
  styles.fontWeight = 'bold';
22
20
  }
23
-
24
21
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_renderer.Text, {
25
22
  style: styles,
26
23
  children: children
27
24
  });
28
25
  };
29
-
30
- var _default = BillingParagraphText;
31
- exports.default = _default;
26
+ var _default = exports.default = BillingParagraphText;