@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,50 +4,28 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = require("react");
9
-
10
8
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
-
12
9
  var _jsoneditorReact = require("jsoneditor-react");
13
-
14
10
  var _brace = _interopRequireDefault(require("brace"));
15
-
16
11
  require("jsoneditor-react/es/editor.min.css");
17
-
18
12
  require("brace/mode/json");
19
-
20
13
  require("brace/theme/github");
21
-
22
14
  var _jsxRuntime = require("react/jsx-runtime");
23
-
24
15
  var _templateObject;
25
-
26
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
-
28
17
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
29
-
30
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
31
-
32
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
33
-
34
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
35
-
36
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
37
-
38
- var JsonEditor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
39
- var props = _extends({}, _ref);
40
-
18
+ const JsonEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
19
+ let {
20
+ ...props
21
+ } = _ref;
41
22
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
42
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsoneditorReact.JsonEditor, _objectSpread(_objectSpread({
43
- ref: ref
44
- }, props), {}, {
23
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsoneditorReact.JsonEditor, {
24
+ ref: ref,
25
+ ...props,
45
26
  ace: _brace.default
46
- }))
27
+ })
47
28
  });
48
29
  });
49
-
50
- var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .jsoneditor {\n border: 0;\n\n div.jsoneditor-tree {\n background: transparent;\n }\n }\n\n div.jsoneditor td.jsoneditor-tree {\n vertical-align: middle;\n }\n\n .jsoneditor-popover,\n .jsoneditor-schema-error,\n div.jsoneditor th,\n div.jsoneditor td,\n div.jsoneditor textarea,\n div.jsoneditor select,\n div.jsoneditor-field,\n div.jsoneditor-value,\n pre.jsoneditor-preview {\n font-size: var(--font-body1);\n color: var(--font-on-background);\n }\n\n div.jsoneditor select {\n background: var(--color-background1);\n }\n\n div {\n &.jsoneditor-readonly {\n color: var(--font-on-background);\n }\n\n &.jsoneditor-value.jsoneditor-number {\n color: var(--color-danger);\n }\n\n &.jsoneditor-field.jsoneditor-empty::after,\n &.jsoneditor-value.jsoneditor-empty::after {\n font-size: var(--font-body1);\n color: var(--font-on-background);\n }\n\n &.jsoneditor-field[contenteditable='true']:focus,\n &.jsoneditor-field[contenteditable='true']:hover,\n &.jsoneditor-value[contenteditable='true']:focus,\n &.jsoneditor-value[contenteditable='true']:hover,\n &.jsoneditor-field.jsoneditor-highlight,\n &.jsoneditor-value.jsoneditor-highlight {\n background-color: transparent;\n border: var(--border-width) solid var(--border-color);\n }\n\n &.jsoneditor-empty {\n border-color: transparent;\n border-style: none;\n }\n\n &.jsoneditor-tree button.jsoneditor-button {\n filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(78deg)\n brightness(104%) contrast(101%);\n }\n\n &.jsoneditor-tree button.jsoneditor-button:focus {\n background-color: transparent;\n }\n }\n\n // ace editor\n .ace_editor.ace-jsoneditor {\n border-radius: 8px;\n }\n\n .ace_gutter {\n background: rgb(59, 57, 87) !important;\n color: #ffffff !important;\n z-index: 0;\n }\n\n .ace-jsoneditor .ace_gutter-active-line {\n background: #00001d;\n }\n\n .ace_content {\n background: rgb(76, 72, 110);\n z-index: 0;\n }\n\n .ace-jsoneditor .ace_marker-layer .ace_active-line {\n background: #00001d;\n }\n\n .ace-jsoneditor .ace_text-layer {\n color: #fff;\n }\n\n .ace-jsoneditor .ace_variable {\n color: #fff;\n }\n\n .ace-jsoneditor .ace_string {\n color: #11d8cd;\n }\n\n .ace-jsoneditor .ace_cursor {\n border-left: 2px solid #fff;\n }\n\n .ace_hidden-cursors .ace_cursor {\n opacity: 0.5;\n }\n"])));
51
-
52
- var _default = JsonEditor;
53
- exports.default = _default;
30
+ const Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .jsoneditor {\n border: 0;\n\n div.jsoneditor-tree {\n background: transparent;\n }\n }\n\n div.jsoneditor td.jsoneditor-tree {\n vertical-align: middle;\n }\n\n .jsoneditor-popover,\n .jsoneditor-schema-error,\n div.jsoneditor th,\n div.jsoneditor td,\n div.jsoneditor textarea,\n div.jsoneditor select,\n div.jsoneditor-field,\n div.jsoneditor-value,\n pre.jsoneditor-preview {\n font-size: var(--font-body1);\n color: var(--font-on-background);\n }\n\n div.jsoneditor select {\n background: var(--color-background1);\n }\n\n div {\n &.jsoneditor-readonly {\n color: var(--font-on-background);\n }\n\n &.jsoneditor-value.jsoneditor-number {\n color: var(--color-danger);\n }\n\n &.jsoneditor-field.jsoneditor-empty::after,\n &.jsoneditor-value.jsoneditor-empty::after {\n font-size: var(--font-body1);\n color: var(--font-on-background);\n }\n\n &.jsoneditor-field[contenteditable='true']:focus,\n &.jsoneditor-field[contenteditable='true']:hover,\n &.jsoneditor-value[contenteditable='true']:focus,\n &.jsoneditor-value[contenteditable='true']:hover,\n &.jsoneditor-field.jsoneditor-highlight,\n &.jsoneditor-value.jsoneditor-highlight {\n background-color: transparent;\n border: var(--border-width) solid var(--border-color);\n }\n\n &.jsoneditor-empty {\n border-color: transparent;\n border-style: none;\n }\n\n &.jsoneditor-tree button.jsoneditor-button {\n filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(78deg)\n brightness(104%) contrast(101%);\n }\n\n &.jsoneditor-tree button.jsoneditor-button:focus {\n background-color: transparent;\n }\n }\n\n // ace editor\n .ace_editor.ace-jsoneditor {\n border-radius: 8px;\n }\n\n .ace_gutter {\n background: rgb(59, 57, 87) !important;\n color: #ffffff !important;\n z-index: 0;\n }\n\n .ace-jsoneditor .ace_gutter-active-line {\n background: #00001d;\n }\n\n .ace_content {\n background: rgb(76, 72, 110);\n z-index: 0;\n }\n\n .ace-jsoneditor .ace_marker-layer .ace_active-line {\n background: #00001d;\n }\n\n .ace-jsoneditor .ace_text-layer {\n color: #fff;\n }\n\n .ace-jsoneditor .ace_variable {\n color: #fff;\n }\n\n .ace-jsoneditor .ace_string {\n color: #11d8cd;\n }\n\n .ace-jsoneditor .ace_cursor {\n border-left: 2px solid #fff;\n }\n\n .ace_hidden-cursors .ace_cursor {\n opacity: 0.5;\n }\n"])));
31
+ var _default = exports.default = JsonEditor;
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "JsonEditor", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _JsonEditor.default;
10
10
  }
