@dfx.swiss/react-components 1.2.0-beta.33 → 1.2.0-beta.35
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/dist/stories/CopyButton.d.ts +3 -1
- package/dist/stories/CopyButton.d.ts.map +1 -1
- package/dist/stories/CopyButton.js +2 -2
- package/dist/stories/CopyButton.js.map +1 -1
- package/dist/stories/StyledButton.d.ts +1 -0
- package/dist/stories/StyledButton.d.ts.map +1 -1
- package/dist/stories/StyledButton.js +5 -0
- package/dist/stories/StyledButton.js.map +1 -1
- package/dist/stories/StyledTextBox.d.ts +2 -1
- package/dist/stories/StyledTextBox.d.ts.map +1 -1
- package/dist/stories/StyledTextBox.js +4 -3
- package/dist/stories/StyledTextBox.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { IconColor } from './DfxIcon';
|
|
2
3
|
interface CopyButtonProps {
|
|
3
4
|
onCopy: () => void;
|
|
4
5
|
inline?: boolean;
|
|
6
|
+
color?: IconColor;
|
|
5
7
|
}
|
|
6
|
-
export declare function CopyButton({ onCopy, inline }: CopyButtonProps): JSX.Element;
|
|
8
|
+
export declare function CopyButton({ onCopy, inline, color }: CopyButtonProps): JSX.Element;
|
|
7
9
|
export {};
|
|
8
10
|
//# sourceMappingURL=CopyButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../src/stories/CopyButton.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../src/stories/CopyButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAe,MAAM,WAAW,CAAC;AAGnD,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAgBlF"}
|
|
@@ -3,7 +3,7 @@ import { useState } from 'react';
|
|
|
3
3
|
import { IconVariant } from './DfxIcon';
|
|
4
4
|
import StyledIconButton from './StyledIconButton';
|
|
5
5
|
export function CopyButton(_a) {
|
|
6
|
-
var onCopy = _a.onCopy, inline = _a.inline;
|
|
6
|
+
var onCopy = _a.onCopy, inline = _a.inline, color = _a.color;
|
|
7
7
|
var _b = useState(false), showsCheckmark = _b[0], setShowsCheckmark = _b[1];
|
|
8
8
|
return (_jsx(StyledIconButton, { icon: showsCheckmark ? IconVariant.CHECK : IconVariant.COPY, onClick: function () {
|
|
9
9
|
onCopy();
|
|
@@ -11,6 +11,6 @@ export function CopyButton(_a) {
|
|
|
11
11
|
setTimeout(function () {
|
|
12
12
|
setShowsCheckmark(false);
|
|
13
13
|
}, 1000);
|
|
14
|
-
}, inline: inline }));
|
|
14
|
+
}, inline: inline, color: color }));
|
|
15
15
|
}
|
|
16
16
|
//# sourceMappingURL=CopyButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/stories/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,
|
|
1
|
+
{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/stories/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAa,WAAW,EAAE,MAAM,WAAW,CAAC;AACnD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAQlD,MAAM,UAAU,UAAU,CAAC,EAA0C;QAAxC,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA;IAC1C,IAAA,KAAsC,QAAQ,CAAC,KAAK,CAAC,EAApD,cAAc,QAAA,EAAE,iBAAiB,QAAmB,CAAC;IAC5D,OAAO,CACL,KAAC,gBAAgB,IACf,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,EAC3D,OAAO,EAAE;YACP,MAAM,EAAE,CAAC;YACT,iBAAiB,CAAC,IAAI,CAAC,CAAC;YACxB,UAAU,CAAC;gBACT,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC3B,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,EACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../src/stories/StyledButton.tsx"],"names":[],"mappings":"AACA,OAAgB,EAAuB,WAAW,EAAE,MAAM,WAAW,CAAC;AAEtE,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,EAAE,OAAO;IACT,IAAI,SAAS;CACd;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;
|
|
1
|
+
{"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../src/stories/StyledButton.tsx"],"names":[],"mappings":"AACA,OAAgB,EAAuB,WAAW,EAAE,MAAM,WAAW,CAAC;AAEtE,oBAAY,gBAAgB;IAC1B,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,EAAE,OAAO;IACT,EAAE,OAAO;IACT,IAAI,SAAS;CACd;AAED,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;IACb,YAAY,iBAAiB;IAC7B,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAqED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAe,EACf,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAA2B,EAC3B,KAA4B,EAC5B,KAA6B,EAC7B,IAAW,EACX,SAAiB,EACjB,QAAgB,EAChB,MAAc,EACd,gBAAwB,EACxB,IAAI,EACJ,cAAsB,GACvB,EAAE,iBAAiB,2CAgDnB"}
|
|
@@ -28,6 +28,7 @@ export var StyledButtonWidth;
|
|
|
28
28
|
export var StyledButtonColor;
|
|
29
29
|
(function (StyledButtonColor) {
|
|
30
30
|
StyledButtonColor["RED"] = "RED";
|
|
31
|
+
StyledButtonColor["BLUE"] = "BLUE";
|
|
31
32
|
StyledButtonColor["GRAY"] = "GRAY";
|
|
32
33
|
StyledButtonColor["GRAY_OUTLINE"] = "GRAY_OUTLINE";
|
|
33
34
|
StyledButtonColor["PALE_WHITE"] = "PALE_WHITE";
|
|
@@ -51,6 +52,10 @@ var COLOR_MAPS = (_b = {},
|
|
|
51
52
|
buttonColorClasses: 'bg-primary-red text-white hover:bg-dfxRed-150 focus:bg-dfxRed-150 active:bg-dfxRed-100 hover:shadow-lg',
|
|
52
53
|
iconColor: IconColor.WHITE,
|
|
53
54
|
},
|
|
55
|
+
_b[StyledButtonColor.BLUE] = {
|
|
56
|
+
buttonColorClasses: 'bg-primary-blue text-white hover:bg-dfxBlue-600 focus:bg-dfxBlue-600 active:bg-dfxBlue-800 hover:shadow-lg',
|
|
57
|
+
iconColor: IconColor.WHITE,
|
|
58
|
+
},
|
|
54
59
|
_b[StyledButtonColor.GRAY] = {
|
|
55
60
|
buttonColorClasses: 'bg-dfxGray-800 text-dfxGray-700',
|
|
56
61
|
iconColor: IconColor.DARK_GRAY,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/stories/StyledButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,oBAAoB,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAe,MAAM,WAAW,CAAC;AAEtE,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,+BAAW,CAAA;IACX,mCAAe,CAAA;AACjB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,gCAAW,CAAA;IACX,8BAAS,CAAA;IACT,8BAAS,CAAA;IACT,kCAAa,CAAA;AACf,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B;AAED,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"StyledButton.js","sourceRoot":"","sources":["../../src/stories/StyledButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,8 @@ interface StyledTextBoxProps {
|
|
|
4
4
|
text: string;
|
|
5
5
|
label?: string;
|
|
6
6
|
smallLabel?: boolean;
|
|
7
|
+
loading?: boolean;
|
|
7
8
|
}
|
|
8
|
-
declare const StyledTextBox: ({ darkTheme, full, text, label, smallLabel }: StyledTextBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare const StyledTextBox: ({ darkTheme, full, text, label, smallLabel, loading, }: StyledTextBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export default StyledTextBox;
|
|
10
11
|
//# sourceMappingURL=StyledTextBox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledTextBox.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTextBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StyledTextBox.d.ts","sourceRoot":"","sources":["../../src/stories/StyledTextBox.tsx"],"names":[],"mappings":"AAGA,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,aAAa,2DAOhB,kBAAkB,4CAqCpB,CAAC;AACF,eAAe,aAAa,CAAC"}
|
|
@@ -10,16 +10,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import StyledLoadingSpinner from './StyledLoadingSpinner';
|
|
13
14
|
import StyledVerticalStack from './layout-helpers/StyledVerticalStack';
|
|
14
15
|
var StyledTextBox = function (_a) {
|
|
15
|
-
var _b = _a.darkTheme, darkTheme = _b === void 0 ? false : _b, _c = _a.full, full = _c === void 0 ? false : _c, text = _a.text, label = _a.label, smallLabel = _a.smallLabel;
|
|
16
|
+
var _b = _a.darkTheme, darkTheme = _b === void 0 ? false : _b, _c = _a.full, full = _c === void 0 ? false : _c, text = _a.text, label = _a.label, smallLabel = _a.smallLabel, _d = _a.loading, loading = _d === void 0 ? false : _d;
|
|
16
17
|
var textColor = darkTheme ? 'text-white' : 'text-dfxBlue-800';
|
|
17
18
|
var backgroundColor = darkTheme ? 'bg-white bg-opacity-5' : 'bg-white';
|
|
18
19
|
var placeholderColor = darkTheme ? 'placeholder:text-dfxGray-800' : 'placeholder:text-dfxGray-600';
|
|
19
20
|
var borderColor = darkTheme ? 'border-none' : 'border border-dfxGray-500';
|
|
20
21
|
var outlineColor = darkTheme ? 'outline-none' : 'outline-2 outline-dfxBlue-400';
|
|
21
|
-
return (_jsxs(StyledVerticalStack, __assign({ gap: 1, full: full }, { children: [label && (_jsx("label", __assign({ className: "text-start ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold pl-3 pl- ") + [textColor].join(' ') }, { children: label }))),
|
|
22
|
-
[textColor, backgroundColor, placeholderColor, borderColor, outlineColor].join(' ') }, { children: _jsx("div", __assign({ className: "p-4 w-full ".concat(textColor) }, { children: _jsx("div", __assign({ className: "flex-1 whitespace-pre" }, { children: text })) })) }))] })));
|
|
22
|
+
return (_jsxs(StyledVerticalStack, __assign({ gap: 1, full: full }, { children: [label && (_jsx("label", __assign({ className: "text-start ".concat(smallLabel ? 'text-sm' : 'text-base', " font-semibold pl-3 pl- ") + [textColor].join(' ') }, { children: label }))), _jsxs("div", __assign({ className: " relative text-base font-normal rounded-md w-full " +
|
|
23
|
+
[textColor, backgroundColor, placeholderColor, borderColor, outlineColor].join(' ') }, { children: [loading && (_jsx("div", __assign({ className: "absolute right-3 h-w-8 flex justify-center items-center h-[3.6rem]" }, { children: _jsx(StyledLoadingSpinner, {}) }))), _jsx("div", __assign({ className: "p-4 w-full ".concat(textColor) }, { children: _jsx("div", __assign({ className: "flex-1 whitespace-pre" }, { children: text })) }))] }))] })));
|
|
23
24
|
};
|
|
24
25
|
export default StyledTextBox;
|
|
25
26
|
//# sourceMappingURL=StyledTextBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledTextBox.js","sourceRoot":"","sources":["../../src/stories/StyledTextBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"StyledTextBox.js","sourceRoot":"","sources":["../../src/stories/StyledTextBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAWvE,IAAM,aAAa,GAAG,UAAC,EAOF;QANnB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA;IAEf,IAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC;IAChE,IAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,UAAU,CAAC;IACzE,IAAM,gBAAgB,GAAG,SAAS,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,8BAA8B,CAAC;IACrG,IAAM,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,2BAA2B,CAAC;IAC5E,IAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,+BAA+B,CAAC;IAElF,OAAO,CACL,MAAC,mBAAmB,aAAC,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,iBACpC,KAAK,IAAI,CACR,yBACE,SAAS,EACP,qBAAc,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,6BAA0B,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,gBAGrG,KAAK,IACA,CACT,EAED,wBACE,SAAS,EACP,oDAAoD;oBACpD,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,iBAGpF,OAAO,IAAI,CACV,uBAAK,SAAS,EAAC,oEAAoE,gBACjF,KAAC,oBAAoB,KAAG,IACpB,CACP,EAED,uBAAK,SAAS,EAAE,qBAAc,SAAS,CAAE,gBACvC,uBAAK,SAAS,EAAC,uBAAuB,gBAAE,IAAI,IAAO,IAC/C,KACF,KACc,CACvB,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"private": false,
|
|
3
3
|
"name": "@dfx.swiss/react-components",
|
|
4
|
-
"version": "1.2.0-beta.
|
|
4
|
+
"version": "1.2.0-beta.35",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -88,5 +88,5 @@
|
|
|
88
88
|
"tailwindcss": "^3.2.4",
|
|
89
89
|
"webpack": "^5.75.0"
|
|
90
90
|
},
|
|
91
|
-
"gitHead": "
|
|
91
|
+
"gitHead": "edb640f71da8c5c2d413a412850dae99354b20c5"
|
|
92
92
|
}
|