@xfers/design-system 3.1.35-dev.0f2c747dd0 → 3.1.35-dev.111eaed0bf

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 (21) hide show
  1. package/cjs/icons.js +1 -1
  2. package/cjs/icons.js.map +1 -1
  3. package/cjs/index.js +1 -1
  4. package/cjs/index.js.map +1 -1
  5. package/dist/components/CopyBox/CopyBox.js +4 -27
  6. package/dist/components/CopyBox/CopyBox.js.map +1 -1
  7. package/dist/components/CopyBox/styles.js +3 -6
  8. package/dist/components/CopyBox/styles.js.map +1 -1
  9. package/dist/icons/Info.js +1 -1
  10. package/dist/icons/Info.js.map +1 -1
  11. package/dist/types/components/CopyBox/CopyBox.d.ts +3 -4
  12. package/dist/types/components/CopyBox/styles.d.ts +2 -5
  13. package/es/icons.js +1 -1
  14. package/es/icons.js.map +1 -1
  15. package/es/index.js +4 -4
  16. package/es/index.js.map +1 -1
  17. package/es/logos.js +1 -1
  18. package/package.json +1 -1
  19. package/dist/components/CopyBox/types.js +0 -14
  20. package/dist/components/CopyBox/types.js.map +0 -1
  21. package/dist/types/components/CopyBox/types.d.ts +0 -8
package/dist/components/CopyBox/CopyBox.js CHANGED
@@ -1,41 +1,18 @@
1
1
  "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
2
  Object.defineProperty(exports, "__esModule", { value: true });
25
3
  var react_1 = require("react");
26
4
  var copy_to_clipboard_1 = require("copy-to-clipboard");
27
5
  var CopyToClipboard_1 = require("src/icons/CopyToClipboard");
28
6
  var theme_1 = require("src/theme/theme");
29
7
  var Typography_1 = require("src/constants/Typography/Typography");
30
- var types_1 = require("./types");
31
8
  var styles_1 = require("./styles");