11
11
  });
12
-
13
12
  var _JsonEditor = _interopRequireDefault(require("./JsonEditor"));
14
-
15
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
package/keyframe/Pulse.js CHANGED
@@ -4,13 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = require("styled-components");
9
-
10
8
  var _templateObject;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
- var Pulse = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n transform: scale(0.1, 0.1);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 100% {\n transform: scale(1.2, 1.2);\n opacity: 0;\n }\n"])));
15
- var _default = Pulse;
16
- exports.default = _default;
10
+ const Pulse = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% {\n transform: scale(0.1, 0.1);\n opacity: 0;\n }\n 10% {\n opacity: 1;\n }\n 100% {\n transform: scale(1.2, 1.2);\n opacity: 0;\n }\n"])));
11
+ var _default = exports.default = Pulse;
package/keyframe/Spin.js CHANGED
@@ -4,13 +4,8 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = require("styled-components");
9
-
10
8
  var _templateObject;
11
-
12
9
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
-
14
- var Spin = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n to {\n transform: rotate(360deg);\n }\n"])));
15
- var _default = Spin;
16
- exports.default = _default;
10
+ const Spin = (0, _styledComponents.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n to {\n transform: rotate(360deg);\n }\n"])));
11
+ var _default = exports.default = Spin;
package/link/LinkSpan.js CHANGED
@@ -4,54 +4,41 @@ 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
- var _excluded = ["children"];
15
-
16
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
11
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
19
-
20
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
21
-
22
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23
-
24
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
-
26
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
27
-
28
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
29
-
30
- var LinkSpan = function LinkSpan(_ref) {
31
- var children = _ref.children,
32
- props = _objectWithoutProperties(_ref, _excluded);
33
-
34
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, _objectSpread(_objectSpread({}, props), {}, {
12
+ const LinkSpan = _ref => {
13
+ let {
14
+ children,
15
+ ...props
16
+ } = _ref;
17
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, {
18
+ ...props,
35
19
  children: children
36
- }));
20
+ });
37
21
  };
