@yosgo/swap-ui 1.0.132 → 1.0.133

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 (6) hide show
  1. package/build/Typography/Typography.d.ts +2 -2
  2. package/build/index.esm.js +38 -37
  3. package/build/index.esm.js.map +1 -1
  4. package/build/index.js +26 -25
  5. package/build/index.js.map +1 -1
  6. package/package.json +1 -1
package/build/Typography/Typography.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { TypographyProps } from "./Typography.types";
3
- declare const Typography: React.FC<TypographyProps>;
4
- export default Typography;
3
+ declare const _default: React.NamedExoticComponent<TypographyProps>;
4
+ export default _default;
package/build/index.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import { AppBar, Toolbar, Container as Container$1, Grid, Button as Button$1, Typography as Typography$1, IconButton as IconButton$1, Menu as Menu$1, MenuItem as MenuItem$1, Divider, Fade, Paper as Paper$1, TextField as TextField$1, Dialog, Modal as Modal$1, Breadcrumbs, Slide, FormControl, InputLabel, Select as Select$1, CssBaseline, Box, useTheme as useTheme$1, makeStyles as makeStyles$1, useMediaQuery, FormControlLabel, OutlinedInput, FormHelperText, ListItemIcon, Backdrop, fade as fade$1, Popper as Popper$1, InputBase, Grow } from '@material-ui/core';
1
+ import { AppBar, Toolbar, Container as Container$1, Grid, Button as Button$1, Typography as Typography$2, IconButton as IconButton$1, Menu as Menu$1, MenuItem as MenuItem$1, Divider, Fade, Paper as Paper$1, TextField as TextField$1, Dialog, Modal as Modal$1, Breadcrumbs, Slide, FormControl, InputLabel, Select as Select$1, CssBaseline, Box, useTheme as useTheme$1, makeStyles as makeStyles$1, useMediaQuery, FormControlLabel, OutlinedInput, FormHelperText, ListItemIcon, Backdrop, fade as fade$1, Popper as Popper$1, InputBase, Grow } from '@material-ui/core';
2
2
  export { CssBaseline } from '@material-ui/core';
3
3
  import React__default, { useEffect, useState, Component as Component$1, forwardRef, useRef, useLayoutEffect as useLayoutEffect$1, useCallback, createElement, createContext, useContext, useMemo, Fragment as Fragment$1 } from 'react';
4
4
  import styled from 'styled-components';
