@yosgo/swap-ui 1.0.133 → 1.0.134

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 +40 -41
  3. package/build/index.esm.js.map +1 -1
  4. package/build/index.js +28 -29
  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 _default: React.NamedExoticComponent<TypographyProps>;
4
- export default _default;
3
+ declare const Typography: React.FC<TypographyProps>;
4
+ export default Typography;
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$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';
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';
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';
@@ -175,7 +175,7 @@ var SWAPLogoWrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
175
175
  });
176
176
  var templateObject_1;
177
177
 
178
- var SWAPSpace = function (_a) {
178
+ var SWAPSpace = React__default.memo(function (_a) {
179
179
  var size = _a.size;
180
180
  var height = function () {
181
181
  if (size === "xxs") {
@@ -212,7 +212,7 @@ var SWAPSpace = function (_a) {
212
212
  return 16;
213
213
  };
214
214
  return React__default.createElement("div", { style: { height: height() + "px" } });
215
- };
215
+ });
216
216
 
217
217
  var SWAPAppBar = function (_a) {
218
218
  var logo = _a.logo, primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, navigations = _a.navigations;
@@ -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$2, { variant: "body2" }, item.title)))); }))),
244
+ React__default.createElement(Typography$1, { 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$2, { variant: "h6" }, title),
296
+ React__default.createElement(Typography$1, { variant: "h6" }, title),
297
297
  React__default.createElement(SWAPSpace, { size: "s" }),
298
- React__default.createElement(Typography$2, { variant: "body2" }, content),
298
+ React__default.createElement(Typography$1, { 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$2, { variant: "h5" }, title),
634
- helpText ? (React__default.createElement(Typography$2, { variant: "body2" }, helpText)) : null,
633
+ React__default.createElement(Typography$1, { variant: "h5" }, title),
634
+ helpText ? (React__default.createElement(Typography$1, { 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$2, { variant: "h5" }, title),
730
- helpText ? (React__default.createElement(Typography$2, { variant: "body2", color: "textSecondary" }, helpText)) : null),
729
+ React__default.createElement(Typography$1, { variant: "h5" }, title),
730
+ helpText ? (React__default.createElement(Typography$1, { 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$2, { variant: "body1" }, successMessage ? successMessage : errorMessage))),
758
+ React__default.createElement(Typography$1, { 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$2, { variant: "body2", color: "textSecondary" }, typeFieldDefault)),
1456
+ React__default.createElement(Typography$1, { 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$2, { variant: "body2", color: "textSecondary" }, optionFieldDefault)),
1463
+ React__default.createElement(Typography$1, { 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$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"),
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"),
1487
1487
  React__default.createElement(SWAPSpace, null),
1488
1488
  React__default.createElement(SWAPSpace, null),
1489
1489
  React__default.createElement(SWAPSpace, null),
@@ -2159,7 +2159,7 @@ var Styles = function (_a) {
2159
2159
  var StylesWrap = styled.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject([""], [""])));
2160
2160
  var templateObject_1$8;
2161
2161
 
2162
- var Typography = function (_a) {
2162
+ var Typography = React__default.memo(function (_a) {
2163
2163
  var variant = _a.variant, children = _a.children, mode = _a.mode, color = _a.color, style = _a.style;
2164
2164
  var theme = useTheme$1();
2165
2165
  var useStyles = makeStyles$1({
@@ -2520,8 +2520,7 @@ 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
- };
2524
- var Typography$1 = React__default.memo(Typography);
2523
+ });
2525
2524
 
2526
2525
  var Container = function (_a) {
2527
2526
  var children = _a.children, style = _a.style, maxWidth = _a.maxWidth, padding = _a.padding;
@@ -7658,8 +7657,8 @@ var Modal = React__default.forwardRef(function (props, ref) {
7658
7657
  checked ? React__default.createElement(CheckCircleIcon, { className: classes.icon }) : null,
7659
7658
  failed ? React__default.createElement(WarningIcon, { className: classes.icon }) : null,
7660
7659
  React__default.createElement("div", null,
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)))),
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)))),
7663
7662
  disCloseIcon ? null : (React__default.createElement(IconButton$1, { className: classes.closeIconButton, TouchRippleProps: {
7664
7663
  classes: { child: classes.closeIconRippleRoot },
7665
7664
  }, onClick: function () {
@@ -7803,7 +7802,7 @@ var Banner = function (props) {
7803
7802
  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" },
7804
7803
  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" },
7805
7804
  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 })))),
7806
- React__default.createElement(Typography$1, { variant: "caption2" }, children)));
7805
+ React__default.createElement(Typography, { variant: "caption2" }, children)));
7807
7806
  };