38
-
39
- var Link = _styledComponents.default.span.attrs(function (props) {
22
+ const Link = _styledComponents.default.span.attrs(props => {
40
23
  return {
41
24
  fontSize: props.fontSmall ? '1rem' : '1.5rem',
42
25
  color: props.light ? 'var(--font-on-background)' : 'rgba(255, 255, 255, 0.5)',
43
26
  borderColor: props.light ? 'var(--border-color)' : '#3e5fff'
44
27
  };
45
- })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: 500;\n color: ", ";\n cursor: pointer;\n position: relative;\n display: inline-block;\n\n &:after {\n display: block;\n content: '';\n position: absolute;\n bottom: 0;\n top: 1rem;\n left: 0;\n width: 0%;\n transition: width 0.3s ease;\n }\n\n &:hover {\n &:after {\n width: 100%;\n border-bottom: 1px solid ", ";\n opacity: 0.75;\n }\n }\n"])), function (_ref2) {
46
- var fontSize = _ref2.fontSize;
28
+ })(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n font-size: ", ";\n line-height: 1.5;\n font-weight: 500;\n color: ", ";\n cursor: pointer;\n position: relative;\n display: inline-block;\n\n &:after {\n display: block;\n content: '';\n position: absolute;\n bottom: 0;\n top: 1rem;\n left: 0;\n width: 0%;\n transition: width 0.3s ease;\n }\n\n &:hover {\n &:after {\n width: 100%;\n border-bottom: 1px solid ", ";\n opacity: 0.75;\n }\n }\n"])), _ref2 => {
29
+ let {
30
+ fontSize
31
+ } = _ref2;
47
32
  return fontSize;
48
- }, function (_ref3) {
49
- var color = _ref3.color;
33
+ }, _ref3 => {
34
+ let {
35
+ color
36
+ } = _ref3;
50
37
  return color;
51
- }, function (_ref4) {
52
- var borderColor = _ref4.borderColor;
38
+ }, _ref4 => {
39
+ let {
40
+ borderColor
41
+ } = _ref4;
53
42
  return borderColor;
54
43
  });
55
-
56
- var _default = LinkSpan;
57
- exports.default = _default;
44
+ var _default = exports.default = LinkSpan;
package/link/index.js CHANGED
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "LinkSpan", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _LinkSpan.default;
10
10
  }
11
11
  });
12
-
13
12
  var _LinkSpan = _interopRequireDefault(require("./LinkSpan"));
14
-
15
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }