@make-software/csprclick-ui 1.9.0 → 1.10.0

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 (34) hide show
  1. package/README.md +1 -0
  2. package/dist/cjs/lib/assets/icons/ic-csprlive.svg +6 -0
  3. package/dist/cjs/lib/assets/icons/website-link.svg +10 -0
  4. package/dist/cjs/lib/assets/logos/cspr-name-logo-small.svg +5 -0
  5. package/dist/cjs/lib/index.js +64 -8
  6. package/dist/cjs/lib/lib/BuyCspr/styles.d.ts +3 -1
  7. package/dist/cjs/lib/lib/ClickUI.d.ts +2 -1
  8. package/dist/cjs/lib/lib/CrossNavigationMenu/StandWithUkraineBadge.d.ts +1 -1
  9. package/dist/cjs/lib/lib/InfoPopup/InfoPopup.d.ts +1 -1
  10. package/dist/cjs/lib/lib/SignIn/components/SignInWithEmail.d.ts +3 -3
  11. package/dist/cjs/lib/lib/SignIn/components/SocialLogin.d.ts +2 -2
  12. package/dist/cjs/lib/lib/ThemeSwitch/ThemeSwitch.d.ts +1 -1
  13. package/dist/cjs/lib/lib/TopBar/TopBar.d.ts +1 -0
  14. package/dist/cjs/lib/lib/TopBar/components/AccountCardMenuItem.d.ts +8 -0
  15. package/dist/cjs/lib/lib/TopBar/components/AccountTokensCarousel/AccountTokensCarousel.d.ts +1 -0
  16. package/dist/cjs/lib/lib/TopBar/components/AccountTokensCarousel/AccountTokensCarouselItem.d.ts +8 -0
  17. package/dist/cjs/lib/lib/TopBar/components/AccountTokensCarousel/styles.d.ts +8 -0
  18. package/dist/cjs/lib/lib/TopBar/components/AccountTokensCarousel/types.d.ts +10 -0
  19. package/dist/cjs/lib/lib/TopBar/components/MobileDropdownContainer.d.ts +3 -3
  20. package/dist/cjs/lib/lib/TopBar/utils.d.ts +2 -0
  21. package/dist/cjs/lib/lib/components/IdentIconAvatar.d.ts +1 -1
  22. package/dist/cjs/lib/lib/components/ListContainers.d.ts +5 -5
  23. package/dist/cjs/lib/lib/components/ScrollContainer.d.ts +1 -1
  24. package/dist/cjs/lib/lib/components/WalletLogo.d.ts +1 -1
  25. package/dist/cjs/lib/lib/constants/modalStyles.d.ts +1 -1
  26. package/dist/cjs/lib/lib/index.d.ts +1 -0
  27. package/dist/cjs/lib/lib/types/theme.d.ts +177 -3
  28. package/dist/index.d.ts +193 -6
  29. package/dist/lib/assets/icons/ic-csprlive.svg +6 -0
  30. package/dist/lib/assets/icons/website-link.svg +10 -0
  31. package/dist/lib/assets/logos/cspr-name-logo-small.svg +5 -0
  32. package/dist/lib/index.js +64 -8
  33. package/package.json +12 -12
  34. package/package.json.local +0 -95