7808
7807
 
7809
7808
  var useStyles$c = makeStyles$1(function () { return ({
@@ -12141,7 +12140,7 @@ var Progress = function (props) {
12141
12140
  : "transparent",
12142
12141
  width: "calc((100% - 24px)/2)",
12143
12142
  } })),
12144
- React__default.createElement(Typography$1, { variant: "caption1", color: i + 1 === step ? "black1000" : "black700", style: { marginTop: 8 } }, label ? label[i] : null)));
12143
+ React__default.createElement(Typography, { variant: "caption1", color: i + 1 === step ? "black1000" : "black700", style: { marginTop: 8 } }, label ? label[i] : null)));
12145
12144
  })));
12146
12145
  };
12147
12146
 
@@ -12293,7 +12292,7 @@ var AutoComplete = function (props) {
12293
12292
  return (React__default.createElement("div", null,
12294
12293
  React__default.createElement(Popper$1, { id: id, open: open, anchorEl: anchorEl, placement: "bottom-start", className: classes.popper },
12295
12294
  React__default.createElement("div", { className: classes.header },
12296
- React__default.createElement(Typography$1, { variant: "caption1", color: "black800" }, title)),
12295
+ React__default.createElement(Typography, { variant: "caption1", color: "black800" }, title)),
12297
12296
  React__default.createElement(MaterialAutocomplete, __assign({}, other, { classes: {
12298
12297
  paper: classes.paper,
12299
12298
  option: classes.option,
@@ -12824,7 +12823,7 @@ var RadioList = function (props) {
12824
12823
  alignItems: "center",
12825
12824
  marginLeft: 4,
12826
12825
  } },
12827
- React__default.createElement(Typography$1, { variant: "title", style: {
12826
+ React__default.createElement(Typography, { variant: "title", style: {
12828
12827
  maxWidth: 56,
12829
12828
  minWidth: 56,
12830
12829
  textAlign: "center",
@@ -12837,13 +12836,13 @@ var RadioList = function (props) {
12837
12836
  backgroundColor: "#909090",
12838
12837
  } }),
12839
12838
  React__default.createElement("div", { ref: ref },
12840
- React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800", style: {
12839
+ React__default.createElement(Typography, { variant: "body2_loose", color: "black800", style: {
12841
12840
  width: "100%",
12842
12841
  wordBreak: "break-word",
12843
12842
  } }, subtitle)))) : (React__default.createElement("div", { style: { display: "flex", flexDirection: "column" } },
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));
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));
12847
12846
  };
12848
12847
 
12849
12848
  var useStyles$j = makeStyles$1(function (theme) { return ({
@@ -12917,7 +12916,7 @@ var CheckBoxList = function (props) {
12917
12916
  alignItems: "center",
12918
12917
  marginLeft: 4,
12919
12918
  } },
12920
- React__default.createElement(Typography$1, { variant: "title", style: {
12919
+ React__default.createElement(Typography, { variant: "title", style: {
12921
12920
  minWidth: 56,
12922
12921
  maxWidth: 56,
12923
12922
  textAlign: "center",
@@ -12930,13 +12929,13 @@ var CheckBoxList = function (props) {
12930
12929
  backgroundColor: "#909090",
12931
12930
  } }),
12932
12931
  React__default.createElement("div", { ref: ref },
12933
- React__default.createElement(Typography$1, { variant: "body2_loose", color: "black800", style: {
12932
+ React__default.createElement(Typography, { variant: "body2_loose", color: "black800", style: {
12934
12933
  width: "100%",
12935
12934
  wordBreak: "break-word",
12936
12935
  } }, subtitle)))) : (React__default.createElement("div", { style: { display: "flex", flexDirection: "column" } },
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));
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));
12940
12939
  };
12941
12940
 
12942
12941
  var useStyles$k = makeStyles$1(function (theme) { return ({
@@ -13413,7 +13412,7 @@ var DatePicker = function (props) {
13413
13412
  setYear(year - 1);
13414
13413
  setIsClicked(true);
13415
13414
  } }, icon_arrowleft),
13416
- React__default.createElement(Typography$1, { variant: "subtitle", style: { textAlign: "center" } },
13415
+ React__default.createElement(Typography, { variant: "subtitle", style: { textAlign: "center" } },
13417
13416
  year,
13418
13417
  "\u5E74"),
13419
13418
  React__default.createElement(IconButton, { hoverColor: "black400", onClick: function () {
@@ -13427,13 +13426,13 @@ var DatePicker = function (props) {
13427
13426
  gap: 8,
13428
13427
  gridTemplateColumns: "1fr 1fr 1fr",
13429
13428
  gridTemplateRows: "36px 36px",
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" },
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" },
13431
13430
  React__default.createElement("span", { style: { fontWeight: 400 } }, "\u5DF2\u9078\u64C7\uFF1A"),
13432
13431
  date &&
13433
13432
  date.split("/")[0] + "\u5E74" + date.split("/")[1] + "\u6708" + date.split("/")[2] + "\u65E5")) : (React__default.createElement(React__default.Fragment, null,
13434
- React__default.createElement(Typography$1, { variant: "caption2" },
13433
+ React__default.createElement(Typography, { variant: "caption2" },
13435
13434
  React__default.createElement("span", { style: { fontWeight: 400 } }, "\u5DF2\u9078\u64C7\uFF1A")),
13436
- React__default.createElement(Typography$1, { variant: "subtitle" }, date &&
13435
+ React__default.createElement(Typography, { variant: "subtitle" }, date &&
13437
13436
  date.split("/")[0] + "\u5E74" + date.split("/")[1] + "\u6708" + date.split("/")[2] + "\u65E5"))), primaryButton: {
13438
13437
  title: "確認",
13439
13438
  onClick: function () {
@@ -13627,9 +13626,9 @@ var Breadcrumb = function (props) {
13627
13626
  fontWeight: 400,
13628
13627
  } },
13629
13628
  children[0],
13630
- React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"),
13629
+ React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"),
13631
13630
  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),
13632
- React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/")),
13631
+ React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/")),
13633
13632
  children
13634
13633
  .slice((children === null || children === void 0 ? void 0 : children.length) - maxItems + 1)
13635
13634
  .map(function (i, index) {
@@ -13640,7 +13639,7 @@ var Breadcrumb = function (props) {
13640
13639
  fontWeight: index + 1 === (children === null || children === void 0 ? void 0 : children.length) ? 700 : 400,
13641
13640
  } },
13642
13641
  i,
13643
- index + 1 !== maxItems - 1 && (React__default.createElement(Typography$1, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
13642
+ index + 1 !== maxItems - 1 && (React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
13644
13643
  }))) : (children === null || children === void 0 ? void 0 : children.map(function (i, index) {
13645
13644
  return (React__default.createElement("div", { key: Math.random().toString(36).substr(2), style: {
13646
13645
  display: "flex",
@@ -13649,7 +13648,7 @@ var Breadcrumb = function (props) {
13649
13648
  fontWeight: index + 1 === (children === null || children === void 0 ? void 0 : children.length) ? 700 : 400,
13650
13649
  } },
13651
13650
  i,
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 : "/"))));
13651
+ index + 1 !== (children === null || children === void 0 ? void 0 : children.length) && (React__default.createElement(Typography, { variant: "body2", style: { margin: "0 8px" } }, separator ? separator : "/"))));
13653
13652
  })),
13654
13653
  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) {
13655
13654
  var content = i.props.children;
@@ -13728,5 +13727,5 @@ var Card = function (props) {
13728
13727
  React__default.createElement(Skeleton$1, { width: "100%", height: "100%" }))))));
13729
13728
  };
13730
13729
 
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 };
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 };
13732
13731
  //# sourceMappingURL=index.esm.js.map