@pushchain/ui-kit 2.0.5 → 2.0.6
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 +6 -0
- package/package.json +2 -2
- package/src/lib/components/LoginModal/index.js +31 -31
- 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/common/Button.d.ts +6 -6
- package/src/lib/components/common/Button.js +8 -8
- package/src/lib/components/common/Button.js.map +1 -1
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pushchain/ui-kit",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.6",
|
|
4
4
|
"homepage": "https://push.org",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"pushchain",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@coral-xyz/anchor": "^0.31.1",
|
|
21
21
|
"@metamask/sdk": "^0.32.0",
|
|
22
|
-
"@pushchain/core": "2.0.
|
|
22
|
+
"@pushchain/core": "2.0.8",
|
|
23
23
|
"@solana/web3.js": "^1.98.2",
|
|
24
24
|
"@walletconnect/ethereum-provider": "^2.21.5",
|
|
25
25
|
"buffer": "^6.0.3",
|
|
@@ -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
|
|
@@ -81,48 +81,48 @@ const BlurBackground = styled_components_1.default.div `
|
|
|
81
81
|
`;
|
|
82
82
|
const FrameContainer = styled_components_1.default.div `
|
|
83
83
|
position: fixed;
|
|
84
|
-
top: ${({ style }) => `${style === null || style === void 0 ? void 0 : style.top}px`};
|
|
85
|
-
left: ${({ style }) => `${style === null || style === void 0 ? void 0 : style.left}px`};
|
|
84
|
+
top: ${({ $style }) => `${$style === null || $style === void 0 ? void 0 : $style.top}px`};
|
|
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'};
|
|
@@ -163,7 +163,7 @@ const FrameLoadingContainer = styled_components_1.default.div `
|
|
|
163
163
|
box-sizing: border-box;
|
|
164
164
|
`;
|
|
165
165
|
const FrameSubContainer = styled_components_1.default.div `
|
|
166
|
-
display: ${({
|
|
166
|
+
display: ${({ $isWalletMinimised, $isIframeLoading }) => $isWalletMinimised || $isIframeLoading ? 'none' : 'flex'};
|
|
167
167
|
width: 100%;
|
|
168
168
|
height: 100%;
|
|
169
169
|
flex-direction: column;
|
|
@@ -177,15 +177,15 @@ const AccountContainer = styled_components_1.default.div `
|
|
|
177
177
|
right: 8px;
|
|
178
178
|
justify-content: flex-end;
|
|
179
179
|
// padding: var(--spacing-xxs) var(--spacing-xxs);
|
|
180
|
-
border-top-right-radius: ${({
|
|
181
|
-
border-top-left-radius: ${({
|
|
180
|
+
border-top-right-radius: ${({ $universalAccount }) => $universalAccount ? '10px' : '0px'};
|
|
181
|
+
border-top-left-radius: ${({ $universalAccount }) => $universalAccount ? '10px' : '0px'};
|
|
182
182
|
background-color: transparent;
|
|
183
183
|
`;
|
|
184
184
|
const SplitContainer = styled_components_1.default.div `
|
|
185
185
|
display: flex;
|
|
186
186
|
`;
|
|
187
187
|
const AppPreviewContainer = styled_components_1.default.div `
|
|
188
|
-
display: ${({
|
|
188
|
+
display: ${({ $universalAccount }) => ($universalAccount ? 'none' : 'flex')};
|
|
189
189
|
align-items: center;
|
|
190
190
|
justify-content: center;
|
|
191
191
|
flex: 1;
|
|
@@ -228,12 +228,12 @@ const TextContainer = styled_components_1.default.div `
|
|
|
228
228
|
font-size: 16px;
|
|
229
229
|
font-weight: 400;
|
|
230
230
|
line-height: 22px;
|
|
231
|
-
color: ${({
|
|
232
|
-
?
|
|
233
|
-
?
|
|
231
|
+
color: ${({ $themeMode, $textColor }) => $themeMode === constants_1.PushUI.CONSTANTS.THEME.LIGHT
|
|
232
|
+
? $textColor
|
|
233
|
+
? $textColor
|
|
234
234
|
: '#17181b'
|
|
235
|
-
:
|
|
236
|
-
?
|
|
235
|
+
: $textColor
|
|
236
|
+
? $textColor
|
|
237
237
|
: '#F5F6F8'};
|
|
238
238
|
`;
|
|
239
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,
|
|
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
|
|
@@ -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;
|
|
@@ -9,9 +9,9 @@ const StyledButton = styled_components_1.default.button `
|
|
|
9
9
|
/* Common Button CSS */
|
|
10
10
|
|
|
11
11
|
align-items: center;
|
|
12
|
-
cursor: ${(
|
|
13
|
-
background: ${(
|
|
14
|
-
color: ${(
|
|
12
|
+
cursor: ${({ $disabled }) => ($disabled ? 'not-allowed' : 'pointer')};
|
|
13
|
+
background: ${({ $bgColor }) => ($bgColor ? $bgColor : '#d548ec')};
|
|
14
|
+
color: ${({ $textColor }) => $textColor ? $textColor : 'rgba(255, 255, 255, 1)'};
|
|
15
15
|
display: flex;
|
|
16
16
|
font-family: var(--pw-int-font-family);
|
|
17
17
|
justify-content: center;
|
|
@@ -21,18 +21,18 @@ const StyledButton = styled_components_1.default.button `
|
|
|
21
21
|
font-style: normal;
|
|
22
22
|
font-weight: 500;
|
|
23
23
|
line-height: 16px;
|
|
24
|
-
padding: ${(
|
|
24
|
+
padding: ${({ $padding }) => $padding ? $padding : '16px 24px'};
|
|
25
25
|
min-width: 100px;
|
|
26
26
|
width: inherit;
|
|
27
27
|
height: 48px;
|
|
28
|
-
gap: ${(
|
|
28
|
+
gap: ${({ $gap }) => $gap ? $gap : '4px'};
|
|
29
29
|
border: none;
|
|
30
|
-
border-radius: ${(
|
|
30
|
+
border-radius: ${({ $borderRadius }) => $borderRadius ? $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 } : {}), {
|
|
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 } : {}), { role: "button", ref: ref, "$bgColor": bgColor, "$textColor": textColor, "$borderRadius": borderRadius, "$gap": gap, "$padding": padding, "$disabled": disabled }, props, { children: children })));
|
|
36
36
|
});
|
|
37
37
|
exports.Button = Button;
|
|
38
38
|
Button.displayName = 'Button';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;AAuBvC,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Button.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAqE;AACrE,kFAAuC;AAuBvC,MAAM,YAAY,GAAG,2BAAM,CAAC,MAAM,CAOhC;;;;YAIU,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;gBACtD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;WACxD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAC1B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,wBAAwB;;;;;;;;;;aAUzC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC1B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW;;;;SAI5B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;;mBAEJ,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACrC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;;CAEzC,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CAAC,EAAgF,EAAE,GAAG,EAAE,EAAE;QAAzF,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA9E,kFAAgF,CAAF;IAAY,OAAA,CACzF,uBAAC,YAAY,oBACP,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAC/C,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,cACE,OAAO,gBACL,SAAS,mBACN,YAAY,UACrB,GAAG,cACC,OAAO,eACN,QAAQ,IACf,KAAK,cAER,QAAQ,IACI,CAChB,CAAA;CAAA,CACF,CAAC;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|