@xfers/design-system 4.0.1 → 4.1.0-dev.7ea2ee5e94
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.
- package/cjs/Swap-bea478ae.js +2 -0
- package/cjs/{Swap-007c1acc.js.map → Swap-bea478ae.js.map} +1 -1
- package/cjs/icons.js +1 -1
- package/cjs/index.js +13 -13
- package/cjs/index.js.map +1 -1
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/CopyBox/CopyBox.js +30 -0
- package/dist/components/CopyBox/CopyBox.js.map +1 -0
- package/dist/components/CopyBox/index.js +3 -59
- package/dist/components/CopyBox/index.js.map +1 -1
- package/dist/components/CopyBox/styles.js +21 -0
- package/dist/components/CopyBox/styles.js.map +1 -0
- package/dist/icons/CopyToClipboard.js +3 -3
- package/dist/icons/CopyToClipboard.js.map +1 -1
- package/dist/icons/Delete.js +2 -2
- package/dist/icons/Delete.js.map +1 -1
- package/dist/icons/Edit.js +2 -6
- package/dist/icons/Edit.js.map +1 -1
- package/dist/icons/Switch.js +2 -2
- package/dist/icons/Switch.js.map +1 -1
- package/dist/icons/Unlink.js +2 -2
- package/dist/icons/Unlink.js.map +1 -1
- package/dist/types/components/CopyBox/CopyBox.d.ts +17 -0
- package/dist/types/components/CopyBox/index.d.ts +1 -11
- package/dist/types/components/CopyBox/styles.d.ts +27 -0
- package/es/Swap-7930110f.js +2 -0
- package/es/Swap-7930110f.js.map +1 -0
- package/es/icons.js +1 -1
- package/es/index.js +13 -13
- package/es/index.js.map +1 -1
- package/package.json +6 -5
- package/cjs/Swap-007c1acc.js +0 -2
- package/es/Swap-ce50337f.js +0 -2
- package/es/Swap-ce50337f.js.map +0 -1
|
@@ -38,7 +38,7 @@ var styles_1 = require("./styles");
|
|
|
38
38
|
var CustomButton = function (_a) {
|
|
39
39
|
var _b = _a.type, type = _b === void 0 ? 'primary' : _b, size = _a.size, iconColor = _a.iconColor, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, children = _a.children, icon = _a.icon, rest = __rest(_a, ["type", "size", "iconColor", "isDisabled", "isFullWidth", "className", "children", "icon"]);
|
|
40
40
|
var _f = (0, ThemeContext_1.useTheme)(), brand = _f.brand, button = _f.button, actionButton = _f.actionButton, color = _f.color;
|
|
41
|
-
var primaryStyle = "\n background-color: ".concat(brand.action.default, ";\n color: ").concat(brand.primary.contrast, ";\n border: none;\n\n &:focus {\n background-color: ").concat(brand.action.default, ";\n
|
|
41
|
+
var primaryStyle = "\n background-color: ".concat(brand.action.default, ";\n color: ").concat(brand.primary.contrast, ";\n border: none;\n\n &:focus {\n background-color: ").concat(brand.action.default, ";\n border: none;\n }\n \n &:active {\n background-color: ").concat(brand.action.pressed, ";\n border: none;\n }\n \n &:hover {\n background-color: ").concat(brand.action.hover, ";\n border: none;\n }\n ");
|
|
42
42
|
var secondaryStyle = "\n background-color: ".concat(button.background, ";\n color: ").concat(brand.primary.contrast, ";\n border: 1px solid ").concat(button.border, ";\n\n &:focus {\n background-color: ").concat(button.background, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &:hover {\n background-color: ").concat(brand.secondary.action.hover, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &:active {\n background-color: ").concat(brand.secondary.action.pressed, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n ");
|
|
43
43
|
var tertiaryStyle = "\n background-color: transparent;\n color: ".concat(brand.primary.contrast, ";\n border: none;\n\n &:focus {\n background-color: transparent;\n border: none;\n }\n\n &:hover {\n background-color: ").concat(brand.tertiary.action.hover, ";\n border: none;\n }\n\n &:active {\n background-color: ").concat(brand.tertiary.action.pressed, ";\n border: none;\n }\n ");
|
|
44
44
|
var primaryDisabledStyle = "\n cursor: not-allowed;\n background-color: ".concat(color.surface.disabledSurface, ";\n color: ").concat(color.surface.disabledOnSurface, ";\n border: none;\n \n &:hover, &:focus, &:active {\n cursor: not-allowed;\n background-color: ").concat(color.surface.disabledSurface, ";\n color: ").concat(color.surface.disabledOnSurface, ";\n border: none;\n }\n ");
|
|
@@ -61,7 +61,7 @@ var CustomButton = function (_a) {
|
|
|
61
61
|
var fullWidthStyle = "\n width: 100%;\n ";
|
|
62
62
|
var defaultIconStyle = "\n color: ".concat(actionButton.color, ";\n\n &:focus {\n color: ").concat(actionButton.color, ";\n }\n\n &:hover {\n color: ").concat(actionButton.hover, ";\n }\n\n &:active {\n color: ").concat(actionButton.color, ";\n }\n ");
|
|
63
63
|
var primaryIconStyle = "\n color: ".concat(brand.action.default, ";\n\n &:focus {\n color: ").concat(brand.action.default, ";\n }\n\n &:hover {\n color: ").concat(brand.action.hover, ";\n }\n\n &:active {\n color: ").concat(brand.action.default, ";\n }\n ");
|
|
64
|
-
var StyledButton = (0, styled_1.default)(button_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n }\n "], ["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n }\n "])), size === 'small' ? '36px' : '48px', fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, getDisabledStyle(), isFullWidth && fullWidthStyle, iconColor === 'primary' ? primaryIconStyle : defaultIconStyle);
|
|
64
|
+
var StyledButton = (0, styled_1.default)(button_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n &:hover, &:focus, &:active {\n color: ", " !important;\n }\n }\n "], ["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n &:hover, &:focus, &:active {\n color: ", " !important;\n }\n }\n "])), size === 'small' ? '36px' : '48px', fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, getDisabledStyle(), isFullWidth && fullWidthStyle, iconColor === 'primary' ? primaryIconStyle : defaultIconStyle, brand.primary.contrast);
|
|
65
65
|
var StyledIconButton = (0, styled_1.default)(button_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &.ant-btn {\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "], ["\n &.ant-btn {\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "])), fontStyles_1.baseStyle, size === 'small' ? styles_1.iconButtonSmallStyle : styles_1.iconButtonStyle, type === 'primary' && styles_1.iconButtonPrimaryStyle, type === 'secondary' && styles_1.iconButtonSecondaryStyle, type === 'tertiary' && styles_1.iconButtonTertiaryStyle, (0, styles_1.iconButtonSVGStyle)(size), isDisabled && (0, styles_1.iconButtonDisabledStyle)(type));
|
|
66
66
|
var disabledClassName = isDisabled ? "straitsx-button-disabled" : undefined;
|
|
67
67
|
if (icon) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,yCAAoD;AACpD,oCAAiC;AACjC,uDAIiC;AACjC,uDAAiD;AACjD,yCAA+C;AAC/C,+CAA2C;AAC3C,mCAQiB;AAajB,IAAM,YAAY,GAAG,UAAC,EAUF;IATlB,IAAA,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,IAAI,cATa,2FAUrB,CADQ;IAED,IAAA,KAAyC,IAAA,uBAAQ,GAAE,EAAjD,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAe,CAAA;IAEzD,IAAM,YAAY,GAAG,kCACC,KAAK,CAAC,MAAM,CAAC,OAAO,2BAC/B,KAAK,CAAC,OAAO,CAAC,QAAQ,4EAIT,KAAK,CAAC,MAAM,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
var react_1 = require("react");
|
|
4
|
+
var copy_to_clipboard_1 = require("copy-to-clipboard");
|
|
5
|
+
var CopyToClipboard_1 = require("src/icons/CopyToClipboard");
|
|
6
|
+
var theme_1 = require("src/theme/theme");
|
|
7
|
+
var Typography_1 = require("src/constants/Typography/Typography");
|
|
8
|
+
var styles_1 = require("./styles");
|
|
9
|
+
var CopyBox = function (_a) {
|
|
10
|
+
var value = _a.value, _b = _a.allowCopy, allowCopy = _b === void 0 ? true : _b, _c = _a.valueToCopy, valueToCopy = _c === void 0 ? value : _c, _d = _a.isBankAddress, isBankAddress = _d === void 0 ? false : _d, _e = _a.showCopyIcon, showCopyIcon = _e === void 0 ? true : _e, icon = _a.icon, iconSize = _a.iconSize, labelText = _a.labelText, labelTooltip = _a.labelTooltip, helperText = _a.helperText, helperTextType = _a.helperTextType, onButtonClick = _a.onButtonClick;
|
|
11
|
+
return (react_1.default.createElement(styles_1.Container, null,
|
|
12
|
+
react_1.default.createElement(styles_1.LabelContainer, null,
|
|
13
|
+
labelText && (react_1.default.createElement(Typography_1.Typography.Body, { size: "md", color: theme_1.straitsXTheme.color.base.onNeutral }, labelText)),
|
|
14
|
+
labelTooltip && react_1.default.createElement(styles_1.TooltipContainer, null, labelTooltip)),
|
|
15
|
+
react_1.default.createElement(styles_1.CopyContainer, null,
|
|
16
|
+
react_1.default.createElement(styles_1.TextContainer, null,
|
|
17
|
+
icon && react_1.default.createElement(styles_1.IconContainer, { iconSize: iconSize }, icon),
|
|
18
|
+
react_1.default.createElement(Typography_1.Typography.Body, { size: "lg" },
|
|
19
|
+
react_1.default.createElement(styles_1.TextValueStyles, { isBankAddress: isBankAddress }, value))),
|
|
20
|
+
allowCopy && (react_1.default.createElement(styles_1.CopyButton, { onClick: function () {
|
|
21
|
+
if (onButtonClick !== undefined)
|
|
22
|
+
onButtonClick();
|
|
23
|
+
(0, copy_to_clipboard_1.default)(valueToCopy);
|
|
24
|
+
} }, showCopyIcon ? (react_1.default.createElement(CopyToClipboard_1.default, null)) : (react_1.default.createElement(Typography_1.Typography.Label, { size: "md", color: theme_1.straitsXTheme.brand.primary.default }, "Copy"))))),
|
|
25
|
+
helperText && (react_1.default.createElement(Typography_1.Typography.Body, { size: "sm", color: helperTextType === 'error'
|
|
26
|
+
? theme_1.straitsXTheme.color.status.critical
|
|
27
|
+
: theme_1.straitsXTheme.color.base.onNeutralSecondary }, helperText))));
|
|
28
|
+
};
|
|
29
|
+
exports.default = CopyBox;
|
|
30
|
+
//# sourceMappingURL=CopyBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CopyBox.js","sourceRoot":"","sources":["../../../src/components/CopyBox/CopyBox.tsx"],"names":[],"mappings":";;AAAA,+BAAyB;AACzB,uDAAoC;AACpC,6DAAuD;AACvD,yCAA+C;AAC/C,kEAAgE;AAChE,mCASiB;AAiBjB,IAAM,OAAO,GAAG,UAAC,EAaH;QAZZ,KAAK,WAAA,EACL,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,aAAa,mBAAA;IAEb,OAAO,CACL,8BAAC,kBAAS;QACR,8BAAC,uBAAc;YACZ,SAAS,IAAI,CACZ,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,IACjE,SAAS,CACM,CACnB;YACA,YAAY,IAAI,8BAAC,yBAAgB,QAAE,YAAY,CAAoB,CACrD;QAEjB,8BAAC,sBAAa;YACZ,8BAAC,sBAAa;gBACX,IAAI,IAAI,8BAAC,sBAAa,IAAC,QAAQ,EAAE,QAAQ,IAAG,IAAI,CAAiB;gBAClE,8BAAC,uBAAU,CAAC,IAAI,IAAC,IAAI,EAAC,IAAI;oBACxB,8BAAC,wBAAe,IAAC,aAAa,EAAE,aAAa,IAC1C,KAAK,CACU,CACF,CACJ;YAEf,SAAS,IAAI,CACZ,8BAAC,mBAAU,IACT,OAAO,EAAE;oBACP,IAAI,aAAa,KAAK,SAAS;wBAAE,aAAa,EAAE,CAAA;oBAChD,IAAA,2BAAI,EAAC,WAAW,CAAC,CAAA;gBACnB,CAAC,IAEA,YAAY,CAAC,CAAC,CAAC,CACd,8BAAC,yBAAe,OAAG,CACpB,CAAC,CAAC,CAAC,CACF,8BAAC,uBAAU,CAAC,KAAK,IACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,WAGzB,CACpB,CACU,CACd,CACa;QACf,UAAU,IAAI,CACb,8BAAC,uBAAU,CAAC,IAAI,IACd,IAAI,EAAC,IAAI,EACT,KAAK,EACH,cAAc,KAAK,OAAO;gBACxB,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;gBACrC,CAAC,CAAC,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,IAGhD,UAAU,CACK,CACnB,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA"}
|
|
@@ -1,62 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
var Button_1 = require("src/components/Button");
|
|
33
|
-
require("antd/es/button/style/css");
|
|
34
|
-
var src_1 = require("src");
|
|
35
|
-
var CopyBox = function (_a) {
|
|
36
|
-
var value = _a.value, prefix = _a.prefix, _b = _a.withCopy, withCopy = _b === void 0 ? true : _b, _c = _a.valueToCopy, valueToCopy = _c === void 0 ? value : _c, onButtonClick = _a.onButtonClick, props = __rest(_a, ["value", "prefix", "withCopy", "valueToCopy", "onButtonClick"]);
|
|
37
|
-
var brand = (0, src_1.useTheme)().brand;
|
|
38
|
-
return (react_1.default.createElement(Container, __assign({}, props),
|
|
39
|
-
prefix && react_1.default.createElement(Prefix, null, prefix),
|
|
40
|
-
react_1.default.createElement(InputValue, { withPrefix: !!prefix, withCopy: withCopy }, value),
|
|
41
|
-
withCopy && (react_1.default.createElement(Button_1.default, { type: "secondary", style: {
|
|
42
|
-
borderTopLeftRadius: '0px',
|
|
43
|
-
borderBottomLeftRadius: '0px',
|
|
44
|
-
color: brand.primary.default
|
|
45
|
-
}, onClick: function () {
|
|
46
|
-
if (onButtonClick !== undefined)
|
|
47
|
-
onButtonClick();
|
|
48
|
-
(0, copy_to_clipboard_1.default)(valueToCopy);
|
|
49
|
-
} }, "Copy"))));
|
|
50
|
-
};
|
|
51
|
-
exports.default = CopyBox;
|
|
52
|
-
var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
53
|
-
var Prefix = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 48px;\n border: 1px solid #e8e8e8;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n box-sizing: border-box;\n background: #f6f7f9;\n color: #1b2736;\n font-family: 'Hanken Grotesk', Inter;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 15px;\n padding-right: 12px;\n word-break: break-all;\n"], ["\n width: 48px;\n border: 1px solid #e8e8e8;\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n box-sizing: border-box;\n background: #f6f7f9;\n color: #1b2736;\n font-family: 'Hanken Grotesk', Inter;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 15px;\n padding-right: 12px;\n word-break: break-all;\n"])));
|
|
54
|
-
var InputValue = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n border: 1px solid #e8e8e8;\n border-left: 0px;\n border-right: 0px;\n box-sizing: border-box;\n background: #f6f7f9;\n color: #1b2736;\n font-family: \"Hanken Grotesk\", Inter;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 15px;\n padding-right: 12px;\n flex-basis: 0px;\n flex-grow: 1;\n flex-shrink: 1;\n word-break: break-all;\n border-radius: 0px;\n\n // if withPrefix is false then:\n ", "\n\n // if withCopy is false then:\n ", "\n"], ["\n border: 1px solid #e8e8e8;\n border-left: 0px;\n border-right: 0px;\n box-sizing: border-box;\n background: #f6f7f9;\n color: #1b2736;\n font-family: \"Hanken Grotesk\", Inter;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n padding-top: 10px;\n padding-bottom: 10px;\n padding-left: 15px;\n padding-right: 12px;\n flex-basis: 0px;\n flex-grow: 1;\n flex-shrink: 1;\n word-break: break-all;\n border-radius: 0px;\n\n // if withPrefix is false then:\n ", "\n\n // if withCopy is false then:\n ", "\n"])), function (props) {
|
|
55
|
-
return props.withPrefix ||
|
|
56
|
-
"\n border-top-left-radius: 5px !important;\n border-bottom-left-radius: 5px !important;\n border-left: 1px solid #e8e8e8 !important;\n ";
|
|
57
|
-
}, function (props) {
|
|
58
|
-
return props.withCopy ||
|
|
59
|
-
"\n border-top-right-radius: 5px !important;\n border-bottom-right-radius: 5px !important;\n border-right: 1px solid #e8e8e8 !important;\n ";
|
|
60
|
-
});
|
|
61
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
|
3
|
+
exports.default = void 0;
|
|
4
|
+
var CopyBox_1 = require("./CopyBox");
|
|
5
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return CopyBox_1.default; } });
|
|
62
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CopyBox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CopyBox/index.tsx"],"names":[],"mappings":";;;AAAA,qCAAmC;AAA1B,kGAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.CopyButton = exports.TextValueStyles = exports.TextContainer = exports.CopyContainer = exports.IconContainer = exports.TooltipContainer = exports.LabelContainer = exports.Container = void 0;
|
|
8
|
+
var theme_1 = require("src/theme/theme");
|
|
9
|
+
var styled_1 = require("@emotion/styled");
|
|
10
|
+
var button_1 = require("antd/es/button");
|
|
11
|
+
var fontStyles_1 = require("src/constants/fontStyles");
|
|
12
|
+
exports.Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
|
|
13
|
+
exports.LabelContainer = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 4px;\n"], ["\n display: flex;\n align-items: center;\n gap: 4px;\n"])));
|
|
14
|
+
exports.TooltipContainer = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n"], ["\n display: flex;\n align-items: center;\n"])));
|
|
15
|
+
exports.IconContainer = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 4px;\n > svg {\n width: ", "!important;\n height: 24px;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 4px;\n > svg {\n width: ", "!important;\n height: 24px;\n }\n"])), function (props) { return (props.iconSize === 'wide' ? '48px' : '24px'); });
|
|
16
|
+
exports.CopyContainer = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n background: ", ";\n border-radius: 12px;\n border: 1px solid ", ";\n min-height: 48px;\n"], ["\n display: flex;\n background: ", ";\n border-radius: 12px;\n border: 1px solid ", ";\n min-height: 48px;\n"])), theme_1.straitsXTheme.color.surface.disabledSurface, theme_1.straitsXTheme.color.base.line);
|
|
17
|
+
exports.TextContainer = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n flex: 1 1 0px;\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n flex: 1 1 0px;\n"])));
|
|
18
|
+
exports.TextValueStyles = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n line-height: '24px';\n max-height: ", ";\n word-break: ", ";\n"], ["\n color: ", ";\n line-height: '24px';\n max-height: ", ";\n word-break: ", ";\n"])), theme_1.straitsXTheme.color.base.onNeutral, function (props) { return (props.isBankAddress ? 'auto' : '48px'); }, function (props) { return (props.isBankAddress ? 'break-word' : 'break-all'); });
|
|
19
|
+
exports.CopyButton = (0, styled_1.default)(button_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n border-left: 1px solid ", " !important;\n border-right: 0px;\n border-block: 0px;\n background: ", ";\n padding: 12px;\n min-width: unset;\n min-height: unset;\n height: auto;\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin: 0px;\n }\n ", ";\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: ", ";\n }\n }\n"], ["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n border-left: 1px solid ", " !important;\n border-right: 0px;\n border-block: 0px;\n background: ", ";\n padding: 12px;\n min-width: unset;\n min-height: unset;\n height: auto;\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin: 0px;\n }\n ", ";\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: ", ";\n }\n }\n"])), theme_1.straitsXTheme.color.base.line, theme_1.straitsXTheme.color.surface.neutral, fontStyles_1.baseStyle, theme_1.straitsXTheme.brand.primary.default);
|
|
20
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
21
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CopyBox/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAA+C;AAC/C,0CAAoC;AACpC,yCAAmC;AACnC,uDAAqE;AAExD,QAAA,SAAS,GAAG,gBAAM,CAAC,GAAG,iIAAA,8DAIlC,KAAA;AAEY,QAAA,cAAc,GAAG,gBAAM,CAAC,GAAG,8HAAA,2DAIvC,KAAA;AACY,QAAA,gBAAgB,GAAG,gBAAM,CAAC,GAAG,iHAAA,8CAGzC,KAAA;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,6LAAkC,iFAK5D,EAAsD,uCAGlE,KAHY,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EAGlE;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,sLAAA,oCAEvB,EAA2C,iDAErC,EAA6B,0BAElD,KAJe,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAErC,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAElD;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,uKAAA,oGAMtC,KAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,yJAA4B,aAC1D,EAAkC,2CAE7B,EAAgD,mBAChD,EAA2D,KAC1E,KAJU,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAE7B,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAvC,CAAuC,EAChD,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,EAAlD,CAAkD,EAC1E;AAEY,QAAA,UAAU,GAAG,IAAA,gBAAM,EAAC,gBAAM,CAAC,6yBAAA,qWAYX,EAA6B,gFAGxC,EAAmC,gMAU/C,EAAa,4FAEe,EAAmC,iBAGpE,KAlB4B,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAGxC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAU/C,sBAAa,EAEe,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAGpE"}
|
|
@@ -13,9 +13,9 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var React = require("react");
|
|
15
15
|
function SvgCopyToClipboard(props) {
|
|
16
|
-
return (React.createElement("svg", __assign({ width: "
|
|
17
|
-
React.createElement("path", { d: "
|
|
18
|
-
React.createElement("path", { d: "
|
|
16
|
+
return (React.createElement("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
17
|
+
React.createElement("path", { d: "M15.3098 21.3125C14.6619 21.8289 13.8583 22.1109 13.0298 22.1125H8.25977C6.80189 22.1099 5.40448 21.5296 4.3736 20.4987C3.34272 19.4678 2.76241 18.0704 2.75977 16.6125V10.4225C2.76091 9.8508 2.89419 9.28706 3.14919 8.77533C3.40418 8.26361 3.774 7.81774 4.22977 7.47254V7.27254C4.23136 6.70875 4.3053 6.1475 4.44977 5.60254C3.50474 6.00568 2.69877 6.67724 2.13174 7.53402C1.5647 8.3908 1.26152 9.39512 1.25977 10.4225V16.6125C1.25977 18.4691 1.99726 20.2495 3.31002 21.5623C4.62277 22.875 6.40325 23.6125 8.25977 23.6125H12.9998C13.8547 23.613 14.6966 23.4036 15.4516 23.0025C16.2066 22.6015 16.8515 22.0212 17.3298 21.3125H15.3098Z", fill: "#054948" }),
|
|
18
|
+
React.createElement("path", { d: "M17.5 3.53275C18.4911 3.53539 19.4408 3.93027 20.1417 4.63109C20.8425 5.3319 21.2374 6.28165 21.24 7.27275V14.5728C21.24 15.5647 20.846 16.5159 20.1446 17.2173C19.4432 17.9187 18.4919 18.3128 17.5 18.3128H11C10.0081 18.3128 9.0568 17.9187 8.35541 17.2173C7.65403 16.5159 7.25999 15.5647 7.25999 14.5728V7.27275C7.26263 6.28165 7.65751 5.3319 8.35833 4.63109C9.05914 3.93027 10.0089 3.53539 11 3.53275H17.5ZM17.5 2.03275H11C10.3097 2.03012 9.62569 2.16364 8.98707 2.42568C8.34845 2.68771 7.76778 3.07311 7.27828 3.55982C6.78878 4.04653 6.40008 4.625 6.1344 5.26211C5.86873 5.89922 5.7313 6.58247 5.72999 7.27275V14.5728C5.72866 15.2643 5.86421 15.9492 6.12883 16.588C6.39345 17.2269 6.7819 17.8071 7.27179 18.2951C7.76168 18.7831 8.34333 19.1694 8.9832 19.4316C9.62307 19.6938 10.3085 19.8267 11 19.8228H17.5C18.8897 19.8228 20.2225 19.2707 21.2052 18.288C22.1879 17.3053 22.74 15.9725 22.74 14.5828V7.27275C22.7373 5.88383 22.1844 4.55255 21.2023 3.57043C20.2202 2.58831 18.8889 2.0354 17.5 2.03275Z", fill: "#054948" })));
|
|
19
19
|
}
|
|
20
20
|
exports.default = SvgCopyToClipboard;
|
|
21
21
|
//# sourceMappingURL=CopyToClipboard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../src/icons/CopyToClipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,kBAAkB,CAAC,KAAoC;IAC9D,OAAO,CACL,sCACE,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"CopyToClipboard.js","sourceRoot":"","sources":["../../src/icons/CopyToClipboard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,kBAAkB,CAAC,KAAoC;IAC9D,OAAO,CACL,sCACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,8BACE,CAAC,EAAC,ynBAAynB,EAC3nB,IAAI,EAAC,SAAS,GACd;QACF,8BACE,CAAC,EAAC,y+BAAy+B,EAC3+B,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAA;AACH,CAAC;AAED,kBAAe,kBAAkB,CAAA"}
|
package/dist/icons/Delete.js
CHANGED
|
@@ -13,8 +13,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var React = require("react");
|
|
15
15
|
function SvgDelete(props) {
|
|
16
|
-
return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0
|
|
17
|
-
React.createElement("path", {
|
|
16
|
+
return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
17
|
+
React.createElement("path", { d: "M5.83301 17.5C5.37467 17.5 4.98231 17.3368 4.65592 17.0104C4.32954 16.684 4.16634 16.2917 4.16634 15.8333V5C3.93023 5 3.73231 4.92014 3.57259 4.76042C3.41287 4.60069 3.33301 4.40278 3.33301 4.16667C3.33301 3.93056 3.41287 3.73264 3.57259 3.57292C3.73231 3.41319 3.93023 3.33333 4.16634 3.33333H7.49967C7.49967 3.09722 7.57954 2.89931 7.73926 2.73958C7.89898 2.57986 8.0969 2.5 8.33301 2.5H11.6663C11.9025 2.5 12.1004 2.57986 12.2601 2.73958C12.4198 2.89931 12.4997 3.09722 12.4997 3.33333H15.833C16.0691 3.33333 16.267 3.41319 16.4268 3.57292C16.5865 3.73264 16.6663 3.93056 16.6663 4.16667C16.6663 4.40278 16.5865 4.60069 16.4268 4.76042C16.267 4.92014 16.0691 5 15.833 5V15.8333C15.833 16.2917 15.6698 16.684 15.3434 17.0104C15.017 17.3368 14.6247 17.5 14.1663 17.5H5.83301ZM14.1663 5H5.83301V15.8333H14.1663V5ZM8.33301 14.1667C8.56912 14.1667 8.76704 14.0868 8.92676 13.9271C9.08648 13.7674 9.16634 13.5694 9.16634 13.3333V7.5C9.16634 7.26389 9.08648 7.06597 8.92676 6.90625C8.76704 6.74653 8.56912 6.66667 8.33301 6.66667C8.0969 6.66667 7.89898 6.74653 7.73926 6.90625C7.57954 7.06597 7.49967 7.26389 7.49967 7.5V13.3333C7.49967 13.5694 7.57954 13.7674 7.73926 13.9271C7.89898 14.0868 8.0969 14.1667 8.33301 14.1667ZM11.6663 14.1667C11.9025 14.1667 12.1004 14.0868 12.2601 13.9271C12.4198 13.7674 12.4997 13.5694 12.4997 13.3333V7.5C12.4997 7.26389 12.4198 7.06597 12.2601 6.90625C12.1004 6.74653 11.9025 6.66667 11.6663 6.66667C11.4302 6.66667 11.2323 6.74653 11.0726 6.90625C10.9129 7.06597 10.833 7.26389 10.833 7.5V13.3333C10.833 13.5694 10.9129 13.7674 11.0726 13.9271C11.2323 14.0868 11.4302 14.1667 11.6663 14.1667Z", fill: "currentColor" })));
|
|
18
18
|
}
|
|
19
19
|
exports.default = SvgDelete;
|
|
20
20
|
//# sourceMappingURL=Delete.js.map
|
package/dist/icons/Delete.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Delete.js","sourceRoot":"","sources":["../../src/icons/Delete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,SAAS,CAAC,KAAoC;IACrD,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Delete.js","sourceRoot":"","sources":["../../src/icons/Delete.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,SAAS,CAAC,KAAoC;IACrD,OAAO,CACL,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,8BACE,CAAC,EAAC,4lDAA4lD,EAC9lD,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC;AAED,kBAAe,SAAS,CAAA"}
|
package/dist/icons/Edit.js
CHANGED
|
@@ -13,12 +13,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var React = require("react");
|
|
15
15
|
function SvgEdit(props) {
|
|
16
|
-
return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0
|
|
17
|
-
React.createElement("
|
|
18
|
-
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.47 23.856L24.52 7.808a1.645 1.645 0 00-2.327-2.326L6.145 21.53l-.768 3.093 3.094-.767zm1.771 2.472l16.4-16.4a4.644 4.644 0 10-6.569-6.568l-16.4 16.4a1.213 1.213 0 00-.32.565l-1.286 5.187c-.363 1.462.96 2.786 2.423 2.423l5.187-1.287c.214-.053.41-.164.565-.32z", fill: "currentColor" })),
|
|
19
|
-
React.createElement("defs", null,
|
|
20
|
-
React.createElement("clipPath", { id: "edit_svg__clip0" },
|
|
21
|
-
React.createElement("path", { fill: "#fff", d: "M0 0h30v30H0z" })))));
|
|
16
|
+
return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
17
|
+
React.createElement("path", { d: "M4.16667 15.8333H5.35417L13.5 7.6875L12.3125 6.5L4.16667 14.6458V15.8333ZM3.33333 17.5C3.09722 17.5 2.89931 17.4201 2.73958 17.2604C2.57986 17.1007 2.5 16.9028 2.5 16.6667V14.6458C2.5 14.4236 2.54167 14.2118 2.625 14.0104C2.70833 13.809 2.82639 13.6319 2.97917 13.4792L13.5 2.97917C13.6667 2.82639 13.8507 2.70833 14.0521 2.625C14.2535 2.54167 14.4653 2.5 14.6875 2.5C14.9097 2.5 15.125 2.54167 15.3333 2.625C15.5417 2.70833 15.7222 2.83333 15.875 3L17.0208 4.16667C17.1875 4.31944 17.309 4.5 17.3854 4.70833C17.4618 4.91667 17.5 5.125 17.5 5.33333C17.5 5.55556 17.4618 5.76736 17.3854 5.96875C17.309 6.17014 17.1875 6.35417 17.0208 6.52083L6.52083 17.0208C6.36806 17.1736 6.19097 17.2917 5.98958 17.375C5.78819 17.4583 5.57639 17.5 5.35417 17.5H3.33333ZM12.8958 7.10417L12.3125 6.5L13.5 7.6875L12.8958 7.10417Z", fill: "currentColor" })));
|
|
22
18
|
}
|
|
23
19
|
exports.default = SvgEdit;
|
|
24
20
|
//# sourceMappingURL=Edit.js.map
|
package/dist/icons/Edit.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../src/icons/Edit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,OAAO,CAAC,KAAoC;IACnD,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../src/icons/Edit.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,OAAO,CAAC,KAAoC;IACnD,OAAO,CACL,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,8BACE,CAAC,EAAC,6yBAA6yB,EAC/yB,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC;AAED,kBAAe,OAAO,CAAA"}
|
package/dist/icons/Switch.js
CHANGED
|
@@ -13,8 +13,8 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var React = require("react");
|
|
15
15
|
function SvgSwitch(props) {
|
|
16
|
-
return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0
|
|
17
|
-
React.createElement("path", {
|
|
16
|
+
return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
17
|
+
React.createElement("path", { d: "M7.51465 10.833C7.27854 10.833 7.08062 10.7531 6.9209 10.5934C6.76118 10.4337 6.68132 10.2358 6.68132 9.99967V4.85384L5.11882 6.41634C4.96604 6.56912 4.77507 6.64551 4.5459 6.64551C4.31673 6.64551 4.11882 6.56912 3.95215 6.41634C3.78548 6.24967 3.70215 6.05176 3.70215 5.82259C3.70215 5.59342 3.78548 5.39551 3.95215 5.22884L6.93132 2.24967C7.01465 2.16634 7.10493 2.10731 7.20215 2.07259C7.29937 2.03787 7.40354 2.02051 7.51465 2.02051C7.62576 2.02051 7.72993 2.03787 7.82715 2.07259C7.92437 2.10731 8.01465 2.16634 8.09798 2.24967L11.098 5.24967C11.2646 5.41634 11.3445 5.61079 11.3376 5.83301C11.3306 6.05523 11.2438 6.24967 11.0771 6.41634C10.9105 6.56912 10.716 6.64898 10.4938 6.65592C10.2716 6.66287 10.0771 6.58301 9.91048 6.41634L8.34798 4.85384V9.99967C8.34798 10.2358 8.26812 10.4337 8.1084 10.5934C7.94868 10.7531 7.75076 10.833 7.51465 10.833ZM12.5146 17.9788C12.4035 17.9788 12.2994 17.9615 12.2021 17.9268C12.1049 17.892 12.0146 17.833 11.9313 17.7497L8.93132 14.7497C8.76465 14.583 8.68479 14.3886 8.69173 14.1663C8.69868 13.9441 8.78548 13.7497 8.95215 13.583C9.11882 13.4302 9.31326 13.3504 9.53548 13.3434C9.7577 13.3365 9.95215 13.4163 10.1188 13.583L11.6813 15.1455V9.99967C11.6813 9.76356 11.7612 9.56565 11.9209 9.40592C12.0806 9.2462 12.2785 9.16634 12.5146 9.16634C12.7508 9.16634 12.9487 9.2462 13.1084 9.40592C13.2681 9.56565 13.348 9.76356 13.348 9.99967V15.1455L14.9105 13.583C15.0633 13.4302 15.2542 13.3538 15.4834 13.3538C15.7126 13.3538 15.9105 13.4302 16.0771 13.583C16.2438 13.7497 16.3271 13.9476 16.3271 14.1768C16.3271 14.4059 16.2438 14.6038 16.0771 14.7705L13.098 17.7497C13.0146 17.833 12.9244 17.892 12.8271 17.9268C12.7299 17.9615 12.6258 17.9788 12.5146 17.9788Z", fill: "currentColor" })));
|
|
18
18
|
}
|
|
19
19
|
exports.default = SvgSwitch;
|
|
20
20
|
//# sourceMappingURL=Switch.js.map
|
package/dist/icons/Switch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/icons/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,SAAS,CAAC,KAAoC;IACrD,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/icons/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,SAAS,CAAC,KAAoC;IACrD,OAAO,CACL,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;QAET,8BACE,CAAC,EAAC,4qDAA4qD,EAC9qD,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC;AAED,kBAAe,SAAS,CAAA"}
|
package/dist/icons/Unlink.js
CHANGED
|
@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var React = require("react");
|
|
15
|
-
var SvgUnlink = function (props) { return (React.createElement("svg", __assign({
|
|
16
|
-
React.createElement("path", { d: "
|
|
15
|
+
var SvgUnlink = function (props) { return (React.createElement("svg", __assign({ width: "1em", height: "1em", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
16
|
+
React.createElement("path", { d: "M13.0208 10.6458L11.5417 9.16667H12.5C12.7361 9.16667 12.934 9.24653 13.0938 9.40625C13.2535 9.56597 13.3333 9.76389 13.3333 10C13.3333 10.1389 13.3056 10.2639 13.25 10.375C13.1945 10.4861 13.1181 10.5764 13.0208 10.6458ZM17.0833 18.25C16.9306 18.4028 16.7361 18.4792 16.5 18.4792C16.2639 18.4792 16.0695 18.4028 15.9167 18.25L1.75001 4.08333C1.59723 3.93056 1.52084 3.73611 1.52084 3.5C1.52084 3.26389 1.59723 3.06944 1.75001 2.91667C1.90279 2.76389 2.09723 2.6875 2.33334 2.6875C2.56945 2.6875 2.7639 2.76389 2.91668 2.91667L17.0833 17.0833C17.2361 17.2361 17.3125 17.4306 17.3125 17.6667C17.3125 17.9028 17.2361 18.0972 17.0833 18.25ZM5.83334 14.1667C4.68057 14.1667 3.69793 13.7604 2.88543 12.9479C2.07293 12.1354 1.66668 11.1528 1.66668 10C1.66668 9.04167 1.95834 8.1875 2.54168 7.4375C3.12501 6.6875 3.87501 6.19444 4.79168 5.95833L6.33334 7.5H5.83334C5.1389 7.5 4.54862 7.74306 4.06251 8.22917C3.5764 8.71528 3.33334 9.30556 3.33334 10C3.33334 10.6944 3.5764 11.2847 4.06251 11.7708C4.54862 12.2569 5.1389 12.5 5.83334 12.5H8.33334C8.56945 12.5 8.76737 12.5799 8.92709 12.7396C9.08682 12.8993 9.16668 13.0972 9.16668 13.3333C9.16668 13.5694 9.08682 13.7674 8.92709 13.9271C8.76737 14.0868 8.56945 14.1667 8.33334 14.1667H5.83334ZM7.50001 10.8333C7.2639 10.8333 7.06598 10.7535 6.90626 10.5938C6.74654 10.434 6.66668 10.2361 6.66668 10C6.66668 9.76389 6.74654 9.56597 6.90626 9.40625C7.06598 9.24653 7.2639 9.16667 7.50001 9.16667H8.02084L9.66668 10.8333H7.50001ZM15.4167 13.1667C15.2917 12.9722 15.2465 12.7639 15.2813 12.5417C15.316 12.3194 15.4306 12.1458 15.625 12.0208C15.9445 11.7847 16.1979 11.4931 16.3854 11.1458C16.5729 10.7986 16.6667 10.4167 16.6667 10C16.6667 9.30556 16.4236 8.71528 15.9375 8.22917C15.4514 7.74306 14.8611 7.5 14.1667 7.5H11.6667C11.4306 7.5 11.2326 7.42014 11.0729 7.26042C10.9132 7.1007 10.8333 6.90278 10.8333 6.66667C10.8333 6.43056 10.9132 6.23264 11.0729 6.07292C11.2326 5.91319 11.4306 5.83333 11.6667 5.83333H14.1667C15.3195 5.83333 16.3021 6.23958 17.1146 7.05208C17.9271 7.86458 18.3333 8.84722 18.3333 10C18.3333 10.6806 18.1771 11.316 17.8646 11.9063C17.5521 12.4965 17.1181 12.9861 16.5625 13.375C16.3681 13.5 16.1597 13.5451 15.9375 13.5104C15.7153 13.4757 15.5417 13.3611 15.4167 13.1667Z", fill: "currentColor" }))); };
|
|
17
17
|
exports.default = SvgUnlink;
|
|
18
18
|
//# sourceMappingURL=Unlink.js.map
|
package/dist/icons/Unlink.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Unlink.js","sourceRoot":"","sources":["../../src/icons/Unlink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,IAAM,SAAS,GAAG,UAAC,KAA8B,IAAK,OAAA,CACpD,sCACE,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"Unlink.js","sourceRoot":"","sources":["../../src/icons/Unlink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAG9B,IAAM,SAAS,GAAG,UAAC,KAA8B,IAAK,OAAA,CACpD,sCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,IAC9B,KAAK;IAET,8BACE,CAAC,EAAC,ksEAAksE,EACpsE,IAAI,EAAC,cAAc,GACnB,CACE,CACP,EAdqD,CAcrD,CAAA;AAED,kBAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type CopyBoxType = {
|
|
3
|
+
value: string;
|
|
4
|
+
allowCopy?: boolean;
|
|
5
|
+
valueToCopy?: string;
|
|
6
|
+
isBankAddress?: boolean;
|
|
7
|
+
showCopyIcon?: boolean;
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
iconSize?: 'wide' | undefined;
|
|
10
|
+
labelText?: string;
|
|
11
|
+
labelTooltip?: React.ReactNode;
|
|
12
|
+
helperText?: string;
|
|
13
|
+
helperTextType?: 'error' | undefined;
|
|
14
|
+
onButtonClick?: () => void;
|
|
15
|
+
};
|
|
16
|
+
declare const CopyBox: ({ value, allowCopy, valueToCopy, isBankAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => JSX.Element;
|
|
17
|
+
export default CopyBox;
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
|
|
2
|
-
import 'antd/es/button/style/css';
|
|
3
|
-
type CopyBoxType = {
|
|
4
|
-
value: string;
|
|
5
|
-
prefix?: string;
|
|
6
|
-
withCopy?: boolean;
|
|
7
|
-
valueToCopy?: string;
|
|
8
|
-
onButtonClick?: () => void;
|
|
9
|
-
};
|
|
10
|
-
declare const CopyBox: ({ value, prefix, withCopy, valueToCopy, onButtonClick, ...props }: CopyBoxType) => JSX.Element;
|
|
11
|
-
export default CopyBox;
|
|
1
|
+
export { default } from './CopyBox';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Container: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
3
|
+
export declare const LabelContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
4
|
+
export declare const TooltipContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
5
|
+
export declare const IconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
6
|
+
iconSize: 'wide' | undefined;
|
|
7
|
+
}, object>;
|
|
8
|
+
export declare const CopyContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
9
|
+
export declare const TextContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
10
|
+
export declare const TextValueStyles: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
11
|
+
isBankAddress: boolean;
|
|
12
|
+
}, object>;
|
|
13
|
+
export declare const CopyButton: import("@emotion/styled-base").StyledComponent<Partial<{
|
|
14
|
+
href: string;
|
|
15
|
+
target?: string | undefined;
|
|
16
|
+
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
17
|
+
} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
|
|
18
|
+
htmlType?: "button" | "reset" | "submit" | undefined;
|
|
19
|
+
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
20
|
+
} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>, Pick<Partial<{
|
|
21
|
+
href: string;
|
|
22
|
+
target?: string | undefined;
|
|
23
|
+
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
24
|
+
} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<any>, "type" | "onClick"> & {
|
|
25
|
+
htmlType?: "button" | "reset" | "submit" | undefined;
|
|
26
|
+
onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
|
|
27
|
+
} & Omit<import("react").ButtonHTMLAttributes<any>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>, "id" | "media" | "name" | "color" | "translate" | "value" | "hidden" | "form" | "slot" | "style" | "title" | "dir" | "target" | "accessKey" | "draggable" | "lang" | "prefix" | "role" | "contentEditable" | "inputMode" | "tabIndex" | "disabled" | "autoFocus" | "download" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "href" | "hrefLang" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contextMenu" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "rel" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "ping" | "referrerPolicy" | keyof import("antd/es/button/button").BaseButtonProps | "htmlType">, object>;
|