@@ -241,7 +241,7 @@ var SWAPAppBar = function (_a) {
241
241
  navigations.length > 0 &&
242
242
  navigations.map(function (item, index) { return (React__default.createElement(Grid, { item: true, key: "nav_" + index, className: "mobile_hide" },
243
243
  React__default.createElement(Button$1, { onClick: function () { return item.onClick(); }, disabled: item.disabled },
244
- React__default.createElement(Typography$1, { variant: "body2" }, item.title)))); }))),
244
+ React__default.createElement(Typography$2, { variant: "body2" }, item.title)))); }))),
245
245
  React__default.createElement(Grid, { item: true, style: { flexGrow: 1, flexBasis: "auto" } },
246
246
  React__default.createElement(Grid, { container: true, spacing: 1, justify: "flex-end", alignItems: "center", className: "mobile_hide" },
247
247
  React__default.createElement(Grid, { item: true }, secondaryButton &&
@@ -293,9 +293,9 @@ var SWAPBanner = function (_a) {
293
293
  status === "critical" ? React__default.createElement("div", { className: "c_bar bar" }) : null,
294
294
  React__default.createElement(Container$1, { maxWidth: "lg" },
295
295
  React__default.createElement(SWAPSpace, { size: "l" }),
296
- React__default.createElement(Typography$1, { variant: "h6" }, title),
296
+ React__default.createElement(Typography$2, { variant: "h6" }, title),
297
297
  React__default.createElement(SWAPSpace, { size: "s" }),
298
- React__default.createElement(Typography$1, { variant: "body2" }, content),
298
+ React__default.createElement(Typography$2, { variant: "body2" }, content),
299
299
  primaryButton || secondaryButton ? (React__default.createElement(Grid, { container: true, spacing: 1 },
300
300
  primaryButton &&
301
301
  primaryButton.title &&
@@ -630,8 +630,8 @@ var SWAPDialog = function (_a) {
630
630
  status === "critical" ? React__default.createElement("div", { className: "c_bar bar" }) : null,
631
631
  React__default.createElement(Container$1, { maxWidth: "lg" },
632
632
  React__default.createElement(SWAPSpace, { size: "s" }),
633
- React__default.createElement(Typography$1, { variant: "h5" }, title),
634
- helpText ? (React__default.createElement(Typography$1, { variant: "body2" }, helpText)) : null,
633
+ React__default.createElement(Typography$2, { variant: "h5" }, title),
634
+ helpText ? (React__default.createElement(Typography$2, { variant: "body2" }, helpText)) : null,
635
635
  React__default.createElement(SWAPSpace, { size: "s" })),
636
636
  children ? React__default.createElement(Divider, null) : null),
637
637
  children ? (React__default.createElement("div", { className: "dialog_inner_body" },
@@ -726,8 +726,8 @@ var SWAPModal = function (_a) {
726
726
  React__default.createElement(SWAPSpace, { size: "m" }),
727
727
  React__default.createElement(Grid, { container: true, wrap: "nowrap", alignItems: "center", spacing: 1, justify: "space-between" },
728
728
  React__default.createElement(Grid, { item: true },
729
- React__default.createElement(Typography$1, { variant: "h5" }, title),
730
- helpText ? (React__default.createElement(Typography$1, { variant: "body2", color: "textSecondary" }, helpText)) : null),
729
+ React__default.createElement(Typography$2, { variant: "h5" }, title),
730
+ helpText ? (React__default.createElement(Typography$2, { variant: "body2", color: "textSecondary" }, helpText)) : null),
731
731
  React__default.createElement(Grid, { item: true },
732
732
  React__default.createElement(IconButton$1, { onClick: function () { return modalCloseWindow(); } },
733
733
  React__default.createElement(CloseIcon$1, { fontSize: "large" })))),
@@ -755,7 +755,7 @@ var SWAPModal = function (_a) {
755
755
  React__default.createElement(Grid, { container: true, wrap: "nowrap", alignItems: "center", justify: "flex-end" },
756
756
  React__default.createElement(Grid, { item: true, style: { margin: "0 6px -6px 0" } }, successMessage ? (React__default.createElement(CheckCircleIcon, { color: "primary" })) : (React__default.createElement(WarningIcon, { color: "secondary" }))),
757
757
  React__default.createElement(Grid, { item: true },
758
- React__default.createElement(Typography$1, { variant: "body1" }, successMessage ? successMessage : errorMessage))),
758
+ React__default.createElement(Typography$2, { variant: "body1" }, successMessage ? successMessage : errorMessage))),
759
759
  React__default.createElement(SWAPSpace, { size: "s" })))) : null,
760
760
  !steps ||
761
761
  (steps &&
@@ -1453,14 +1453,14 @@ var SWAPTaxField = function (_a) {
1453
1453
  React__default.createElement(InputLabel, { htmlFor: "case_type" }, typeFieldLabel),
1454
1454
  React__default.createElement(Select$1, { variant: "outlined", label: "" + typeFieldLabel, value: type, onChange: function (e) { return handleTypeChange("" + e.target.value); } },
1455
1455
  React__default.createElement(MenuItem$1, { disabled: true, value: typeFieldDefault },
1456
- React__default.createElement(Typography$1, { variant: "body2", color: "textSecondary" }, typeFieldDefault)),
1456
+ React__default.createElement(Typography$2, { variant: "body2", color: "textSecondary" }, typeFieldDefault)),
1457
1457
  typeOptions.map(function (option, index) { return (React__default.createElement(MenuItem$1, { key: "type_" + index, value: "" + option[1] }, option[0])); })))),
1458
1458
  React__default.createElement(Grid, { item: true, xs: 8, sm: 8, md: 8, lg: 8 },
1459
1459
  React__default.createElement(FormControl, { variant: "outlined", style: { width: "100%" } },
1460
1460
  React__default.createElement(InputLabel, { htmlFor: "case_type" }, caseFieldLabel),
1461
1461
  React__default.createElement(Select$1, { variant: "outlined", label: "" + caseFieldLabel, value: option, onChange: function (e) { return handleOptionChange(e.target.value); } },
1462
1462
  React__default.createElement(MenuItem$1, { disabled: true, value: optionFieldDefault },
1463
- React__default.createElement(Typography$1, { variant: "body2", color: "textSecondary" }, optionFieldDefault)),
1463
+ React__default.createElement(Typography$2, { variant: "body2", color: "textSecondary" }, optionFieldDefault)),
1464
1464
  caseOptions
1465
1465
  .filter(function (i) { return i[3] === type; })
1466
1466
  .map(function (option, index) { return (React__default.createElement(MenuItem$1, { key: "case_" + index, value: option[0], className: "option_item", style: {
@@ -1483,7 +1483,7 @@ var SWAPTaxField = function (_a) {
1483
1483
  }, onClose: function () {
1484
1484
  setModal(false);
1485
1485
  }, successMessage: modalMsg, errorMessage: modalErrorMsg, closeWindowOnSuccessMessage: true, children: React__default.createElement("div", null,
1486
- React__default.createElement(Typography$1, { variant: "body1" }, "\u7531\u65BC\u81EA\u7531\u5DE5\u4F5C\u8005\u7684\u6848\u4EF6\u5167\u5BB9\u591A\u6A23\uFF0C\u82E5\u60A8\u7684\u6848\u4EF6\u5167\u5BB9\u4E0D\u5728 SWAP \u6536\u9304\u7684\u4E0B\u62C9\u9078\u55AE\u4E2D\u53EF\u5728\u6B64\u624B\u52D5\u8A2D\u5B9A\u672C\u6B21\u6848\u4EF6\u7684\u7533\u5831\u985E\u5225\u3002"),
1486
+ React__default.createElement(Typography$2, { variant: "body1" }, "\u7531\u65BC\u81EA\u7531\u5DE5\u4F5C\u8005\u7684\u6848\u4EF6\u5167\u5BB9\u591A\u6A23\uFF0C\u82E5\u60A8\u7684\u6848\u4EF6\u5167\u5BB9\u4E0D\u5728 SWAP \u6536\u9304\u7684\u4E0B\u62C9\u9078\u55AE\u4E2D\u53EF\u5728\u6B64\u624B\u52D5\u8A2D\u5B9A\u672C\u6B21\u6848\u4EF6\u7684\u7533\u5831\u985E\u5225\u3002"),
1487
1487
  React__default.createElement(SWAPSpace, null),
1488
1488
  React__default.createElement(SWAPSpace, null),
1489
1489
  React__default.createElement(SWAPSpace, null),
@@ -2520,7 +2520,8 @@ var Typography = function (_a) {
2520
2520
  });
2521
2521
  var classes = useStyles();
2522
2522
  return (React__default.createElement(MaterialTypography, { className: classes.root, style: style }, children));
2523
- };
2523
+ };
2524
+ var Typography$1 = React__default.memo(Typography);
2524
2525
 
2525
2526
  var Container = function (_a) {
2526
2527
  var children = _a.children, style = _a.style, maxWidth = _a.maxWidth, padding = _a.padding;
@@ -7657,8 +7658,8 @@ var Modal = React__default.forwardRef(function (props, ref) {
7657
7658
  checked ? React__default.createElement(CheckCircleIcon, { className: classes.icon }) : null,
7658
7659
  failed ? React__default.createElement(WarningIcon, { className: classes.icon }) : null,
7659
7660
  React__default.createElement("div", null,
7660
- React__default.createElement(Typography, { variant: !mobile ? "h6" : "title" }, title),
7661
- React__default.createElement(Typography, { variant: "body2_loose", color: "black800", style: { marginTop: helpText ? 4 : 0 } }, helpText)))),
7661
+ React__default.createElement(Typography$1, { variant: !mobile ? "h6" : "title" }, title),
7662
+ React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800", style: { marginTop: helpText ? 4 : 0 } }, helpText)))),
7662
7663
  disCloseIcon ? null : (React__default.createElement(IconButton$1, { className: classes.closeIconButton, TouchRippleProps: {
7663
7664
  classes: { child: classes.closeIconRippleRoot },
7664
7665
  }, onClick: function () {
@@ -7802,7 +7803,7 @@ var Banner = function (props) {
7802
7803
  React__default.createElement("path", { d: "M12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2ZM10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", fill: "#00932A" }))) : variant === "warning" ? (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
7803
7804
  React__default.createElement("path", { d: "M13 14H11V9H13V14ZM13 18H11V16H13V18ZM1 21H23L12 2L1 21Z", fill: "#E5640C" }))) : (React__default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
7804
7805
  React__default.createElement("path", { d: "M13 9H11V7H13V9ZM13 17H11V11H13V17ZM12 2C10.6868 2 9.38642 2.25866 8.17317 2.7612C6.95991 3.26375 5.85752 4.00035 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C5.85752 19.9997 6.95991 20.7362 8.17317 21.2388C9.38642 21.7413 10.6868 22 12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7362 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2Z", fill: theme.primary.primary400 })))),
7805
- React__default.createElement(Typography, { variant: "caption2" }, children)));
7806
+ React__default.createElement(Typography$1, { variant: "caption2" }, children)));
7806
7807
  };
7807
7808
 
7808
7809
  var useStyles$c = makeStyles$1(function () { return ({
@@ -12140,7 +12141,7 @@ var Progress = function (props) {
12140
12141
  : "transparent",
12141
12142
  width: "calc((100% - 24px)/2)",
12142
12143
  } })),
12143
- React__default.createElement(Typography, { variant: "caption1", color: i + 1 === step ? "black1000" : "black700", style: { marginTop: 8 } }, label ? label[i] : null)));
12144
+ React__default.createElement(Typography$1, { variant: "caption1", color: i + 1 === step ? "black1000" : "black700", style: { marginTop: 8 } }, label ? label[i] : null)));
12144
12145
  })));