package/dist/cjs/lib/lib/BuyCspr/styles.d.ts CHANGED
@@ -1,5 +1,7 @@
1
- export declare const DropdownStyles: (maxHeight?: string) => {
1
+ export declare const DropdownStyles: (maxHeight?: string, bgColor?: string, textColor?: string) => {
2
2
  control: (base: any, state: any) => any;
3
+ singleValue: (provided: any) => any;
4
+ input: (provided: any) => any;
3
5
  menuList: (styles: any) => any;
4
6
  option: (styles: any, { isFocused, isSelected }: {
5
7
  isFocused: any;
package/dist/cjs/lib/lib/ClickUI.d.ts CHANGED
@@ -11,8 +11,9 @@ export interface TopBarSettings {
11
11
  interface ClickUIProps {
12
12
  themeMode?: ThemeModeType;
13
13
  topBarSettings?: TopBarSettings;
14
+ currencyCode?: string;
14
15
  rootAppElement?: string;
15
16
  show1ClickModal?: boolean;
16
17
  }
17
- export declare function ClickUI({ themeMode, topBarSettings, rootAppElement, show1ClickModal }: ClickUIProps): import("react/jsx-runtime").JSX.Element;
18
+ export declare function ClickUI({ themeMode, topBarSettings, currencyCode, rootAppElement, show1ClickModal }: ClickUIProps): import("react/jsx-runtime").JSX.Element;
18
19
  export default ClickUI;
package/dist/cjs/lib/lib/CrossNavigationMenu/StandWithUkraineBadge.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { TextProps } from '@make-software/cspr-ui';
1
+ import { TextProps } from '@make-software/cspr-design';
2
2
  export declare const BannerLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
3
3
  export interface TopBannerStyleProps extends TextProps {
4
4
  size: 1 | 2 | 3;
package/dist/cjs/lib/lib/InfoPopup/InfoPopup.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ThemeModeType } from '@make-software/cspr-ui';
1
+ import { ThemeModeType } from '@make-software/cspr-design';
2
2
  import React from 'react';
3
3
  export interface InfoPopupRef {
4
4
  hide: () => void;
package/dist/cjs/lib/lib/SignIn/components/SignInWithEmail.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  import { Provider } from '../../types';
3
- import { Input } from '@make-software/cspr-ui';
3
+ import { Input } from '@make-software/cspr-design';
4
4
  interface SignInWithEmailProps {
5
5
  providers: Provider[];
6
6
  }
7
- export declare const StyledWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
7
+ export declare const StyledWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
8
8
  export declare const StyledInput: import("styled-components").StyledComponent<typeof Input, import("styled-components").DefaultTheme, {}, never>;
9
- export declare const StyledButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").ButtonProps & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
9
+ export declare const StyledButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").ButtonProps & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
10
10
  declare const SignInWithEmail: ({ providers }: SignInWithEmailProps) => import("react/jsx-runtime").JSX.Element;
11
11
  export default SignInWithEmail;
package/dist/cjs/lib/lib/SignIn/components/SocialLogin.d.ts CHANGED
@@ -4,7 +4,7 @@ interface SocialLoginProps {
4
4
  providers: Provider[];
5
5
  }
6
6
  export declare const ItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
7
- export declare const StyledWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
8
- export declare const StyledButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").ButtonProps & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
7
+ export declare const StyledWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
8
+ export declare const StyledButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").ButtonProps & React.RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
9
9
  declare const SocialLogin: ({ providers }: SocialLoginProps) => import("react/jsx-runtime").JSX.Element;
10
10
  export default SocialLogin;
package/dist/cjs/lib/lib/ThemeSwitch/ThemeSwitch.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ThemeModeType } from '@make-software/cspr-ui';
1
+ import { ThemeModeType } from '@make-software/cspr-design';
2
2
  export declare const ThemeModeIconPath: {
3
3
  light: any;
4
4
  dark: any;
package/dist/cjs/lib/lib/TopBar/TopBar.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare const BannerLink: import("styled-components").StyledComponent<"a"
5
5
  interface TopBarProps {
6
6
  account?: AccountType;
7
7
  ssoAccounts?: AccountType[];
8
+ currencyCode?: string;
8
9
  onSignIn: () => void;
9
10
  onSwitchAccount: () => void;
10
11
  onChooseAccount: () => void;
package/dist/cjs/lib/lib/TopBar/components/AccountCardMenuItem.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ export declare const AccountCardMenuItem: {
2
+ (): import("react/jsx-runtime").JSX.Element;
3
+ /**
4
+ We need this line, to distinguish AccountCardMenuItem as React.Node in array of React.Nodes.
5
+ To filter and put AccountCardMenuItem in the very top of React.Nodes array
6
+ **/
7
+ componentType: string;
8
+ };
package/dist/cjs/lib/lib/TopBar/components/AccountTokensCarousel/AccountTokensCarousel.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const AccountTokensCarousel: () => import("react/jsx-runtime").JSX.Element;
package/dist/cjs/lib/lib/TopBar/components/AccountTokensCarousel/AccountTokensCarouselItem.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { CarouselItemProps } from './types';
2
+ interface CarouselProps {
3
+ content: CarouselItemProps;
4
+ onUpdateIndex: (index: number) => void;
5
+ activeIndex: number;
6
+ }
7
+ export declare const AccountTokensCarouselItem: ({ content }: CarouselProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
package/dist/cjs/lib/lib/TopBar/components/AccountTokensCarousel/styles.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ export declare const StyledCarousel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const Inner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const StyledCarouselItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const SlideControlWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
6
+ export declare const SlideControl: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
7
+ isActive?: boolean | undefined;
8
+ }, never>;
package/dist/cjs/lib/lib/TopBar/components/AccountTokensCarousel/types.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export interface BalanceInfo {
3
+ balanceType: string;
4
+ fiatBalance: string;
5
+ cryptoBalance: React.ReactElement;
6
+ }
7
+ export interface CarouselItemProps {
8
+ balanceInfo: BalanceInfo;
9
+ ticker: string;
10
+ }
package/dist/cjs/lib/lib/TopBar/components/MobileDropdownContainer.d.ts CHANGED
@@ -8,8 +8,8 @@ export interface MobileDropdownContainerProps {
8
8
  onThemeSwitch?: () => void;
9
9
  customTopBarMenuSettings?: CustomTopBarMenuSettings[];
10
10
  }
11
- export declare const NavDropDownItemWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
12
- export declare const StyledCommonItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").SvgIconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
13
- export declare const StyledPopupTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-ui").BodyTextProps & React.RefAttributes<HTMLSpanElement>>, import("styled-components").DefaultTheme, {}, never>;
11
+ export declare const NavDropDownItemWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
12
+ export declare const StyledCommonItemIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").SvgIconProps & React.RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
13
+ export declare const StyledPopupTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("@make-software/cspr-design").BodyTextProps & React.RefAttributes<HTMLSpanElement>>, import("styled-components").DefaultTheme, {}, never>;
14
14
  export declare const MobileDropdownContainer: ({ currencySettings, languageSettings, networkSettings, themeMode, onThemeSwitch, customTopBarMenuSettings }: MobileDropdownContainerProps) => import("react/jsx-runtime").JSX.Element;
15
15
  export default MobileDropdownContainer;
package/dist/cjs/lib/lib/TopBar/utils.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const shortenName: (name: string) => string | undefined;
2
+ export declare const redirectToAccountDetails: (clickRef: any, publicKey: any) => void;
package/dist/cjs/lib/lib/components/IdentIconAvatar.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { AccountType } from '@make-software/csprclick-core-types';
2
- import { ThemeModeType } from '@make-software/cspr-ui';
2
+ import { ThemeModeType } from '@make-software/cspr-design';
3
3
  interface IdentIconAvatarProps {
4
4
  account?: AccountType;
5
5
  themeMode?: ThemeModeType;
package/dist/cjs/lib/lib/components/ListContainers.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  /// <reference types="react" />
2
- export declare const ListItemContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
2
+ export declare const ListItemContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
3
3
  isNarrowItem?: boolean | undefined;
4
4
  }, never>;
5
- export declare const TitleContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
6
- export declare const BorderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
7
- export declare const MainAccountContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
8
- export declare const ListContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
5
+ export declare const TitleContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
6
+ export declare const BorderContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexRowProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
7
+ export declare const MainAccountContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
8
+ export declare const ListContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/dist/cjs/lib/lib/components/ScrollContainer.d.ts CHANGED
@@ -6,7 +6,7 @@ interface ScrollContainerProps {
6
6
  children: any;
7
7
  variation?: string;
8
8
  }
9
- export declare const ScrollWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-ui").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, ScrollContainerProps & {
9
+ export declare const ScrollWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@make-software/cspr-design").FlexColumnProps & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, ScrollContainerProps & {
10
10
  maxHeight: number;
11
11
  minHeight?: number | undefined;
12
12
  isScrolling?: boolean | undefined;
package/dist/cjs/lib/lib/components/WalletLogo.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ThemeModeType } from '@make-software/cspr-ui';
1
+ import { ThemeModeType } from '@make-software/cspr-design';
2
2
  export declare enum Size {
3
3
  small = "small",
4
4
  default = "default"
package/dist/cjs/lib/lib/constants/modalStyles.d.ts CHANGED
@@ -11,6 +11,6 @@ export declare const modalStyles: {
11
11
  marginRight: string;
12
12
  transform: string;
13
13
  borderRadius: string;
14
- zIndex: any;
14
+ zIndex: number;
15
15
  };
16
16
  };
package/dist/cjs/lib/lib/index.d.ts CHANGED
@@ -10,5 +10,6 @@ export * from './TopBar/components/AccountMenuItem';
10
10
  export * from './TopBar/components/BuyCSPRMenuItem';
11
11
  export * from './TopBar/components/CopyHashMenuItem';
12
12
  export * from './TopBar/components/ViewAccountOnExplorerMenuItem';
13
+ export * from './TopBar/components/AccountCardMenuItem';
13
14
  export * from './components/AccountIdenticon';
14
15
  export * from './types';
package/dist/cjs/lib/lib/types/theme.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const CsprClickThemes: any;
1
+ export declare const CsprClickThemes: import("@make-software/cspr-design").ThemeConfigType;
2
2
  export interface BuildThemeProps {
3
3
  csprclickDarkTheme: object;
4
4
  csprclickLightTheme: object;
@@ -110,6 +110,180 @@ export declare enum ThemeModeType {
110
110
  dark = "dark"
111
111
  }
112
112
  export declare const buildTheme: (theme: BuildThemeProps) => {
113
- dark: any;
114
- light: any;
113
+ dark: {
114
+ styleguideColors: {
115
+ backgroundPrimary: string;
116
+ backgroundSecondary: string;
117
+ backgroundTertiary: string;
118
+ backgroundQuaternary: string;
119
+ borderPrimary: string;
120
+ borderSecondary: string;
121
+ backgroundOverlay: string;
122
+ borderRed: string;
123
+ fillPrimaryRed: string;
124
+ fillPrimaryRedHover: string;
125
+ fillPrimaryRedClick: string;
126
+ fillPrimaryBlue: string;
127
+ fillPrimaryBlueHover: string;
128
+ fillPrimaryBlueClick: string;
129
+ fillSecondary: string;
130
+ fillSecondaryRedHover: string;
131
+ fillSecondaryRedClick: string;
132
+ fillSecondaryBlueHover: string;
133
+ fillSecondaryBlueClick: string;
134
+ fillTertiary: string;
135
+ fillGreen: string;
136
+ fillVioletGradient: string;
137
+ fillBlueGradient: string;
138
+ fillLoadingInTable: string;
139
+ contentPrimary: string;
140
+ contentSecondary: string;
141
+ contentTertiary: string;
142
+ contentQuaternary: string;
143
+ contentOnFill: string;
144
+ contentBlue: string;
145
+ contentRed: string;
146
+ contentGreen: string;
147
+ contentViolet: string;
148
+ contentYellow: string;
149
+ contentWarmGreen: string;
150
+ contentLightBlue: string;
151
+ };
152
+ colorSpecialCase: {
153
+ blueBanner: string;
154
+ blueBanner2: string;
155
+ };
156
+ boxShadow: {
157
+ unset: string;
158
+ block: string;
159
+ dropdown: string;
160
+ tooltip: string;
161
+ };
162
+ border: {
163
+ base: string;
164
+ separator: string;
165
+ tableRowSeparator: string;
166
+ };
167
+ themeName: string;
168
+ minWidth: number;
169
+ maxWidth: number;
170
+ withMedia: (styled: any) => import("styled-components").CSSObject;
171
+ zIndex: {
172
+ dropdown: number;
173
+ modal: number;
174
+ tooltip: number;
175
+ };
176
+ typography: {
177
+ fontFamily: {
178
+ primary: string;
179
+ mono: string;
180
+ };
181
+ fontWeight: {
182
+ light: number;
183
+ regular: number;
184
+ medium: number;
185
+ semiBold: number;
186
+ bold: number;
187
+ extraBold: number;
188
+ };
189
+ };
190
+ borderRadius: {
191
+ base: number;
192
+ };
193
+ padding: {
194
+ 1: string;
195
+ 2: string;
196
+ };
197
+ animations: {
198
+ fadeIn: import("styled-components").Keyframes;
199
+ };
200
+ };
201
+ light: {
202
+ styleguideColors: {
203
+ backgroundPrimary: string;
204
+ backgroundSecondary: string;
205
+ backgroundTertiary: string;
206
+ backgroundQuaternary: string;
207
+ borderPrimary: string;
208
+ borderSecondary: string;
209
+ backgroundOverlay: string;
210
+ borderRed: string;
211
+ fillPrimaryRed: string;
212
+ fillPrimaryRedHover: string;
213
+ fillPrimaryRedClick: string;
214
+ fillPrimaryBlue: string;
215
+ fillPrimaryBlueHover: string;
216
+ fillPrimaryBlueClick: string;
217
+ fillSecondary: string;
218
+ fillSecondaryRedHover: string;
219
+ fillSecondaryRedClick: string;
220
+ fillSecondaryBlueHover: string;
221
+ fillSecondaryBlueClick: string;
222
+ fillTertiary: string;
223
+ fillGreen: string;
224
+ fillVioletGradient: string;
225
+ fillBlueGradient: string;
226
+ fillLoadingInTable: string;
227
+ contentPrimary: string;
228
+ contentSecondary: string;
229
+ contentTertiary: string;
230
+ contentQuaternary: string;
231
+ contentOnFill: string;
232
+ contentBlue: string;
233
+ contentRed: string;
234
+ contentGreen: string;
235
+ contentViolet: string;
236
+ contentYellow: string;
237
+ contentWarmGreen: string;
238
+ contentLightBlue: string;
239
+ };
240
+ colorSpecialCase: {
241
+ blueBanner: string;
242
+ blueBanner2: string;
243
+ };
244
+ boxShadow: {
245
+ unset: string;
246
+ block: string;
247
+ dropdown: string;
248
+ tooltip: string;
249
+ };
250
+ border: {
251
+ base: string;
252
+ separator: string;
253
+ tableRowSeparator: string;
254
+ };
255
+ themeName: string;
256
+ minWidth: number;
257
+ maxWidth: number;
258
+ withMedia: (styled: any) => import("styled-components").CSSObject;
259
+ zIndex: {
260
+ dropdown: number;
261
+ modal: number;
262
+ tooltip: number;
263
+ };
264
+ typography: {
265
+ fontFamily: {
266
+ primary: string;
267
+ mono: string;
268
+ };
269
+ fontWeight: {
270
+ light: number;
271
+ regular: number;
272
+ medium: number;
273
+ semiBold: number;
274
+ bold: number;
275
+ extraBold: number;
276
+ };
277
+ };
278
+ borderRadius: {
279
+ base: number;
280
+ };
281
+ padding: {
282
+ 1: string;
283
+ 2: string;
284
+ };
285
+ animations: {
286
+ fadeIn: import("styled-components").Keyframes;
287
+ };
288
+ };
115
289
  };
package/dist/index.d.ts CHANGED
@@ -1,9 +1,10 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { WALLET_KEYS, AccountType, BadgeSettings } from '@make-software/csprclick-core-types';
3
+ import * as styled_components from 'styled-components';
4
+ import * as _make_software_cspr_design from '@make-software/cspr-design';
3
5
  import CSPRClickSDK from '@make-software/csprclick-core-client/sdk';
4
6
  import { CsprClickInitOptions } from '@make-software/csprclick-core-client';
5
7
  import React from 'react';
6
- import * as styled_components from 'styled-components';
7
8
 
8
9
  declare const CURRENCY = "CURRENCY";
9
10
  declare enum CurrencyType {
@@ -66,7 +67,7 @@ interface NetworkSettings {
66
67
  mobileContainerHeight?: string;
67
68
  }
68
69
 
69
- declare const CsprClickThemes: any;
70
+ declare const CsprClickThemes: _make_software_cspr_design.ThemeConfigType;
70
71
  interface BuildThemeProps {
71
72
  csprclickDarkTheme: object;
72
73
  csprclickLightTheme: object;
@@ -178,8 +179,182 @@ declare enum ThemeModeType {
178
179
  dark = "dark"
179
180
  }
180
181
  declare const buildTheme: (theme: BuildThemeProps) => {
181
- dark: any;
182
- light: any;
182
+ dark: {
183
+ styleguideColors: {
184
+ backgroundPrimary: string;
185
+ backgroundSecondary: string;
186
+ backgroundTertiary: string;
187
+ backgroundQuaternary: string;
188
+ borderPrimary: string;
189
+ borderSecondary: string;
190
+ backgroundOverlay: string;
191
+ borderRed: string;
192
+ fillPrimaryRed: string;
193
+ fillPrimaryRedHover: string;
194
+ fillPrimaryRedClick: string;
195
+ fillPrimaryBlue: string;
196
+ fillPrimaryBlueHover: string;
197
+ fillPrimaryBlueClick: string;
198
+ fillSecondary: string;
199
+ fillSecondaryRedHover: string;
200
+ fillSecondaryRedClick: string;
201
+ fillSecondaryBlueHover: string;
202
+ fillSecondaryBlueClick: string;
203
+ fillTertiary: string;
204
+ fillGreen: string;
205
+ fillVioletGradient: string;
206
+ fillBlueGradient: string;
207
+ fillLoadingInTable: string;
208
+ contentPrimary: string;
209
+ contentSecondary: string;
210
+ contentTertiary: string;
211
+ contentQuaternary: string;
212
+ contentOnFill: string;
213
+ contentBlue: string;
214
+ contentRed: string;
215
+ contentGreen: string;
216
+ contentViolet: string;
217
+ contentYellow: string;
218
+ contentWarmGreen: string;
219
+ contentLightBlue: string;
220
+ };
221
+ colorSpecialCase: {
222
+ blueBanner: string;
223
+ blueBanner2: string;
224
+ };
225
+ boxShadow: {
226
+ unset: string;
227
+ block: string;
228
+ dropdown: string;
229
+ tooltip: string;
230
+ };
231
+ border: {
232
+ base: string;
233
+ separator: string;
234
+ tableRowSeparator: string;
235
+ };
236
+ themeName: string;
237
+ minWidth: number;
238
+ maxWidth: number;
239
+ withMedia: (styled: any) => styled_components.CSSObject;
240
+ zIndex: {
241
+ dropdown: number;
242
+ modal: number;
243
+ tooltip: number;
244
+ };
245
+ typography: {
246
+ fontFamily: {
247
+ primary: string;
248
+ mono: string;
249
+ };
250
+ fontWeight: {
251
+ light: number;
252
+ regular: number;
253
+ medium: number;
254
+ semiBold: number;
255
+ bold: number;
256
+ extraBold: number;
257
+ };
258
+ };
259
+ borderRadius: {
260
+ base: number;
261
+ };
262
+ padding: {
263
+ 1: string;
264
+ 2: string;
265
+ };
266
+ animations: {
267
+ fadeIn: styled_components.Keyframes;
268
+ };
269
+ };
270
+ light: {
271
+ styleguideColors: {
272
+ backgroundPrimary: string;
273
+ backgroundSecondary: string;
274
+ backgroundTertiary: string;
275
+ backgroundQuaternary: string;
276
+ borderPrimary: string;
277
+ borderSecondary: string;
278
+ backgroundOverlay: string;
279
+ borderRed: string;
280
+ fillPrimaryRed: string;
281
+ fillPrimaryRedHover: string;
282
+ fillPrimaryRedClick: string;
283
+ fillPrimaryBlue: string;
284
+ fillPrimaryBlueHover: string;
285
+ fillPrimaryBlueClick: string;
286
+ fillSecondary: string;
287
+ fillSecondaryRedHover: string;
288
+ fillSecondaryRedClick: string;
289
+ fillSecondaryBlueHover: string;
290
+ fillSecondaryBlueClick: string;
291
+ fillTertiary: string;
292
+ fillGreen: string;
293
+ fillVioletGradient: string;
294
+ fillBlueGradient: string;
295
+ fillLoadingInTable: string;
296
+ contentPrimary: string;
297
+ contentSecondary: string;
298
+ contentTertiary: string;
299
+ contentQuaternary: string;
300
+ contentOnFill: string;
301
+ contentBlue: string;
302
+ contentRed: string;
303
+ contentGreen: string;
304
+ contentViolet: string;
305
+ contentYellow: string;
306
+ contentWarmGreen: string;
307
+ contentLightBlue: string;
308
+ };
309
+ colorSpecialCase: {
310
+ blueBanner: string;
311
+ blueBanner2: string;
312
+ };
313
+ boxShadow: {
314
+ unset: string;
315
+ block: string;
316
+ dropdown: string;
317
+ tooltip: string;
318
+ };
319
+ border: {
320
+ base: string;
321
+ separator: string;
322
+ tableRowSeparator: string;
323
+ };
324
+ themeName: string;
325
+ minWidth: number;
326
+ maxWidth: number;
327
+ withMedia: (styled: any) => styled_components.CSSObject;
328
+ zIndex: {
329
+ dropdown: number;
330
+ modal: number;
331
+ tooltip: number;
332
+ };
333
+ typography: {
334
+ fontFamily: {
335
+ primary: string;
336
+ mono: string;
337
+ };
338
+ fontWeight: {
339
+ light: number;
340
+ regular: number;
341
+ medium: number;
342
+ semiBold: number;
343
+ bold: number;
344
+ extraBold: number;
345
+ };
346
+ };
347
+ borderRadius: {
348
+ base: number;
349
+ };
350
+ padding: {
351
+ 1: string;
352
+ 2: string;
353
+ };
354
+ animations: {
355
+ fadeIn: styled_components.Keyframes;
356
+ };
357
+ };
183
358
  };
184
359
 
185
360
  type Provider = {
@@ -240,10 +415,11 @@ interface TopBarSettings {
240
415
  interface ClickUIProps {
241
416
  themeMode?: ThemeModeType;
242
417
  topBarSettings?: TopBarSettings;
418
+ currencyCode?: string;
243
419
  rootAppElement?: string;
244
420
  show1ClickModal?: boolean;
245
421
  }
246
- declare function ClickUI({ themeMode, topBarSettings, rootAppElement, show1ClickModal }: ClickUIProps): react_jsx_runtime.JSX.Element;
422
+ declare function ClickUI({ themeMode, topBarSettings, currencyCode, rootAppElement, show1ClickModal }: ClickUIProps): react_jsx_runtime.JSX.Element;
247
423
 
248
424
  declare const MODAL_ACTIONS: {
249
425
  NONE: string;
@@ -270,6 +446,7 @@ declare const BannerLink: styled_components.StyledComponent<"a", styled_componen
270
446
  interface TopBarProps {
271
447
  account?: AccountType;
272
448
  ssoAccounts?: AccountType[];
449
+ currencyCode?: string;
273
450
  onSignIn: () => void;
274
451
  onSwitchAccount: () => void;
275
452
  onChooseAccount: () => void;
@@ -312,6 +489,15 @@ declare const CopyHashMenuItem: () => react_jsx_runtime.JSX.Element;
312
489
 
313
490
  declare const ViewAccountOnExplorerMenuItem: (props: any) => react_jsx_runtime.JSX.Element;
314
491
 
492
+ declare const AccountCardMenuItem: {
493
+ (): react_jsx_runtime.JSX.Element;
494
+ /**
495
+ We need this line, to distinguish AccountCardMenuItem as React.Node in array of React.Nodes.
496
+ To filter and put AccountCardMenuItem in the very top of React.Nodes array
497
+ **/
498
+ componentType: string;
499
+ };
500
+
315
501
  declare const CanvasContainer: styled_components.StyledComponent<"div", styled_components.DefaultTheme, {
316
502
  size: number;
317
503
  }, never>;
@@ -321,4 +507,5 @@ interface AccountIdenticonProps {
321
507
  }
322
508
  declare const AccountIdenticon: ({ hex, size }: AccountIdenticonProps) => react_jsx_runtime.JSX.Element;
323
509
 
324
- export { AccountIdenticon, AccountMenuItem, type AccountMenuItemProps, type BadgeBackgroundColor, type BadgeProps, BannerLink, type BuildThemeProps, BuyCSPRMenuItem, CURRENCY, CUSTOM, CanvasContainer, ClickModal, ClickProvider, ClickUI, CopyHashMenuItem, CsprClickThemes, type Currency, type CurrencySettings, CurrencyType, type CustomTopBarMenuItem, type CustomTopBarMenuSettings, DefaultThemes, LANGUAGE, Lang, type LanguageSettings, MODAL_ACTIONS, NETWORK, type Network, type NetworkSettings, OneClickSignInInner, type Options, type Provider, SignIn, type SignInSceneProps, ThemeModeType, TopBar, type TopBarSettings, ViewAccountOnExplorerMenuItem, buildTheme, clickStyleguide, useClickBadge, useClickRef };
510
+ export { AccountCardMenuItem, AccountIdenticon, AccountMenuItem, BannerLink, BuyCSPRMenuItem, CURRENCY, CUSTOM, CanvasContainer, ClickModal, ClickProvider, ClickUI, CopyHashMenuItem, CsprClickThemes, CurrencyType, DefaultThemes, LANGUAGE, Lang, MODAL_ACTIONS, NETWORK, OneClickSignInInner, SignIn, ThemeModeType, TopBar, ViewAccountOnExplorerMenuItem, buildTheme, clickStyleguide, useClickBadge, useClickRef };
511
+ export type { AccountMenuItemProps, BadgeBackgroundColor, BadgeProps, BuildThemeProps, Currency, CurrencySettings, CustomTopBarMenuItem, CustomTopBarMenuSettings, LanguageSettings, Network, NetworkSettings, Options, Provider, SignInSceneProps, TopBarSettings };
package/dist/lib/assets/icons/ic-csprlive.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M8.44043 15.9863C8.29459 15.9942 8.14781 16 8 16C4.25696 16 1.11533 13.4291 0.242188 9.95703H7.83008L7.85547 9.89453L10.166 4.27734L8.44043 15.9863Z" fill="#FF0012"/>
3
+ <path d="M15.7578 9.95703C15.0602 12.7313 12.9139 14.9274 10.1699 15.6992L13.332 9.95703H15.7578Z" fill="#FF0012"/>
4
+ <path d="M11.9473 1.04199C14.3671 2.41769 16 5.0175 16 8C16 8.22434 15.9888 8.44635 15.9707 8.66602H12.5693L12.541 8.71777L10.1865 12.9902L11.9473 1.04199Z" fill="#FF0012"/>
5
+ <path d="M8 0C8.82946 0 9.6295 0.126045 10.3818 0.360352L6.96484 8.66602H0.0292969C0.0111886 8.44635 0 8.22434 0 8C0 3.58172 3.58172 0 8 0Z" fill="#FF0012"/>
6
+ </svg>