@pushchain/ui-kit 1.0.8-alpha.0 → 1.0.9
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/package.json +2 -1
- package/src/lib/components/LoginModal/index.js +19 -13
- package/src/lib/components/LoginModal/index.js.map +1 -1
- package/src/lib/components/PushUniversalAccountButton/index.js +1 -1
- package/src/lib/components/PushUniversalAccountButton/index.js.map +1 -1
- package/src/lib/components/common/Spinner.js +1 -1
- package/src/lib/components/common/Spinner.js.map +1 -1
- package/src/lib/providers/PushWalletProvider.d.ts +1 -1
- package/src/lib/providers/PushWalletProvider.js +3 -6
- package/src/lib/providers/PushWalletProvider.js.map +1 -1
- package/src/lib/styles/token.d.ts +2 -0
- package/src/lib/styles/token.js +2 -0
- package/src/lib/styles/token.js.map +1 -1
package/package.json
CHANGED
|
@@ -3,16 +3,28 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.LoginModal = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_1 = require("react");
|
|
6
7
|
const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
|
|
7
8
|
const common_1 = require("../../components/common");
|
|
8
9
|
const constants_1 = require("../../constants");
|
|
9
10
|
const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = constants_1.CONSTANTS.THEME.DARK, modalAppData, setIframeLoading, sendWalletConfig, universalAddress, isWalletMinimised, setMinimiseWallet, handleUserLogOutEvent, config, }) => {
|
|
10
11
|
const { modal } = config;
|
|
11
|
-
|
|
12
|
+
const containerRef = (0, react_1.useRef)(null);
|
|
13
|
+
(0, react_1.useEffect)(() => {
|
|
14
|
+
const handleOutsideClick = (event) => {
|
|
15
|
+
if (containerRef.current &&
|
|
16
|
+
!containerRef.current.contains(event.target)) {
|
|
17
|
+
setMinimiseWallet(!isWalletMinimised);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
document.addEventListener('mousedown', handleOutsideClick);
|
|
21
|
+
return () => document.removeEventListener('mousedown', handleOutsideClick);
|
|
22
|
+
}, []);
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isWalletVisible ? ((0, jsx_runtime_1.jsxs)(FrameContainer, { ref: containerRef, isWalletMinimised: isWalletMinimised, universalAddress: universalAddress, themeMode: themeMode ? themeMode : constants_1.CONSTANTS.THEME.DARK, accountMenuVariant: modal === null || modal === void 0 ? void 0 : modal.connectedLayout, modalDefaults: modal, children: [isIframeLoading && ((0, jsx_runtime_1.jsxs)(FrameLoadingContainer, { themeMode: themeMode ? themeMode : constants_1.CONSTANTS.THEME.DARK, children: [(0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
12
24
|
handleUserLogOutEvent();
|
|
13
|
-
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.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, {})] })] })), (0, jsx_runtime_1.jsxs)(FrameSubContainer, { isWalletMinimised: isWalletMinimised, isIframeLoading: isIframeLoading, children: [(0, jsx_runtime_1.jsx)(AccountContainer, { universalAddress: universalAddress, children: universalAddress ? ((0, jsx_runtime_1.jsx)(DashButtonContainer, { onClick: () => setMinimiseWallet(true), children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "18px", width: "18px", color:
|
|
25
|
+
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: themeMode === constants_1.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, {})] })] })), (0, jsx_runtime_1.jsxs)(FrameSubContainer, { isWalletMinimised: isWalletMinimised, isIframeLoading: isIframeLoading, children: [(0, jsx_runtime_1.jsx)(AccountContainer, { universalAddress: universalAddress, children: universalAddress ? ((0, jsx_runtime_1.jsx)(DashButtonContainer, { onClick: () => setMinimiseWallet(true), children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "18px", width: "18px", color: "var(--pw-int-text-primary-color)" }) })) : ((0, jsx_runtime_1.jsx)(CloseButtonContainer, { onClick: () => {
|
|
14
26
|
handleUserLogOutEvent();
|
|
15
|
-
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color:
|
|
27
|
+
}, children: (0, jsx_runtime_1.jsx)(common_1.CrossIcon, { height: "20px", width: "20px", color: "var(--pw-int-text-primary-color)" }) })) }), (0, jsx_runtime_1.jsxs)(SplitContainer, { children: [(modal === null || modal === void 0 ? void 0 : modal.appPreview) &&
|
|
16
28
|
modalAppData &&
|
|
17
29
|
(modal === null || modal === void 0 ? void 0 : modal.loginLayout) === constants_1.CONSTANTS.LOGIN.SPLIT && ((0, jsx_runtime_1.jsx)(AppPreviewContainer, { universalAddress: universalAddress, 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.CONSTANTS.THEME.DARK, textColor: themeMode === constants_1.CONSTANTS.THEME.LIGHT
|
|
18
30
|
? '#F5F6F8'
|
|
@@ -32,17 +44,13 @@ const LoginModal = ({ iframeRef, isWalletVisible, isIframeLoading, themeMode = c
|
|
|
32
44
|
};
|
|
33
45
|
exports.LoginModal = LoginModal;
|
|
34
46
|
const FrameContainer = styled_components_1.default.div `
|
|
35
|
-
position:
|
|
36
|
-
? accountMenuVariant === constants_1.CONSTANTS.CONNECTED.FULL
|
|
37
|
-
? 'fixed'
|
|
38
|
-
: 'absolute'
|
|
39
|
-
: 'fixed'};
|
|
47
|
+
position: fixed;
|
|
40
48
|
display: flex;
|
|
41
49
|
flex-direction: column;
|
|
42
50
|
background-image: url(${({ modalDefaults }) => modalDefaults === null || modalDefaults === void 0 ? void 0 : modalDefaults.bgImage});
|
|
43
51
|
background-size: cover;
|
|
44
52
|
background-color: var(--pw-int-bg-primary-color);
|
|
45
|
-
border-radius: 10px;
|
|
53
|
+
border-radius: ${({ universalAddress }) => universalAddress ? '10px' : 'unset'};
|
|
46
54
|
z-index: 9999;
|
|
47
55
|
|
|
48
56
|
width: ${({ universalAddress, isWalletMinimised, accountMenuVariant }) => isWalletMinimised
|
|
@@ -92,11 +100,9 @@ const DashButtonContainer = styled_components_1.default.div `
|
|
|
92
100
|
align-items: center;
|
|
93
101
|
justify-content: center;
|
|
94
102
|
cursor: pointer;
|
|
95
|
-
border-radius: 1000px;
|
|
96
103
|
height: 20px;
|
|
97
104
|
width: 20px;
|
|
98
105
|
padding: 2px;
|
|
99
|
-
background-color: #ff0000;
|
|
100
106
|
`;
|
|
101
107
|
const LoadingTextContainer = styled_components_1.default.div `
|
|
102
108
|
display: flex;
|
|
@@ -121,8 +127,8 @@ const FrameLoadingContainer = styled_components_1.default.div `
|
|
|
121
127
|
flex-direction: column;
|
|
122
128
|
display: flex;
|
|
123
129
|
padding: 8px;
|
|
124
|
-
color:
|
|
125
|
-
background-color:
|
|
130
|
+
color: var(--pw-int-text-primary-color);
|
|
131
|
+
background-color: var(--pw-int-bg-primary-color);
|
|
126
132
|
`;
|
|
127
133
|
const FrameSubContainer = styled_components_1.default.div `
|
|
128
134
|
display: ${({ isWalletMinimised, isIframeLoading }) => isWalletMinimised || isIframeLoading ? 'none' : 'flex'};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/LoginModal/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,7 +10,7 @@ const TogglePushWalletButton_1 = require("./TogglePushWalletButton");
|
|
|
10
10
|
const styled_components_1 = require("styled-components");
|
|
11
11
|
const token_1 = require("../../styles/token");
|
|
12
12
|
const theme_1 = require("../../utils/theme");
|
|
13
|
-
const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect
|
|
13
|
+
const PushUniversalAccountButton = ({ uid = 'default', connectButtonText = 'Connect Account', loadingComponent, modalAppOverride, loginAppOverride, themeOverrides: ButtonThemeOverrides, }) => {
|
|
14
14
|
const { universalAddress, themeOverrides, themeMode, updateModalAppData, updateWalletAppData, } = (0, usePushWallet_1.usePushWalletContext)(uid);
|
|
15
15
|
const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
|
|
16
16
|
:root{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAAqE;AAErE,8CAAwD;AACxD,6CAAuD;AAYvD,MAAM,0BAA0B,GAAwC,CAAC,EACvE,GAAG,GAAG,SAAS,EACf,iBAAiB,GAAG,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/PushUniversalAccountButton/index.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAsD;AACtD,6DAAiE;AACjE,+DAA4D;AAC5D,qEAAkE;AAClE,yDAAqE;AAErE,8CAAwD;AACxD,6CAAuD;AAYvD,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,EAAA;;QAE/B,CAAC,KAAK,EAAE,EAAE;QACV,MAAM,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;QAClD,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,iDACV,0BAAkB,GAClB,IAAA,0BAAkB,EAAC,eAAe,CAAC,GACnC,IAAA,0BAAkB,EAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAClD,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,KAAG,EACf,uBAAC,SAAS,KAAG,IACC,CACjB,CAAC;AACJ,CAAC,CAAC;AAEO,gEAA0B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Spinner.tsx"],"names":[],"mappings":";;;;AACA,+EAAsD;AACtD,mCAAkC;AAElC,uCAAuC;AACvC,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOrB,CAAC;AAEF,mCAAmC;AACnC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;eAIb,IAAI;;;;CAIlB,CAAC;AAEF,+BAA+B;AAC/B,MAAM,OAAO,GAAG,GAAG,EAAE;
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../../../packages/ui-kit/src/lib/components/common/Spinner.tsx"],"names":[],"mappings":";;;;AACA,+EAAsD;AACtD,mCAAkC;AAElC,uCAAuC;AACvC,MAAM,IAAI,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOrB,CAAC;AAEF,mCAAmC;AACnC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;eAIb,IAAI;;;;CAIlB,CAAC;AAEF,+BAA+B;AAC/B,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,CACL,uBAAC,SAAS,cACR,uBAAC,eAAO,KAAG,GACD,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.PushUniversalWalletProvider = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const WalletContext_1 = require("../context/WalletContext");
|
|
@@ -24,18 +24,15 @@ const PushWalletConfigDefault = {
|
|
|
24
24
|
appPreview: false,
|
|
25
25
|
},
|
|
26
26
|
};
|
|
27
|
-
const
|
|
27
|
+
const PushUniversalWalletProvider = ({ config, app, themeMode = constants_1.CONSTANTS.THEME.DARK, themeOverrides = {}, children, }) => {
|
|
28
28
|
var _a;
|
|
29
29
|
const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
|
|
30
30
|
:root{
|
|
31
31
|
${(props) => {
|
|
32
32
|
const { themeMode, themeOverrides } = props.theme;
|
|
33
|
-
console.log(themeOverrides);
|
|
34
33
|
const isLightMode = themeMode === 'light';
|
|
35
34
|
const { dark, light } = themeOverrides, globalOverrides = tslib_1.__rest(themeOverrides, ["dark", "light"]);
|
|
36
|
-
console.log((0, theme_1.mapCoreToInt)(globalOverrides));
|
|
37
35
|
const newOverrides = Object.assign(Object.assign(Object.assign({}, Object.assign(Object.assign({}, token_1.themeDefault), (isLightMode ? token_1.lightThemeDefault : token_1.darkThemeDefault))), (0, theme_1.mapCoreToInt)(globalOverrides)), (0, theme_1.mapCoreToInt)(isLightMode ? light : dark));
|
|
38
|
-
console.log(newOverrides);
|
|
39
36
|
return Object.entries(newOverrides)
|
|
40
37
|
.map(([key, value]) => `${key}: ${value};`)
|
|
41
38
|
.join('\n');
|
|
@@ -45,5 +42,5 @@ const PushWalletProvider = ({ config, app, themeMode = constants_1.CONSTANTS.THE
|
|
|
45
42
|
const mergedConfig = Object.assign(Object.assign(Object.assign({}, PushWalletConfigDefault), config), { login: Object.assign(Object.assign(Object.assign({}, loginDefaultConfig), ((config === null || config === void 0 ? void 0 : config.login) || {})), { wallet: Object.assign(Object.assign({}, loginDefaultConfig.wallet), (((_a = config === null || config === void 0 ? void 0 : config.login) === null || _a === void 0 ? void 0 : _a.wallet) || {})) }), modal: Object.assign(Object.assign({}, PushWalletConfigDefault.modal), config.modal) });
|
|
46
43
|
return ((0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, { theme: { themeMode, themeOverrides }, children: [(0, jsx_runtime_1.jsx)(GlobalStyle, {}), (0, jsx_runtime_1.jsx)(WalletContext_1.WalletContextProvider, { config: mergedConfig, app: app, themeMode: themeMode, themeOverrides: themeOverrides, children: children })] }));
|
|
47
44
|
};
|
|
48
|
-
exports.
|
|
45
|
+
exports.PushUniversalWalletProvider = PushUniversalWalletProvider;
|
|
49
46
|
//# sourceMappingURL=PushWalletProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PushWalletProvider.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/providers/PushWalletProvider.tsx"],"names":[],"mappings":";;;;;AAEA,4DAAiE;AACjE,4CAAyC;AACzC,yDAAqE;AACrE,2CAIyB;AACzB,0CAA8C;AAE9C,MAAM,kBAAkB,GAAG;IACzB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE;QACN,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,uBAAuB,GAAwB;IACnD,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,kBAAkB;IACzB,GAAG,EAAE,qBAAS,CAAC,GAAG,CAAC,MAAM;IACzB,KAAK,EAAE;QACL,WAAW,EAAE,qBAAS,CAAC,KAAK,CAAC,MAAM;QACnC,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEK,MAAM,
|
|
1
|
+
{"version":3,"file":"PushWalletProvider.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/providers/PushWalletProvider.tsx"],"names":[],"mappings":";;;;;AAEA,4DAAiE;AACjE,4CAAyC;AACzC,yDAAqE;AACrE,2CAIyB;AACzB,0CAA8C;AAE9C,MAAM,kBAAkB,GAAG;IACzB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE;QACN,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAEF,MAAM,uBAAuB,GAAwB;IACnD,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,kBAAkB;IACzB,GAAG,EAAE,qBAAS,CAAC,GAAG,CAAC,MAAM;IACzB,KAAK,EAAE;QACL,WAAW,EAAE,qBAAS,CAAC,KAAK,CAAC,MAAM;QACnC,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEK,MAAM,2BAA2B,GAAgC,CAAC,EACvE,MAAM,EACN,GAAG,EACH,SAAS,GAAG,qBAAS,CAAC,KAAK,CAAC,IAAI,EAChC,cAAc,GAAG,EAAE,EACnB,QAAQ,GACT,EAAE,EAAE;;IACH,MAAM,WAAW,GAAG,IAAA,qCAAiB,EAAA;;QAE/B,CAAC,KAAK,EAAE,EAAE;QACV,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;QAClD,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,YAAY,iFAEX,oBAAY,GACZ,CAAC,WAAW,CAAC,CAAC,CAAC,yBAAiB,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAEtD,IAAA,oBAAY,EAAC,eAAe,CAAC,GAC7B,IAAA,oBAAY,EAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAC5C,CAAC;QACF,OAAO,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC;aAChC,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,MAAM,YAAY,iDACb,uBAAuB,GACvB,MAAM,KACT,KAAK,gDACA,kBAAkB,GAClB,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,EAAE,CAAC,KACxB,MAAM,kCACD,kBAAkB,CAAC,MAAM,GACzB,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,MAAM,KAAI,EAAE,CAAC,MAGpC,KAAK,kCACA,uBAAuB,CAAC,KAAK,GAC7B,MAAM,CAAC,KAAK,IAElB,CAAC;IAEF,OAAO,CACL,wBAAC,iCAAa,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,aACjD,uBAAC,WAAW,KAAG,EACf,uBAAC,qCAAqB,IACpB,MAAM,EAAE,YAAY,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,YAE7B,QAAQ,GACa,IACV,CACjB,CAAC;AACJ,CAAC,CAAC;AA1DW,QAAA,2BAA2B,+BA0DtC"}
|
|
@@ -55,11 +55,13 @@ export declare const lightThemeDefault: {
|
|
|
55
55
|
'--pw-int-bg-primary-color': string;
|
|
56
56
|
'--pw-int-text-primary-color': string;
|
|
57
57
|
'--pw-int-text-secondary-color': string;
|
|
58
|
+
'--pw-int-brand-primary-color': string;
|
|
58
59
|
};
|
|
59
60
|
export declare const darkThemeDefault: {
|
|
60
61
|
'--pw-int-bg-primary-color': string;
|
|
61
62
|
'--pw-int-text-primary-color': string;
|
|
62
63
|
'--pw-int-text-secondary-color': string;
|
|
64
|
+
'--pw-int-brand-primary-color': string;
|
|
63
65
|
};
|
|
64
66
|
export declare const buttonThemeDefault: {
|
|
65
67
|
'--pwauth-btn-connect-text-color': string;
|
package/src/lib/styles/token.js
CHANGED
|
@@ -9,11 +9,13 @@ exports.lightThemeDefault = {
|
|
|
9
9
|
'--pw-int-bg-primary-color': '#F5F6F8',
|
|
10
10
|
'--pw-int-text-primary-color': '#17181B',
|
|
11
11
|
'--pw-int-text-secondary-color': '#313338',
|
|
12
|
+
'--pw-int-brand-primary-color': '#CF59E2',
|
|
12
13
|
};
|
|
13
14
|
exports.darkThemeDefault = {
|
|
14
15
|
'--pw-int-bg-primary-color': '#17181B',
|
|
15
16
|
'--pw-int-text-primary-color': '#F5F6F8',
|
|
16
17
|
'--pw-int-text-secondary-color': '#C4CBD5',
|
|
18
|
+
'--pw-int-brand-primary-color': '#D548EC',
|
|
17
19
|
};
|
|
18
20
|
exports.buttonThemeDefault = {
|
|
19
21
|
'--pwauth-btn-connect-text-color': '#FFF',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/styles/token.ts"],"names":[],"mappings":";;;AAyEa,QAAA,YAAY,GAAG;IAC1B,mCAAmC,EAAE,MAAM;IAC3C,+BAA+B,EAAE,MAAM;CACxC,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,2BAA2B,EAAE,SAAS;IACtC,6BAA6B,EAAE,SAAS;IACxC,+BAA+B,EAAE,SAAS;
|
|
1
|
+
{"version":3,"file":"token.js","sourceRoot":"","sources":["../../../../../../packages/ui-kit/src/lib/styles/token.ts"],"names":[],"mappings":";;;AAyEa,QAAA,YAAY,GAAG;IAC1B,mCAAmC,EAAE,MAAM;IAC3C,+BAA+B,EAAE,MAAM;CACxC,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,2BAA2B,EAAE,SAAS;IACtC,6BAA6B,EAAE,SAAS;IACxC,+BAA+B,EAAE,SAAS;IAC1C,8BAA8B,EAAE,SAAS;CAC1C,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,2BAA2B,EAAE,SAAS;IACtC,6BAA6B,EAAE,SAAS;IACxC,+BAA+B,EAAE,SAAS;IAC1C,8BAA8B,EAAE,SAAS;CAC1C,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,iCAAiC,EAAE,MAAM;IACzC,+BAA+B,EAAE,SAAS;IAC1C,mCAAmC,EAAE,MAAM;IAC3C,iCAAiC,EAAE,MAAM;IACzC,oCAAoC,EAAE,MAAM;CAC7C,CAAC;AAEW,QAAA,gBAAgB,GAAG,MAAM,CAAC,IAAI,iCACtC,oBAAY,GACZ,yBAAiB,EACpB,CAAC"}
|