12145
12146
  };
12146
12147
 
@@ -12292,7 +12293,7 @@ var AutoComplete = function (props) {
12292
12293
  return (React__default.createElement("div", null,
12293
12294
  React__default.createElement(Popper$1, { id: id, open: open, anchorEl: anchorEl, placement: "bottom-start", className: classes.popper },
12294
12295
  React__default.createElement("div", { className: classes.header },
12295
- React__default.createElement(Typography, { variant: "caption1", color: "black800" }, title)),
12296
+ React__default.createElement(Typography$1, { variant: "caption1", color: "black800" }, title)),
12296
12297
  React__default.createElement(MaterialAutocomplete, __assign({}, other, { classes: {
12297
12298
  paper: classes.paper,
12298
12299
  option: classes.option,
@@ -12823,7 +12824,7 @@ var RadioList = function (props) {
12823
12824
  alignItems: "center",
12824
12825
  marginLeft: 4,
12825
12826
  } },
12826
- React__default.createElement(Typography, { variant: "title", style: {
12827
+ React__default.createElement(Typography$1, { variant: "title", style: {
12827
12828
  maxWidth: 56,
12828
12829
  minWidth: 56,
12829
12830
  textAlign: "center",
@@ -12836,13 +12837,13 @@ var RadioList = function (props) {
12836
12837
  backgroundColor: "#909090",
12837
12838
  } }),
12838
12839
  React__default.createElement("div", { ref: ref },
12839
- React__default.createElement(Typography, { variant: "body2_loose", color: "black800", style: {
12840
+ React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800", style: {
12840
12841
  width: "100%",
12841
12842
  wordBreak: "break-word",
12842
12843
  } }, subtitle)))) : (React__default.createElement("div", { style: { display: "flex", flexDirection: "column" } },
12843
- React__default.createElement(Typography, { variant: "title" }, title),
12844
- multiline ? (React__default.createElement(Typography, { variant: "body2_loose", color: "black800" }, subtitle)) : null))),
12845
- !multiline && !line ? (React__default.createElement(Typography, { variant: "body2_loose", color: "black800" }, subtitle)) : null));
12844
+ React__default.createElement(Typography$1, { variant: "title" }, title),
12845
+ multiline ? (React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800" }, subtitle)) : null))),
12846
+ !multiline && !line ? (React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800" }, subtitle)) : null));
12846
12847
  };
12847
12848
 
12848
12849
  var useStyles$j = makeStyles$1(function (theme) { return ({
@@ -12916,7 +12917,7 @@ var CheckBoxList = function (props) {
12916
12917
  alignItems: "center",
12917
12918
  marginLeft: 4,
12918
12919
  } },
12919
- React__default.createElement(Typography, { variant: "title", style: {
12920
+ React__default.createElement(Typography$1, { variant: "title", style: {
12920
12921
  minWidth: 56,
12921
12922
  maxWidth: 56,
12922
12923
  textAlign: "center",
@@ -12929,13 +12930,13 @@ var CheckBoxList = function (props) {
12929
12930
  backgroundColor: "#909090",
12930
12931
  } }),
12931
12932
  React__default.createElement("div", { ref: ref },
12932
- React__default.createElement(Typography, { variant: "body2_loose", color: "black800", style: {
12933
+ React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800", style: {
12933
12934
  width: "100%",
12934
12935
  wordBreak: "break-word",
12935
12936
  } }, subtitle)))) : (React__default.createElement("div", { style: { display: "flex", flexDirection: "column" } },
12936
- React__default.createElement(Typography, { variant: "title" }, title),
12937
- multiline ? (React__default.createElement(Typography, { variant: "body2_loose", color: "black800" }, subtitle)) : null))),
12938
- !multiline && !line ? (React__default.createElement(Typography, { variant: "body2_loose", color: "black800" }, subtitle)) : null));
12937
+ React__default.createElement(Typography$1, { variant: "title" }, title),
12938
+ multiline ? (React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800" }, subtitle)) : null))),
12939
+ !multiline && !line ? (React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800" }, subtitle)) : null));
12939
12940
  };
12940
12941
 
12941
12942
  var useStyles$k = makeStyles$1(function (theme) { return ({
@@ -13412,7 +13413,7 @@ var DatePicker = function (props) {
13412
13413
  setYear(year - 1);
13413
13414
  setIsClicked(true);
13414
13415
  } }, icon_arrowleft),
13415
- React__default.createElement(Typography, { variant: "subtitle", style: { textAlign: "center" } },
13416
+ React__default.createElement(Typography$1, { variant: "subtitle", style: { textAlign: "center" } },
13416
13417
  year,
13417
13418
  "\u5E74"),
13418
13419
  React__default.createElement(IconButton, { hoverColor: "black400", onClick: function () {
@@ -13426,13 +13427,13 @@ var DatePicker = function (props) {
13426
13427
  gap: 8,
13427
13428
  gridTemplateColumns: "1fr 1fr 1fr",
13428
13429
  gridTemplateRows: "36px 36px",
13429
- } }, Array.from(Array(6).keys()).map(function (_i, i) { return (React__default.createElement(MonthButton, { key: i, index: i, month: month, setMonth: setMonth, setIsOpenMonthSelector: setIsOpenMonthSelector, setIsClicked: setIsClicked })); }))))) : null)) : (React__default.createElement(Modal, __assign({ bodyPadding: mobile ? 16 : undefined, fullWidth: mobile, open: open, onClose: onClose, size: mobile ? undefined : "medium", label: !mobile ? (React__default.createElement(Typography, { variant: "h6" },
13430
+ } }, Array.from(Array(6).keys()).map(function (_i, i) { return (React__default.createElement(MonthButton, { key: i, index: i, month: month, setMonth: setMonth, setIsOpenMonthSelector: setIsOpenMonthSelector, setIsClicked: setIsClicked })); }))))) : null)) : (React__default.createElement(Modal, __assign({ bodyPadding: mobile ? 16 : undefined, fullWidth: mobile, open: open, onClose: onClose, size: mobile ? undefined : "medium", label: !mobile ? (React__default.createElement(Typography$1, { variant: "h6" },
13430
13431
  React__default.createElement("span", { style: { fontWeight: 400 } }, "\u5DF2\u9078\u64C7\uFF1A"),
13431
13432
  date &&
13432
13433
  date.split("/")[0] + "\u5E74" + date.split("/")[1] + "\u6708" + date.split("/")[2] + "\u65E5")) : (React__default.createElement(React__default.Fragment, null,
13433
- React__default.createElement(Typography, { variant: "caption2" },
13434
+ React__default.createElement(Typography$1, { variant: "caption2" },
13434
13435
  React__default.createElement("span", { style: { fontWeight: 400 } }, "\u5DF2\u9078\u64C7\uFF1A")),
13435
- React__default.createElement(Typography, { variant: "subtitle" }, date &&
13436
+ React__default.createElement(Typography$1, { variant: "subtitle" }, date &&
13436
13437
  date.split("/")[0] + "\u5E74" + date.split("/")[1] + "\u6708" + date.split("/")[2] + "\u65E5"))), primaryButton: {
13437
13438
  title: "確認",
13438
13439
  onClick: function () {
@@ -13626,9 +13627,9 @@ var Breadcrumb = function (props) {
13626
13627
  fontWeight: 400,
13627
13628
  } },
13628
13629
  children[0],
13629
- React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"),
13630
+ React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"),
13630
13631
  React__default.createElement("div", { onClick: handleThreeDotsClick, onMouseEnter: function () { return setIsHoverThreeDots(true); }, onMouseLeave: function () { return setIsHoverThreeDots(false); }, style: { cursor: "pointer" } }, isHoverThreeDots ? icon_threedots_hover : icon_threedots),
13631
- React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/")),
13632
+ React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/")),
13632
13633
  children
13633
13634
  .slice((children === null || children === void 0 ? void 0 : children.length) - maxItems + 1)
13634
13635
  .map(function (i, index) {
@@ -13639,7 +13640,7 @@ var Breadcrumb = function (props) {
13639
13640
  fontWeight: index + 1 === (children === null || children === void 0 ? void 0 : children.length) ? 700 : 400,
13640
13641
  } },
13641
13642
  i,
13642
- index + 1 !== maxItems - 1 && (React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
13643
+ index + 1 !== maxItems - 1 && (React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
13643
13644
  }))) : (children === null || children === void 0 ? void 0 : children.map(function (i, index) {
13644
13645
  return (React__default.createElement("div", { key: Math.random().toString(36).substr(2), style: {
13645
13646
  display: "flex",
@@ -13648,7 +13649,7 @@ var Breadcrumb = function (props) {
13648
13649
  fontWeight: index + 1 === (children === null || children === void 0 ? void 0 : children.length) ? 700 : 400,
13649
13650
  } },
13650
13651
  i,
13651
- index + 1 !== (children === null || children === void 0 ? void 0 : children.length) && (React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
13652
+ index + 1 !== (children === null || children === void 0 ? void 0 : children.length) && (React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
13652
13653
  })),
13653
13654
  React__default.createElement(Menu, { anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleThreeDotsClose, anchorOrigin: { vertical: "bottom", horizontal: -16 }, getContentAnchorEl: null }, children === null || children === void 0 ? void 0 : children.slice(1, (children === null || children === void 0 ? void 0 : children.length) - maxItems + 1).map(function (i) {
13654
13655
  var content = i.props.children;
@@ -13727,5 +13728,5 @@ var Card = function (props) {
13727
13728
  React__default.createElement(Skeleton$1, { width: "100%", height: "100%" }))))));
13728
13729
  };
13729
13730
 
13730
- export { AutoComplete, Banner, Breadcrumb, BreadcrumbItem, Button, Card, CheckBox, CheckBoxList, Chip, CircularProgress, Container, DatePicker, Dropdown, IconButton, Link, Menu, MenuItem, Modal, Pagination$1 as Pagination, Paper, Progress, RadioButton, RadioList, SWAPAppBar, SWAPBanner, SWAPCopyField, SWAPDialog, SWAPExpenseTypes, SWAPIncomeTypes, SWAPLogo, SWAPModal, SWAPShare, SWAPSpace, SWAPTaxDescription, SWAPTaxExpenseLabel, SWAPTaxField, SWAPTaxIncomeLabel, SWAPTheme, SegmentedTab, SegmentedTabs, Select, Skeleton$1 as Skeleton, Snackbar, Styles, Switch, Tab, TabPanel, Tabs, TaxTextField, TextField, Tooltip, Typography, useBreakpoints };
13731
+ export { AutoComplete, Banner, Breadcrumb, BreadcrumbItem, Button, Card, CheckBox, CheckBoxList, Chip, CircularProgress, Container, DatePicker, Dropdown, IconButton, Link, Menu, MenuItem, Modal, Pagination$1 as Pagination, Paper, Progress, RadioButton, RadioList, SWAPAppBar, SWAPBanner, SWAPCopyField, SWAPDialog, SWAPExpenseTypes, SWAPIncomeTypes, SWAPLogo, SWAPModal, SWAPShare, SWAPSpace, SWAPTaxDescription, SWAPTaxExpenseLabel, SWAPTaxField, SWAPTaxIncomeLabel, SWAPTheme, SegmentedTab, SegmentedTabs, Select, Skeleton$1 as Skeleton, Snackbar, Styles, Switch, Tab, TabPanel, Tabs, TaxTextField, TextField, Tooltip, Typography$1 as Typography, useBreakpoints };
13731
13732
  //# sourceMappingURL=index.esm.js.map