@pushchain/ui-kit 2.0.4 → 2.0.5
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/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/src/lib/components/LoginModal/index.js +29 -38
- package/src/lib/components/LoginModal/index.js.map +1 -1
- package/src/lib/components/PushUniversalAccountButton/ConnectWalletButton.js +1 -1
- package/src/lib/components/PushUniversalAccountButton/TogglePushWalletButton.js +1 -1
- package/src/lib/components/PushUniversalAccountButton/index.js.map +1 -1
- package/src/lib/components/common/Button.d.ts +6 -6
- package/src/lib/components/common/Button.js +5 -5
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -44,11 +44,11 @@ const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = c
|
|
|
44
44
|
((_a = config.modal) === null || _a === void 0 ? void 0 : _a.connectedLayout) ===
|
|
45
45
|
constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.HOVER &&
|
|
46
46
|
((_b = config.modal) === null || _b === void 0 ? void 0 : _b.connectedInteraction) ===
|
|
47
|
-
constants_1.PushUI.CONSTANTS.CONNECTED.INTERACTION.BLUR && ((0, jsx_runtime_1.jsx)(BlurBackground, { onClick: () => setMinimiseWallet(!isWalletMinimised) })), isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, {
|
|
47
|
+
constants_1.PushUI.CONSTANTS.CONNECTED.INTERACTION.BLUR && ((0, jsx_runtime_1.jsx)(BlurBackground, { onClick: () => setMinimiseWallet(!isWalletMinimised) })), isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { iswalletminimised: isWalletMinimised, universalaccount: universalAccount, accountmenuvariant: modal === null || modal === void 0 ? void 0 : modal.connectedLayout, modaldefaults: modal, style: { top, left }, children: [isIframeLoading && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainer, { children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
48
48
|
handleUserLogOutEvent();
|
|
49
|
-
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT ? '#000' : '#FFF' }) }), (0, jsx_runtime_1.jsxs)(LoadingTextContainer, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, { color: "var(--pw-int-brand-primary-color)" })] })] })), (0, jsx_runtime_1.jsx)(FrameSubContainer, {
|
|
49
|
+
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT ? '#000' : '#FFF' }) }), (0, jsx_runtime_1.jsxs)(LoadingTextContainer, { children: [(0, jsx_runtime_1.jsx)(LoadingText, { children: "Loading..." }), (0, jsx_runtime_1.jsx)(common_1.Spinner, { color: "var(--pw-int-brand-primary-color)" })] })] })), (0, jsx_runtime_1.jsx)(FrameSubContainer, { iswalletminimised: isWalletMinimised, isiframeloading: isIframeLoading, children: (0, jsx_runtime_1.jsxs)(SplitContainer, { children: [(modal === null || modal === void 0 ? void 0 : modal.appPreview) &&
|
|
50
50
|
modalAppData &&
|
|
51
|
-
(modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.PushUI.CONSTANTS.LOGIN.LAYOUT.SPLIT && ((0, jsx_runtime_1.jsx)(AppPreviewContainer, {
|
|
51
|
+
(modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.PushUI.CONSTANTS.LOGIN.LAYOUT.SPLIT && ((0, jsx_runtime_1.jsx)(AppPreviewContainer, { universalaccount: universalAccount, children: (0, jsx_runtime_1.jsxs)(AppContainer, { children: [(modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.logoURL) && ((0, jsx_runtime_1.jsx)(ImageContainer, { children: (0, jsx_runtime_1.jsx)(Image, { src: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.logoURL, alt: modalAppData.title }) })), (0, jsx_runtime_1.jsxs)(TextContainer, { thememode: themeMode ? themeMode : constants_1.PushUI.CONSTANTS.THEME.DARK, textcolor: themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT
|
|
52
52
|
? '#F5F6F8'
|
|
53
53
|
: '#17181b', children: [(0, jsx_runtime_1.jsx)(Heading, { children: modalAppData.title }), (0, jsx_runtime_1.jsx)(Description, { children: modalAppData === null || modalAppData === void 0 ? void 0 : modalAppData.description })] })] }) })), (0, jsx_runtime_1.jsx)(MainFrameContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `
|
|
54
54
|
${constants_1.WALLET_CONFIG_URL[config.network]}/auth?app=${window.location.origin}&version=1
|
|
@@ -85,44 +85,44 @@ const FrameContainer = styled_components_1.default.div `
|
|
|
85
85
|
left: ${({ style }) => `${style === null || style === void 0 ? void 0 : style.left}px`};
|
|
86
86
|
display: flex;
|
|
87
87
|
flex-direction: column;
|
|
88
|
-
background-image: url(${({
|
|
88
|
+
background-image: url(${({ modaldefaults }) => modaldefaults === null || modaldefaults === void 0 ? void 0 : modaldefaults.bgImage});
|
|
89
89
|
background-size: cover;
|
|
90
|
-
background-color: ${({
|
|
90
|
+
background-color: ${({ universalaccount, accountmenuvariant }) => universalaccount && accountmenuvariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.HOVER ?
|
|
91
91
|
'transparent' :
|
|
92
92
|
'var(--pw-int-bg-primary-color)'};
|
|
93
|
-
border-radius: ${({
|
|
93
|
+
border-radius: ${({ universalaccount }) => universalaccount ? '10px' : 'unset'};
|
|
94
94
|
z-index: 999;
|
|
95
95
|
|
|
96
|
-
width: ${({
|
|
96
|
+
width: ${({ universalaccount, iswalletminimised, accountmenuvariant }) => iswalletminimised
|
|
97
97
|
? '0px'
|
|
98
|
-
:
|
|
99
|
-
?
|
|
98
|
+
: universalaccount
|
|
99
|
+
? accountmenuvariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
100
100
|
? '100%'
|
|
101
101
|
: '450px'
|
|
102
102
|
: '100vw'};
|
|
103
|
-
height: ${({
|
|
103
|
+
height: ${({ universalaccount, iswalletminimised, accountmenuvariant }) => iswalletminimised
|
|
104
104
|
? '0px'
|
|
105
|
-
:
|
|
106
|
-
?
|
|
105
|
+
: universalaccount
|
|
106
|
+
? accountmenuvariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
107
107
|
? '100vw'
|
|
108
108
|
: '675px'
|
|
109
109
|
: '100vh'};
|
|
110
|
-
right: ${({
|
|
111
|
-
?
|
|
110
|
+
right: ${({ universalaccount, accountmenuvariant }) => universalaccount
|
|
111
|
+
? accountmenuvariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
112
112
|
? '0'
|
|
113
113
|
: '10px'
|
|
114
114
|
: '0'};
|
|
115
|
-
top: ${({
|
|
116
|
-
?
|
|
115
|
+
top: ${({ universalaccount, accountmenuvariant }) => universalaccount
|
|
116
|
+
? accountmenuvariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
117
117
|
? '0'
|
|
118
118
|
: '70px'
|
|
119
119
|
: '0'};
|
|
120
120
|
|
|
121
121
|
@media (max-width: 425px) {
|
|
122
|
-
width: ${({
|
|
123
|
-
right: ${({
|
|
124
|
-
top: ${({
|
|
125
|
-
?
|
|
122
|
+
width: ${({ universalaccount, iswalletminimised }) => iswalletminimised ? '0px' : universalaccount ? '100%' : '100%'};
|
|
123
|
+
right: ${({ universalaccount }) => (universalaccount ? '2%' : '0')};
|
|
124
|
+
top: ${({ universalaccount, accountmenuvariant }) => universalaccount
|
|
125
|
+
? accountmenuvariant === constants_1.PushUI.CONSTANTS.CONNECTED.LAYOUT.FULL
|
|
126
126
|
? '0'
|
|
127
127
|
: '8%'
|
|
128
128
|
: '0'};
|
|
@@ -135,15 +135,6 @@ const CloseButtonContainer = styled_components_1.default.div `
|
|
|
135
135
|
cursor: pointer;
|
|
136
136
|
padding: 8px 16px;
|
|
137
137
|
`;
|
|
138
|
-
const DashButtonContainer = styled_components_1.default.div `
|
|
139
|
-
display: flex;
|
|
140
|
-
align-items: center;
|
|
141
|
-
justify-content: center;
|
|
142
|
-
cursor: pointer;
|
|
143
|
-
height: 20px;
|
|
144
|
-
width: 20px;
|
|
145
|
-
padding: 2px;
|
|
146
|
-
`;
|
|
147
138
|
const LoadingTextContainer = styled_components_1.default.div `
|
|
148
139
|
display: flex;
|
|
149
140
|
align-items: center;
|
|
@@ -172,7 +163,7 @@ const FrameLoadingContainer = styled_components_1.default.div `
|
|
|
172
163
|
box-sizing: border-box;
|
|
173
164
|
`;
|
|
174
165
|
const FrameSubContainer = styled_components_1.default.div `
|
|
175
|
-
display: ${({
|
|
166
|
+
display: ${({ iswalletminimised, isiframeloading }) => iswalletminimised || isiframeloading ? 'none' : 'flex'};
|
|
176
167
|
width: 100%;
|
|
177
168
|
height: 100%;
|
|
178
169
|
flex-direction: column;
|
|
@@ -186,15 +177,15 @@ const AccountContainer = styled_components_1.default.div `
|
|
|
186
177
|
right: 8px;
|
|
187
178
|
justify-content: flex-end;
|
|
188
179
|
// padding: var(--spacing-xxs) var(--spacing-xxs);
|
|
189
|
-
border-top-right-radius: ${({
|
|
190
|
-
border-top-left-radius: ${({
|
|
180
|
+
border-top-right-radius: ${({ universalaccount }) => universalaccount ? '10px' : '0px'};
|
|
181
|
+
border-top-left-radius: ${({ universalaccount }) => universalaccount ? '10px' : '0px'};
|
|
191
182
|
background-color: transparent;
|
|
192
183
|
`;
|
|
193
184
|
const SplitContainer = styled_components_1.default.div `
|
|
194
185
|
display: flex;
|
|
195
186
|
`;
|
|
196
187
|
const AppPreviewContainer = styled_components_1.default.div `
|
|
197
|
-
display: ${({
|
|
188
|
+
display: ${({ universalaccount }) => (universalaccount ? 'none' : 'flex')};
|
|
198
189
|
align-items: center;
|
|
199
190
|
justify-content: center;
|
|
200
191
|
flex: 1;
|
|
@@ -237,12 +228,12 @@ const TextContainer = styled_components_1.default.div `
|
|
|
237
228
|
font-size: 16px;
|
|
238
229
|
font-weight: 400;
|
|
239
230
|
line-height: 22px;
|
|
240
|
-
color: ${({
|
|
241
|
-
?
|
|
242
|
-
?
|
|
231
|
+
color: ${({ thememode, textcolor }) => thememode === constants_1.PushUI.CONSTANTS.THEME.LIGHT
|
|
232
|
+
? textcolor
|
|
233
|
+
? textcolor
|
|
243
234
|
: '#17181b'
|
|
244
|
-
:
|
|
245
|
-
?
|
|
235
|
+
: textcolor
|
|
236
|
+
? textcolor
|
|
246
237
|
: '#F5F6F8'};
|
|
247
238
|
`;
|
|
248
239
|
const Heading = styled_components_1.default.h1 `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqD;AAErD,kFAAuC;AACvC,oDAA6D;AAC7D,+CAAwG;AAOxG,mEAAgE;AAChE,uEAAoE;AAqBpE,MAAM,UAAU,GAAwB,CAAC,EACvC,SAAS,EACT,eAAe,EACf,eAAe,EACf,SAAS,GAAG,kBAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,EACvC,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,MAAM,EACN,eAAe,EACf,uBAAuB,EACxB,EAAE,EAAE;;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;IACzB,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,uCAAkB,EAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,KAAI,SAAS,CAAC,CAAC;IAEzE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAA,6CAAqB,EACzC,eAAe,EACf,GAAG,EACH,GAAG,EACH,MAAM,CAAC,GAAG,CACX,CAAC;IAEF,MAAM,qBAAqB,GAAG,CAAO,IAAmB,EAAE,EAAE;QAC1D,IAAI,CAAC,eAAe;YAAE,OAAO;QAE7B,MAAM,GAAG,GAAG,MAAM,eAAe,CAAC,SAAS,CAAC,eAAe,iCACtD,IAAI,KACP,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,IACnD,CAAC;QAEH,uBAAuB,CAAC;YACtB,IAAI,EAAE,gCAAoB,CAAC,8BAA8B;YACzD,IAAI,EAAE,GAAG,CAAC,IAAI;SACf,CAAC,CAAC;IACL,CAAC,CAAA,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAmB,EAAE,EAAE;;YACjD,IAAI,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,aAAa,MAAK,KAAK,CAAC,MAAM,IAAI,CAAC,eAAe;gBAAE,OAAO;YAElF,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACxB,KAAK,gCAAoB,CAAC,qBAAqB;oBAC7C,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;oBACvC,MAAM;gBACR;oBACE,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC3D,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,6DACG,CAAC,iBAAiB;gBACjB,gBAAgB;gBAChB,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,eAAe;oBAC3B,kBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;gBACzC,CAAA,MAAA,MAAM,CAAC,KAAK,0CAAE,oBAAoB;oBAChC,kBAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,IAAI,CAC/C,uBAAC,cAAc,IACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,GACpD,CACH,EACF,eAAe,CAAC,CAAC,CAAC,CACjB,wBAAC,cAAc,IACb,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ const ConnectWalletButton = ({ uid, connectButtonText, loadingComponent, }) => {
|
|
|
20
20
|
return word.charAt(0).toUpperCase() + word.slice(1);
|
|
21
21
|
};
|
|
22
22
|
const handleConnectWalletButton = () => handleConnectToPushWallet();
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)(common_1.Button, {
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(common_1.Button, { bgcolor: "var(--pwauth-btn-connect-bg-color)", textcolor: "var(--pwauth-btn-connect-text-color)", borderradius: "var(--pwauth-btn-connect-border-radius)", onClick: handleConnectWalletButton, disabled: isConnectButtonDisbaled || isLoading, children: connectionStatus === constants_1.PushUI.CONSTANTS.CONNECTION.STATUS.NOT_CONNECTED
|
|
24
24
|
? connectButtonText
|
|
25
25
|
: isLoading
|
|
26
26
|
? loadingComponent
|
|
@@ -23,7 +23,7 @@ const TogglePushWalletButton = ({ uid, universalAccount, }) => {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
const maskedAddress = (0, helpers_1.centerMaskString)(address);
|
|
26
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised),
|
|
26
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(common_1.Button, { onClick: () => setMinimiseWallet(!isWalletMinimised), bgcolor: "var(--pwauth-btn-connected-bg-color)", textcolor: "var(--pwauth-btn-connected-text-color)", borderradius: "var(--pwauth-btn-connect-border-radius)", gap: '8px', padding: '12px', ref: toggleButtonRef, children: [getChainIcon(chain), maskedAddress] }) }));
|
|
27
27
|
};
|
|
28
28
|
exports.TogglePushWalletButton = TogglePushWalletButton;
|
|
29
29
|
//# sourceMappingURL=TogglePushWalletButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAsD;AACtD,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAI2B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,sDAAsD;AACtD,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAI2B;AAE3B,6CAAuD;AAiBvD,MAAM,0BAA0B,GAAwC,CAAC,EACvE,GAAG,GAAG,SAAS,EACf,iBAAiB,GAAG,iBAAiB,EACrC,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EAAE,oBAAoB,GACrC,EAAE,EAAE;IACH,MAAM,EACJ,gBAAgB,EAChB,cAAc,EACd,SAAS,EACT,kBAAkB,EAClB,mBAAmB,GACpB,GAAG,IAAA,oCAAoB,EAAC,GAAG,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG,IAAA,qCAAiB,EAAiB;wBAChC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,GAAG;QACpC,CAAC,KAAK,EAAE,EAAE;;QACV,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAoB,CAAC;QACjE,MAAM,WAAW,GAAG,SAAS,KAAK,OAAO,CAAC;QAC1C,MAAM,EAAE,IAAI,EAAE,KAAK,KAAyB,cAAc,EAAlC,eAAe,kBAAK,cAAc,EAApD,iBAAmC,CAAiB,CAAC;QAC3D,MAAM,SAAS,mCACV,IAAA,0BAAkB,EAAC,eAAe,CAAC,GACnC,IAAA,0BAAkB,EAAC,MAAA,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,mCAAI,EAAE,CAAC,CAC1D,CAAC;QACF,OAAO,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;aAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,KAAK,KAAK,GAAG,CAAC;aAC1C,IAAI,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;;GAEJ,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,gBAAgB;YAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;QAC3D,IAAI,gBAAgB;YAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,gBAAgB,EAAE,CAAC;YACrB,mEAAmE;YACnE,MAAM,iBAAiB,GAAG;gBACxB,GAAG,EAAE,GAAG;gBACR,gBAAgB,EAAE,gBAAgB;aACnC,CAAC;YAEF,OAAO,uBAAC,+CAAsB,oBAAK,iBAAiB,EAAI,CAAC;QAC3D,CAAC;aAAM,CAAC;YACN,mEAAmE;YACnE,MAAM,kBAAkB,GAAG;gBACzB,GAAG,EAAE,GAAG;gBACR,iBAAiB;gBACjB,gBAAgB;aACjB,CAAC;YAEF,OAAO,uBAAC,yCAAmB,oBAAK,kBAAkB,EAAI,CAAC;QACzD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,iCAAa,IACZ,KAAK,EAAE;YACL,SAAS;YACT,cAAc,kCAAO,cAAc,GAAK,oBAAoB,CAAE;SAC/D,aAED,uBAAC,WAAW,IAAC,GAAG,EAAE,GAAG,GAAI,EACzB,uBAAC,SAAS,KAAG,IACC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEO,gEAA0B"}
|
|
@@ -2,18 +2,18 @@ import React, { HTMLAttributes, ReactNode } from 'react';
|
|
|
2
2
|
export type TransformedHTMLAttributes<T> = Omit<HTMLAttributes<T>, 'style' | 'color'>;
|
|
3
3
|
export type ButtonProps = {
|
|
4
4
|
children?: ReactNode;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
bgcolor?: React.CSSProperties['backgroundColor'];
|
|
6
|
+
textcolor?: React.CSSProperties['color'];
|
|
7
|
+
borderradius?: React.CSSProperties['borderRadius'];
|
|
8
8
|
gap?: React.CSSProperties['gap'];
|
|
9
9
|
padding?: React.CSSProperties['padding'];
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
} & TransformedHTMLAttributes<HTMLButtonElement>;
|
|
12
12
|
declare const Button: React.ForwardRefExoticComponent<{
|
|
13
13
|
children?: ReactNode;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
bgcolor?: React.CSSProperties["backgroundColor"];
|
|
15
|
+
textcolor?: React.CSSProperties["color"];
|
|
16
|
+
borderradius?: React.CSSProperties["borderRadius"];
|
|
17
17
|
gap?: React.CSSProperties["gap"];
|
|
18
18
|
padding?: React.CSSProperties["padding"];
|
|
19
19
|
disabled?: boolean;
|
|
@@ -10,8 +10,8 @@ const StyledButton = styled_components_1.default.button `
|
|
|
10
10
|
|
|
11
11
|
align-items: center;
|
|
12
12
|
cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};
|
|
13
|
-
background: ${(props) => (props.
|
|
14
|
-
color: ${(props) => props.
|
|
13
|
+
background: ${(props) => (props.bgcolor ? props.bgcolor : '#d548ec')};
|
|
14
|
+
color: ${(props) => props.textcolor ? props.textcolor : 'rgba(255, 255, 255, 1)'};
|
|
15
15
|
display: flex;
|
|
16
16
|
font-family: var(--pw-int-font-family);
|
|
17
17
|
justify-content: center;
|
|
@@ -27,12 +27,12 @@ const StyledButton = styled_components_1.default.button `
|
|
|
27
27
|
height: 48px;
|
|
28
28
|
gap: ${(props) => props.gap ? props.gap : '4px'};
|
|
29
29
|
border: none;
|
|
30
|
-
border-radius: ${(props) => props.
|
|
30
|
+
border-radius: ${(props) => props.borderradius ? props.borderradius : '12px'};
|
|
31
31
|
white-space: nowrap;
|
|
32
32
|
`;
|
|
33
33
|
const Button = (0, react_1.forwardRef)((_a, ref) => {
|
|
34
|
-
var { disabled,
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), { disabled: disabled, role: "button", ref: ref,
|
|
34
|
+
var { disabled, bgcolor, textcolor, borderradius, gap, padding, children } = _a, props = tslib_1.__rest(_a, ["disabled", "bgcolor", "textcolor", "borderradius", "gap", "padding", "children"]);
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(StyledButton, Object.assign({}, (disabled ? { 'aria-disabled': true } : {}), { disabled: disabled, role: "button", ref: ref, bgcolor: bgcolor, textcolor: textcolor, borderradius: borderradius, gap: gap, padding: padding }, props, { children: children })));
|
|
36
36
|
});
|
|
37
37
|
exports.Button = Button;
|
|
38
38
|
Button.displayName = 'Button';
|