32
9
  var CopyBox = function (_a) {
33
- var value = _a.value, _b = _a.allowCopy, allowCopy = _b === void 0 ? true : _b, _c = _a.valueToCopy, valueToCopy = _c === void 0 ? value : _c, _d = _a.isBlockchainAddress, isBlockchainAddress = _d === void 0 ? true : _d, _e = _a.showCopyIcon, showCopyIcon = _e === void 0 ? true : _e, icon = _a.icon, _f = _a.iconSize, iconSize = _f === void 0 ? types_1.ICON_SIZE.DEFAULT : _f, labelText = _a.labelText, labelTooltip = _a.labelTooltip, helperText = _a.helperText, _g = _a.helperTextType, helperTextType = _g === void 0 ? types_1.HELPER_TEXT.DEFAULT : _g, onButtonClick = _a.onButtonClick, props = __rest(_a, ["value", "allowCopy", "valueToCopy", "isBlockchainAddress", "showCopyIcon", "icon", "iconSize", "labelText", "labelTooltip", "helperText", "helperTextType", "onButtonClick"]);
34
- return (react_1.default.createElement(styles_1.Container, __assign({}, props),
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.isBlockchainAddress, isBlockchainAddress = _d === void 0 ? true : _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,
35
12
  react_1.default.createElement(styles_1.LabelContainer, null,
36
13
  labelText && (react_1.default.createElement(Typography_1.Typography.Body, { size: "md", color: theme_1.straitsXTheme.color.base.onNeutral }, labelText)),
37
14
  labelTooltip && react_1.default.createElement(styles_1.TooltipContainer, null, labelTooltip)),
38
- react_1.default.createElement(styles_1.CopyContainer, { allowCopy: allowCopy },
15
+ react_1.default.createElement(styles_1.CopyContainer, null,
39
16
  react_1.default.createElement(styles_1.TextContainer, null,
40
17
  icon && react_1.default.createElement(styles_1.IconContainer, { iconSize: iconSize }, icon),
41
18
  react_1.default.createElement(Typography_1.Typography.Body, { size: "lg" },
@@ -45,7 +22,7 @@ var CopyBox = function (_a) {
45
22
  onButtonClick();
46
23
  copy_to_clipboard_1.default(valueToCopy);
47
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"))))),
48
- helperText && (react_1.default.createElement(Typography_1.Typography.Body, { size: "sm", color: helperTextType === types_1.HELPER_TEXT.ERROR
25
+ helperText && (react_1.default.createElement(Typography_1.Typography.Body, { size: "sm", color: helperTextType === 'error'
49
26
  ? theme_1.straitsXTheme.color.status.critical
50
27
  : theme_1.straitsXTheme.color.base.onNeutralSecondary }, helperText))));
51
28
  };
package/dist/components/CopyBox/CopyBox.js.map CHANGED
@@ -1 +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,iCAAgD;AAChD,mCASiB;AAiBjB,IAAM,OAAO,GAAG,UAAC,EAcH;IAbZ,IAAA,KAAK,WAAA,EACL,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,IAAI,UAAA,EACJ,gBAA4B,EAA5B,QAAQ,mBAAG,iBAAS,CAAC,OAAO,KAAA,EAC5B,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,sBAAoC,EAApC,cAAc,mBAAG,mBAAW,CAAC,OAAO,KAAA,EACpC,aAAa,mBAAA,EACV,KAAK,cAbO,8KAchB,CADS;IAER,OAAO,CACL,8BAAC,kBAAS,eAAK,KAAK;QAClB,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,IAAC,SAAS,EAAE,SAAS;YACjC,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,mBAAmB,EAAE,mBAAmB,IACtD,KAAK,CACU,CACF,CACJ;YAEf,SAAS,IAAI,CACZ,8BAAC,mBAAU,IACT,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE;oBACP,IAAI,aAAa,KAAK,SAAS;wBAAE,aAAa,EAAE,CAAA;oBAChD,2BAAI,CAAC,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,mBAAW,CAAC,KAAK;gBAClC,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
+ {"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,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,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,mBAAmB,EAAE,mBAAmB,IACtD,KAAK,CACU,CACF,CACJ;YAEf,SAAS,IAAI,CACZ,8BAAC,mBAAU,IACT,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE;oBACP,IAAI,aAAa,KAAK,SAAS;wBAAE,aAAa,EAAE,CAAA;oBAChD,2BAAI,CAAC,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"}
package/dist/components/CopyBox/styles.js CHANGED
@@ -8,18 +8,15 @@ exports.CopyButton = exports.TextValueStyles = exports.TextContainer = exports.C
8
8
  var theme_1 = require("src/theme/theme");
9
9
  var styled_1 = require("@emotion/styled");
10
10
  var Button_1 = require("src/components/Button");
11
- var types_1 = require("./types");
12
11
  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
12
  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
13
  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) {
16
- return props.iconSize === types_1.ICON_SIZE.WIDE ? '48px' : '24px';
17
- });
14
+ 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'); });
18
15
  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);
19
- exports.TextContainer = styled_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 16px;\n padding-right: 16px;\n flex-basis: 0px;\n flex-grow: 1;\n flex-shrink: 1;\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n padding-top: 12px;\n padding-bottom: 12px;\n padding-left: 16px;\n padding-right: 16px;\n flex-basis: 0px;\n flex-grow: 1;\n flex-shrink: 1;\n"])));
16
+ 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"])));
20
17
  exports.TextValueStyles = styled_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n color: ", ";\n line-height: '24px';\n word-break: ", ";\n max-height: ", ";\n"], ["\n color: ", ";\n line-height: '24px';\n word-break: ", ";\n max-height: ", ";\n"])), theme_1.straitsXTheme.color.base.onNeutral, function (props) {
21
18
  return props.isBlockchainAddress ? 'break-all' : 'break-word';
22
19
  }, function (props) { return (props.isBlockchainAddress ? '48px' : 'auto'); });
23
- exports.CopyButton = styled_1.default(Button_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border-top-left-radius: 0px !important;\n border-bottom-left-radius: 0px !important;\n border-top-right-radius: 12px !important;\n border-bottom-right-radius: 12px !important;\n border: 1px solid ", " !important;\n background: ", "!important;\n padding: 12px !important;\n min-width: unset !important;\n min-height: unset !important;\n height: auto !important;\n > svg {\n margin: 0px !important;\n }\n"], ["\n border-top-left-radius: 0px !important;\n border-bottom-left-radius: 0px !important;\n border-top-right-radius: 12px !important;\n border-bottom-right-radius: 12px !important;\n border: 1px solid ", " !important;\n background: ", "!important;\n padding: 12px !important;\n min-width: unset !important;\n min-height: unset !important;\n height: auto !important;\n > svg {\n margin: 0px !important;\n }\n"])), theme_1.straitsXTheme.color.base.line, theme_1.straitsXTheme.color.surface.neutral);
20
+ exports.CopyButton = styled_1.default(Button_1.default)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n border-top-left-radius: 0px !important;\n border-bottom-left-radius: 0px !important;\n border-top-right-radius: 12px !important;\n border-bottom-right-radius: 12px !important;\n border-left: 1px solid ", " !important;\n border-right: 0px !important;\n border-block: 0px !important;\n background: ", "!important;\n padding: 12px !important;\n min-width: unset !important;\n min-height: unset !important;\n height: auto !important;\n > svg {\n margin: 0px !important;\n }\n"], ["\n border-top-left-radius: 0px !important;\n border-bottom-left-radius: 0px !important;\n border-top-right-radius: 12px !important;\n border-bottom-right-radius: 12px !important;\n border-left: 1px solid ", " !important;\n border-right: 0px !important;\n border-block: 0px !important;\n background: ", "!important;\n padding: 12px !important;\n min-width: unset !important;\n min-height: unset !important;\n height: auto !important;\n > svg {\n margin: 0px !important;\n }\n"])), theme_1.straitsXTheme.color.base.line, theme_1.straitsXTheme.color.surface.neutral);
24
21
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
25
22
  //# sourceMappingURL=styles.js.map
package/dist/components/CopyBox/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CopyBox/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAA+C;AAC/C,0CAAoC;AACpC,gDAA0C;AAC1C,iCAAmC;AAEtB,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,6LAAyB,iFAKnD,EAC4C,uCAGxD,KAJY,UAAA,KAAK;IACZ,OAAA,KAAK,CAAC,QAAQ,KAAK,iBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;AAAnD,CAAmD,EAGxD;AACY,QAAA,aAAa,GAAG,gBAAM,CAAC,GAAG,sLAAwB,oCAE/C,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,oRAAA,iNAWtC,KAAA;AAEY,QAAA,eAAe,GAAG,gBAAM,CAAC,GAAG,yJAAkC,aAChE,EAAkC,2CAE7B,EAC0C,mBAC1C,EAAsD,KACrE,KALU,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAE7B,UAAA,KAAK;IACjB,OAAA,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;AAAtD,CAAsD,EAC1C,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EACrE;AAEY,QAAA,UAAU,GAAG,gBAAM,CAAC,gBAAM,CAAC,yeAAA,8MAKlB,EAA6B,8BACnC,EAAmC,sLAQlD,KATqB,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EACnC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAQlD"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/CopyBox/styles.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAA+C;AAC/C,0CAAoC;AACpC,gDAA0C;AAE7B,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,yJAAkC,aAChE,EAAkC,2CAE7B,EAC0C,mBAC1C,EAAsD,KACrE,KALU,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAE7B,UAAA,KAAK;IACjB,OAAA,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY;AAAtD,CAAsD,EAC1C,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7C,CAA6C,EACrE;AAEY,QAAA,UAAU,GAAG,gBAAM,CAAC,gBAAM,CAAC,gjBAAA,mNAKb,EAA6B,gGAGxC,EAAmC,sLAQlD,KAX0B,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAGxC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAQlD"}
package/dist/icons/Info.js CHANGED
@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
14
14
  var React = require("react");
15
15
  function SvgInfo(props) {
16
16
  return (React.createElement("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
17
- React.createElement("path", { d: "M7.99992 11.3334C8.18881 11.3334 8.34714 11.2695 8.47492 11.1417C8.6027 11.0139 8.66659 10.8556 8.66659 10.6667V8.00004C8.66659 7.81115 8.6027 7.65282 8.47492 7.52504C8.34714 7.39726 8.18881 7.33337 7.99992 7.33337C7.81103 7.33337 7.6527 7.39726 7.52492 7.52504C7.39714 7.65282 7.33325 7.81115 7.33325 8.00004V10.6667C7.33325 10.8556 7.39714 11.0139 7.52492 11.1417C7.6527 11.2695 7.81103 11.3334 7.99992 11.3334ZM7.99992 6.00004C8.18881 6.00004 8.34714 5.93615 8.47492 5.80837C8.6027 5.6806 8.66659 5.52226 8.66659 5.33337C8.66659 5.14449 8.6027 4.98615 8.47492 4.85837C8.34714 4.7306 8.18881 4.66671 7.99992 4.66671C7.81103 4.66671 7.6527 4.7306 7.52492 4.85837C7.39714 4.98615 7.33325 5.14449 7.33325 5.33337C7.33325 5.52226 7.39714 5.6806 7.52492 5.80837C7.6527 5.93615 7.81103 6.00004 7.99992 6.00004ZM7.99992 14.6667C7.0777 14.6667 6.21103 14.4917 5.39992 14.1417C4.58881 13.7917 3.88325 13.3167 3.28325 12.7167C2.68325 12.1167 2.20825 11.4112 1.85825 10.6C1.50825 9.78893 1.33325 8.92226 1.33325 8.00004C1.33325 7.07782 1.50825 6.21115 1.85825 5.40004C2.20825 4.58893 2.68325 3.88337 3.28325 3.28337C3.88325 2.68337 4.58881 2.20837 5.39992 1.85837C6.21103 1.50837 7.0777 1.33337 7.99992 1.33337C8.92214 1.33337 9.78881 1.50837 10.5999 1.85837C11.411 2.20837 12.1166 2.68337 12.7166 3.28337C13.3166 3.88337 13.7916 4.58893 14.1416 5.40004C14.4916 6.21115 14.6666 7.07782 14.6666 8.00004C14.6666 8.92226 14.4916 9.78893 14.1416 10.6C13.7916 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.411 13.7917 10.5999 14.1417C9.78881 14.4917 8.92214 14.6667 7.99992 14.6667ZM7.99992 13.3334C9.48881 13.3334 10.7499 12.8167 11.7833 11.7834C12.8166 10.75 13.3333 9.48893 13.3333 8.00004C13.3333 6.51115 12.8166 5.25004 11.7833 4.21671C10.7499 3.18337 9.48881 2.66671 7.99992 2.66671C6.51103 2.66671 5.24992 3.18337 4.21659 4.21671C3.18325 5.25004 2.66659 6.51115 2.66659 8.00004C2.66659 9.48893 3.18325 10.75 4.21659 11.7834C5.24992 12.8167 6.51103 13.3334 7.99992 13.3334Z", fill: "#002B2A" })));
17
+ React.createElement("path", { d: "M7.99992 11.3334C8.18881 11.3334 8.34714 11.2695 8.47492 11.1417C8.6027 11.0139 8.66659 10.8556 8.66659 10.6667V8.00004C8.66659 7.81115 8.6027 7.65282 8.47492 7.52504C8.34714 7.39726 8.18881 7.33337 7.99992 7.33337C7.81103 7.33337 7.6527 7.39726 7.52492 7.52504C7.39714 7.65282 7.33325 7.81115 7.33325 8.00004V10.6667C7.33325 10.8556 7.39714 11.0139 7.52492 11.1417C7.6527 11.2695 7.81103 11.3334 7.99992 11.3334ZM7.99992 6.00004C8.18881 6.00004 8.34714 5.93615 8.47492 5.80837C8.6027 5.6806 8.66659 5.52226 8.66659 5.33337C8.66659 5.14449 8.6027 4.98615 8.47492 4.85837C8.34714 4.7306 8.18881 4.66671 7.99992 4.66671C7.81103 4.66671 7.6527 4.7306 7.52492 4.85837C7.39714 4.98615 7.33325 5.14449 7.33325 5.33337C7.33325 5.52226 7.39714 5.6806 7.52492 5.80837C7.6527 5.93615 7.81103 6.00004 7.99992 6.00004ZM7.99992 14.6667C7.0777 14.6667 6.21103 14.4917 5.39992 14.1417C4.58881 13.7917 3.88325 13.3167 3.28325 12.7167C2.68325 12.1167 2.20825 11.4112 1.85825 10.6C1.50825 9.78893 1.33325 8.92226 1.33325 8.00004C1.33325 7.07782 1.50825 6.21115 1.85825 5.40004C2.20825 4.58893 2.68325 3.88337 3.28325 3.28337C3.88325 2.68337 4.58881 2.20837 5.39992 1.85837C6.21103 1.50837 7.0777 1.33337 7.99992 1.33337C8.92214 1.33337 9.78881 1.50837 10.5999 1.85837C11.411 2.20837 12.1166 2.68337 12.7166 3.28337C13.3166 3.88337 13.7916 4.58893 14.1416 5.40004C14.4916 6.21115 14.6666 7.07782 14.6666 8.00004C14.6666 8.92226 14.4916 9.78893 14.1416 10.6C13.7916 11.4112 13.3166 12.1167 12.7166 12.7167C12.1166 13.3167 11.411 13.7917 10.5999 14.1417C9.78881 14.4917 8.92214 14.6667 7.99992 14.6667ZM7.99992 13.3334C9.48881 13.3334 10.7499 12.8167 11.7833 11.7834C12.8166 10.75 13.3333 9.48893 13.3333 8.00004C13.3333 6.51115 12.8166 5.25004 11.7833 4.21671C10.7499 3.18337 9.48881 2.66671 7.99992 2.66671C6.51103 2.66671 5.24992 3.18337 4.21659 4.21671C3.18325 5.25004 2.66659 6.51115 2.66659 8.00004C2.66659 9.48893 3.18325 10.75 4.21659 11.7834C5.24992 12.8167 6.51103 13.3334 7.99992 13.3334Z", fill: "currentColor" })));
18
18
  }
19
19
  exports.default = SvgInfo;
20
20
  //# sourceMappingURL=Info.js.map
package/dist/icons/Info.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Info.js","sourceRoot":"","sources":["../../src/icons/Info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,OAAO,CAAC,KAAoC;IACnD,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,47DAA47D,EAC97D,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAA;AACH,CAAC;AAED,kBAAe,OAAO,CAAA"}
1
+ {"version":3,"file":"Info.js","sourceRoot":"","sources":["../../src/icons/Info.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,6BAA8B;AAE9B,SAAS,OAAO,CAAC,KAAoC;IACnD,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,47DAA47D,EAC97D,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAA;AACH,CAAC;AAED,kBAAe,OAAO,CAAA"}
package/dist/types/components/CopyBox/CopyBox.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import { HELPER_TEXT, ICON_SIZE } from './types';
3
2
  declare type CopyBoxType = {
4
3
  value: string;
5
4
  allowCopy?: boolean;
@@ -7,12 +6,12 @@ declare type CopyBoxType = {
7
6
  isBlockchainAddress?: boolean;
8
7
  showCopyIcon?: boolean;
9
8
  icon?: React.ReactNode;
10
- iconSize?: ICON_SIZE;
9
+ iconSize?: 'wide' | undefined;
11
10
  labelText?: string;
12
11
  labelTooltip?: React.ReactNode;
13
12
  helperText?: string;
14
- helperTextType: HELPER_TEXT;
13
+ helperTextType?: 'error' | undefined;
15
14
  onButtonClick?: () => void;
16
15
  };
17
- declare const CopyBox: ({ value, allowCopy, valueToCopy, isBlockchainAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick, ...props }: CopyBoxType) => JSX.Element;
16
+ declare const CopyBox: ({ value, allowCopy, valueToCopy, isBlockchainAddress, showCopyIcon, icon, iconSize, labelText, labelTooltip, helperText, helperTextType, onButtonClick }: CopyBoxType) => JSX.Element;
18
17
  export default CopyBox;
package/dist/types/components/CopyBox/styles.d.ts CHANGED
@@ -1,14 +1,11 @@
1
1
  /// <reference types="react" />
2
- import { ICON_SIZE } from './types';
3
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>;
4
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>;
5
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>;
6
5
  export declare const IconContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
7
- iconSize: ICON_SIZE;
8
- }, object>;
9
- export declare const CopyContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
10
- allowCopy: boolean;
6
+ iconSize: 'wide' | undefined;
11
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>;
12
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>;
13
10
  export declare const TextValueStyles: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
14
11
  isBlockchainAddress: boolean;