@lidofinance/ui-primitives 0.23.0 → 0.25.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.
package/dist/index.cjs CHANGED
@@ -35,18 +35,17 @@ $parcel$export($829e9b0c5c7aff2f$exports, "WalletCard", function () { return $82
35
35
 
36
36
 
37
37
 
38
- let $e59ee56775ea31d8$var$_ = (t)=>t, $e59ee56775ea31d8$var$t;
39
- const $e59ee56775ea31d8$export$fe8257908279ce23 = (0, ($parcel$interopDefault($41D0Z$styledcomponents)))((0, $41D0Z$lidofinancelidoui.Block))($e59ee56775ea31d8$var$t || ($e59ee56775ea31d8$var$t = $e59ee56775ea31d8$var$_`
38
+ const $e59ee56775ea31d8$export$fe8257908279ce23 = (0, ($parcel$interopDefault($41D0Z$styledcomponents)))((0, $41D0Z$lidofinancelidoui.Block))`
40
39
  border-bottom-left-radius: 0;
41
40
  border-bottom-right-radius: 0;
42
41
 
43
- margin-bottom: ${0}px;
44
- padding-bottom: ${0}px;
42
+ margin-bottom: ${({ theme: theme })=>-theme.borderRadiusesMap.xl}px;
43
+ padding-bottom: ${({ theme: theme })=>theme.borderRadiusesMap.xl + theme.spaceMap.xxl}px;
45
44
 
46
- ${0} {
47
- padding-bottom: ${0}px;
45
+ ${({ theme: theme })=>theme.mediaQueries.md} {
46
+ padding-bottom: ${({ theme: theme })=>theme.borderRadiusesMap.xl + theme.spaceMap.lg}px;
48
47
  }
49
- `), ({ theme: theme })=>-theme.borderRadiusesMap.xl, ({ theme: theme })=>theme.borderRadiusesMap.xl + theme.spaceMap.xxl, ({ theme: theme })=>theme.mediaQueries.md, ({ theme: theme })=>theme.borderRadiusesMap.xl + theme.spaceMap.lg);
48
+ `;
50
49
 
51
50
 
52
51
  const $829e9b0c5c7aff2f$export$fa10365278598d8a = (props)=>{
@@ -68,8 +67,7 @@ $parcel$export($ff73dbbcec53aa22$exports, "WalletCardAccount", function () { ret
68
67
 
69
68
 
70
69
 
71
- let $e071e57fc1f1505d$var$_ = (t)=>t, $e071e57fc1f1505d$var$t;
72
- const $e071e57fc1f1505d$export$125159fec6480082 = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div($e071e57fc1f1505d$var$t || ($e071e57fc1f1505d$var$t = $e071e57fc1f1505d$var$_`
70
+ const $e071e57fc1f1505d$export$125159fec6480082 = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div`
73
71
  align-self: stretch;
74
72
  display: flex;
75
73
  flex-basis: 50%;
@@ -83,7 +81,7 @@ const $e071e57fc1f1505d$export$125159fec6480082 = (0, ($parcel$interopDefault($4
83
81
  & > * {
84
82
  cursor: pointer;
85
83
  }
86
- `));
84
+ `;
87
85
 
88
86
 
89
87
  const $ff73dbbcec53aa22$export$36be84b4aed0dcaa = (props)=>{
@@ -95,7 +93,7 @@ const $ff73dbbcec53aa22$export$36be84b4aed0dcaa = (props)=>{
95
93
  return /*#__PURE__*/ (0, $41D0Z$reactjsxruntime.jsx)((0, $e071e57fc1f1505d$export$125159fec6480082), {
96
94
  ...rest,
97
95
  children: /*#__PURE__*/ (0, $41D0Z$reactjsxruntime.jsx)((0, $41D0Z$lidofinancelidoui.IdenticonBadge), {
98
- address: account !== null && account !== void 0 ? account : "",
96
+ address: account ?? "",
99
97
  symbols: symbols,
100
98
  onClick: onClickCb,
101
99
  color: "accent"
@@ -115,35 +113,34 @@ $parcel$export($dc56f960f8e379a3$exports, "WalletCardBalance", function () { ret
115
113
 
116
114
 
117
115
 
118
- let $1eacde4e26b66524$var$_ = (t)=>t, $1eacde4e26b66524$var$t, $1eacde4e26b66524$var$t1, $1eacde4e26b66524$var$t2, $1eacde4e26b66524$var$t3, $1eacde4e26b66524$var$t4;
119
- const $1eacde4e26b66524$export$2d1cff8340d03905 = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div($1eacde4e26b66524$var$t || ($1eacde4e26b66524$var$t = $1eacde4e26b66524$var$_`
116
+ const $1eacde4e26b66524$export$2d1cff8340d03905 = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div`
120
117
  margin-right: 18px;
121
118
  flex-basis: 50%;
122
119
  flex-grow: 1;
123
- font-size: ${0}px;
120
+ font-size: ${({ theme: theme })=>theme.fontSizesMap.xxs}px;
124
121
  line-height: 1.6em;
125
122
 
126
123
  :last-child {
127
124
  margin-right: 0;
128
125
  }
129
- `), ({ theme: theme })=>theme.fontSizesMap.xxs);
130
- const $1eacde4e26b66524$export$e4ca13e82989524a = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div($1eacde4e26b66524$var$t1 || ($1eacde4e26b66524$var$t1 = $1eacde4e26b66524$var$_``));
131
- const $1eacde4e26b66524$export$623cde957a5a324e = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div($1eacde4e26b66524$var$t2 || ($1eacde4e26b66524$var$t2 = $1eacde4e26b66524$var$_`
126
+ `;
127
+ const $1eacde4e26b66524$export$e4ca13e82989524a = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div``;
128
+ const $1eacde4e26b66524$export$623cde957a5a324e = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div`
132
129
  margin-top: 2px;
133
- font-size: ${0}px;
130
+ font-size: ${({ theme: theme , $small: $small })=>$small ? theme.fontSizesMap.sm : theme.fontSizesMap.md}px;
134
131
  line-height: 1.4em;
135
132
  font-weight: 800;
136
133
  white-space: nowrap;
137
- `), ({ theme: theme , $small: $small })=>$small ? theme.fontSizesMap.sm : theme.fontSizesMap.md);
138
- const $1eacde4e26b66524$export$ed3240b66ab7bcea = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div($1eacde4e26b66524$var$t3 || ($1eacde4e26b66524$var$t3 = $1eacde4e26b66524$var$_`
134
+ `;
135
+ const $1eacde4e26b66524$export$ed3240b66ab7bcea = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div`
139
136
  margin-top: 2px;
140
137
  opacity: 0.5;
141
- `));
142
- const $1eacde4e26b66524$export$8dce4e443c8afd41 = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div($1eacde4e26b66524$var$t4 || ($1eacde4e26b66524$var$t4 = $1eacde4e26b66524$var$_`
138
+ `;
139
+ const $1eacde4e26b66524$export$8dce4e443c8afd41 = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div`
143
140
  margin-top: 8px;
144
- opacity: ${0};
145
- pointer-events: ${0};
146
- `), ({ $hidden: $hidden })=>$hidden ? 0 : 1, ({ $hidden: $hidden })=>$hidden ? "none" : "auto");
141
+ opacity: ${({ $hidden: $hidden })=>$hidden ? 0 : 1};
142
+ pointer-events: ${({ $hidden: $hidden })=>$hidden ? "none" : "auto"};
143
+ `;
147
144
 
148
145
 
149
146
  const $dc56f960f8e379a3$export$976f47e15d5defb0 = (props)=>{
@@ -180,10 +177,9 @@ var $16311673d4ed5791$exports = {};
180
177
 
181
178
  $parcel$export($16311673d4ed5791$exports, "WalletCardRow", function () { return $16311673d4ed5791$export$7d0c76f6a0418e11; });
182
179
 
183
- let $e0c76ff559ce91ed$var$_ = (t)=>t, $e0c76ff559ce91ed$var$t;
184
- const $e0c76ff559ce91ed$export$d700fd35c768af1d = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div($e0c76ff559ce91ed$var$t || ($e0c76ff559ce91ed$var$t = $e0c76ff559ce91ed$var$_`
180
+ const $e0c76ff559ce91ed$export$d700fd35c768af1d = (0, ($parcel$interopDefault($41D0Z$styledcomponents))).div`
185
181
  display: flex;
186
- margin: ${0}px 0;
182
+ margin: ${({ theme: theme })=>theme.spaceMap.lg}px 0;
187
183
 
188
184
  &:first-child {
189
185
  margin-top: 0;
@@ -192,7 +188,7 @@ const $e0c76ff559ce91ed$export$d700fd35c768af1d = (0, ($parcel$interopDefault($4
192
188
  &:last-child {
193
189
  margin-bottom: 0;
194
190
  }
195
- `), ({ theme: theme })=>theme.spaceMap.lg);
191
+ `;
196
192
 
197
193
 
198
194
  const $16311673d4ed5791$export$7d0c76f6a0418e11 = (0, $e0c76ff559ce91ed$export$d700fd35c768af1d);
@@ -209,12 +205,11 @@ $parcel$export($35ce4da3f038e635$exports, "WalletFallback", function () { return
209
205
 
210
206
 
211
207
 
212
- let $221726d8ec45542f$var$_ = (t)=>t, $221726d8ec45542f$var$t;
213
- const $221726d8ec45542f$export$37593eea88cd94ab = (0, ($parcel$interopDefault($41D0Z$styledcomponents)))((0, $829e9b0c5c7aff2f$export$fa10365278598d8a))($221726d8ec45542f$var$t || ($221726d8ec45542f$var$t = $221726d8ec45542f$var$_`
208
+ const $221726d8ec45542f$export$37593eea88cd94ab = (0, ($parcel$interopDefault($41D0Z$styledcomponents)))((0, $829e9b0c5c7aff2f$export$fa10365278598d8a))`
214
209
  text-align: center;
215
210
  background: var(--lido-color-error);
216
211
  background-image: none !important;
217
- `));
212
+ `;
218
213
 
219
214
 
220
215
  const $35ce4da3f038e635$export$db542de45b23291e = ({ error: error , ...rest })=>{
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/ui/primitives/src/index.ts","packages/ui/primitives/src/components/index.ts","packages/ui/primitives/src/components/wallet/index.ts","packages/ui/primitives/src/components/wallet/walletCard/index.ts","packages/ui/primitives/src/components/wallet/walletCard/walletCard.tsx","packages/ui/primitives/src/components/wallet/walletCard/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardAccount/index.ts","packages/ui/primitives/src/components/wallet/walletCardAccount/walletCardAccount.tsx","packages/ui/primitives/src/components/wallet/walletCardAccount/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardBalance/index.ts","packages/ui/primitives/src/components/wallet/walletCardBalance/walletCardBalance.tsx","packages/ui/primitives/src/components/wallet/walletCardBalance/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardRow/index.ts","packages/ui/primitives/src/components/wallet/walletCardRow/walletCardRow.tsx","packages/ui/primitives/src/components/wallet/walletCardRow/styles.tsx","packages/ui/primitives/src/components/wallet/walletFallback/index.ts","packages/ui/primitives/src/components/wallet/walletFallback/walletFallback.tsx","packages/ui/primitives/src/components/wallet/walletFallback/styles.tsx"],"sourcesContent":["export * from './components'\n","export * from './wallet'\n","export * from './walletCard'\nexport * from './walletCardAccount'\nexport * from './walletCardBalance'\nexport * from './walletCardRow'\nexport * from './walletFallback'\n","export * from './walletCard'\n","import React, { FC } from 'react'\nimport { BlockProps } from '@lidofinance/lido-ui'\nimport { WalletCardStyle } from './styles'\n\nexport type WalletCardComponent = FC<BlockProps>\n\nexport const WalletCard: WalletCardComponent = (props) => {\n return <WalletCardStyle color=\"accent\" {...props} />\n}\n","import styled from 'styled-components'\nimport { Block } from '@lidofinance/lido-ui'\n\nexport const WalletCardStyle = styled(Block)`\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n margin-bottom: ${({ theme }) => -theme.borderRadiusesMap.xl}px;\n padding-bottom: ${({ theme }) => theme.borderRadiusesMap.xl + theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding-bottom: ${({ theme }) => theme.borderRadiusesMap.xl + theme.spaceMap.lg}px;\n }\n`\n","export * from './walletCardAccount'\n","import React, { FC } from 'react'\nimport { LidoComponentProps, IdenticonBadge, useBreakpoint } from '@lidofinance/lido-ui'\n\nimport { WalletCardAccountStyle } from './styles'\n\nexport type WalletCardAccountType = FC<\n LidoComponentProps<\n 'div',\n {\n account?: string | null\n onClickCb: (T: unknown) => unknown\n }\n >\n>\n\nexport const WalletCardAccount: WalletCardAccountType = (props) => {\n const { account, onClickCb, ...rest } = props\n\n const isMobile = useBreakpoint('md')\n const mobileSymbols = 3\n const desktopSymbols = 6\n const symbols = isMobile ? mobileSymbols : desktopSymbols\n\n return (\n <WalletCardAccountStyle {...rest}>\n <IdenticonBadge address={account ?? ''} symbols={symbols} onClick={onClickCb} color=\"accent\" />\n </WalletCardAccountStyle>\n )\n}\n","import styled from 'styled-components'\n\nexport const WalletCardAccountStyle = styled.div`\n align-self: stretch;\n display: flex;\n flex-basis: 50%;\n flex-grow: 1;\n flex-shrink: 1;\n overflow: hidden;\n align-items: center;\n justify-content: flex-end;\n margin-left: auto;\n\n & > * {\n cursor: pointer;\n }\n`\n","export * from './walletCardBalance'\n","import React, { FC, PropsWithChildren } from 'react'\nimport { LidoComponentProps, InlineLoader } from '@lidofinance/lido-ui'\n\nimport {\n WalletCardBalanceStyle,\n WalletCardTitleStyle,\n WalletCardValueStyle,\n WalletCardExtraStyle,\n WalletCardContentStyle,\n} from './styles'\n\nexport type WalletCardBalanceType = FC<\n PropsWithChildren<\n LidoComponentProps<\n 'div',\n {\n title: React.ReactNode\n value: React.ReactNode\n small?: boolean\n loading?: boolean\n extra?: React.ReactNode\n }\n >\n >\n>\n\nexport const WalletCardBalance: WalletCardBalanceType = (props) => {\n const { title, small = false, extra, loading = false, children, value, ...rest } = props\n\n const hasExtra = extra != null\n const hasChildren = children != null\n\n return (\n <WalletCardBalanceStyle {...rest}>\n <WalletCardTitleStyle>{title}</WalletCardTitleStyle>\n <WalletCardValueStyle $small={small}>{loading ? <InlineLoader /> : value}</WalletCardValueStyle>\n {hasExtra && <WalletCardExtraStyle>{loading ? <InlineLoader /> : extra}</WalletCardExtraStyle>}\n {hasChildren && <WalletCardContentStyle $hidden={loading}>{children}</WalletCardContentStyle>}\n </WalletCardBalanceStyle>\n )\n}\n","import styled from 'styled-components'\n\nexport const WalletCardBalanceStyle = styled.div`\n margin-right: 18px;\n flex-basis: 50%;\n flex-grow: 1;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n :last-child {\n margin-right: 0;\n }\n`\n\nexport const WalletCardTitleStyle = styled.div``\n\nexport const WalletCardValueStyle = styled.div<{ $small: boolean }>`\n margin-top: 2px;\n font-size: ${({ theme, $small }) => ($small ? theme.fontSizesMap.sm : theme.fontSizesMap.md)}px;\n line-height: 1.4em;\n font-weight: 800;\n white-space: nowrap;\n`\n\nexport const WalletCardExtraStyle = styled.div`\n margin-top: 2px;\n opacity: 0.5;\n`\n\nexport const WalletCardContentStyle = styled.div<{ $hidden: boolean }>`\n margin-top: 8px;\n opacity: ${({ $hidden }) => ($hidden ? 0 : 1)};\n pointer-events: ${({ $hidden }) => ($hidden ? 'none' : 'auto')};\n`\n","export * from './walletCardRow'\n","import { WalletCardRowStyle } from './styles'\n\nexport const WalletCardRow = WalletCardRowStyle\n","import styled from 'styled-components'\n\nexport const WalletCardRowStyle = styled.div`\n display: flex;\n margin: ${({ theme }) => theme.spaceMap.lg}px 0;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n`\n","export * from './walletFallback'\n","import React, { FC } from 'react'\nimport { BlockProps } from '@lidofinance/lido-ui'\nimport { FallbackWalletStyle } from './styles'\n\nexport type FallbackWalletComponent = FC<\n BlockProps & {\n error: string\n }\n>\n\nexport const WalletFallback: FallbackWalletComponent = ({ error, ...rest }) => {\n if (error) {\n return <FallbackWalletStyle {...rest}>{error}</FallbackWalletStyle>\n }\n\n return null\n}\n","import styled from 'styled-components'\n\nimport { WalletCard } from '../walletCard'\n\nexport const FallbackWalletStyle = styled(WalletCard)`\n text-align: center;\n background: var(--lido-color-error);\n background-image: none !important;\n`\n"],"names":[],"version":3,"file":"index.cjs.map"}
1
+ {"mappings":"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","sources":["packages/ui/primitives/src/index.ts","packages/ui/primitives/src/components/index.ts","packages/ui/primitives/src/components/wallet/index.ts","packages/ui/primitives/src/components/wallet/walletCard/index.ts","packages/ui/primitives/src/components/wallet/walletCard/walletCard.tsx","packages/ui/primitives/src/components/wallet/walletCard/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardAccount/index.ts","packages/ui/primitives/src/components/wallet/walletCardAccount/walletCardAccount.tsx","packages/ui/primitives/src/components/wallet/walletCardAccount/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardBalance/index.ts","packages/ui/primitives/src/components/wallet/walletCardBalance/walletCardBalance.tsx","packages/ui/primitives/src/components/wallet/walletCardBalance/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardRow/index.ts","packages/ui/primitives/src/components/wallet/walletCardRow/walletCardRow.tsx","packages/ui/primitives/src/components/wallet/walletCardRow/styles.tsx","packages/ui/primitives/src/components/wallet/walletFallback/index.ts","packages/ui/primitives/src/components/wallet/walletFallback/walletFallback.tsx","packages/ui/primitives/src/components/wallet/walletFallback/styles.tsx"],"sourcesContent":["export * from './components'\n","export * from './wallet'\n","export * from './walletCard'\nexport * from './walletCardAccount'\nexport * from './walletCardBalance'\nexport * from './walletCardRow'\nexport * from './walletFallback'\n","export * from './walletCard'\n","import React, { FC } from 'react'\nimport { BlockProps } from '@lidofinance/lido-ui'\nimport { WalletCardStyle } from './styles'\n\nexport type WalletCardComponent = FC<BlockProps>\n\nexport const WalletCard: WalletCardComponent = (props) => {\n return <WalletCardStyle color=\"accent\" {...props} />\n}\n","import styled from 'styled-components'\nimport { Block } from '@lidofinance/lido-ui'\n\nexport const WalletCardStyle = styled(Block)`\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n margin-bottom: ${({ theme }) => -theme.borderRadiusesMap.xl}px;\n padding-bottom: ${({ theme }) => theme.borderRadiusesMap.xl + theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding-bottom: ${({ theme }) => theme.borderRadiusesMap.xl + theme.spaceMap.lg}px;\n }\n`\n","export * from './walletCardAccount'\n","import React, { FC } from 'react'\nimport { LidoComponentProps, IdenticonBadge, useBreakpoint } from '@lidofinance/lido-ui'\n\nimport { WalletCardAccountStyle } from './styles'\n\nexport type WalletCardAccountType = FC<\n LidoComponentProps<\n 'div',\n {\n account?: string | null\n onClickCb: (T: unknown) => unknown\n }\n >\n>\n\nexport const WalletCardAccount: WalletCardAccountType = (props) => {\n const { account, onClickCb, ...rest } = props\n\n const isMobile = useBreakpoint('md')\n const mobileSymbols = 3\n const desktopSymbols = 6\n const symbols = isMobile ? mobileSymbols : desktopSymbols\n\n return (\n <WalletCardAccountStyle {...rest}>\n <IdenticonBadge address={account ?? ''} symbols={symbols} onClick={onClickCb} color=\"accent\" />\n </WalletCardAccountStyle>\n )\n}\n","import styled from 'styled-components'\n\nexport const WalletCardAccountStyle = styled.div`\n align-self: stretch;\n display: flex;\n flex-basis: 50%;\n flex-grow: 1;\n flex-shrink: 1;\n overflow: hidden;\n align-items: center;\n justify-content: flex-end;\n margin-left: auto;\n\n & > * {\n cursor: pointer;\n }\n`\n","export * from './walletCardBalance'\n","import React, { FC, PropsWithChildren } from 'react'\nimport { LidoComponentProps, InlineLoader } from '@lidofinance/lido-ui'\n\nimport {\n WalletCardBalanceStyle,\n WalletCardTitleStyle,\n WalletCardValueStyle,\n WalletCardExtraStyle,\n WalletCardContentStyle,\n} from './styles'\n\nexport type WalletCardBalanceType = FC<\n PropsWithChildren<\n LidoComponentProps<\n 'div',\n {\n title: React.ReactNode\n value: React.ReactNode\n small?: boolean\n loading?: boolean\n extra?: React.ReactNode\n }\n >\n >\n>\n\nexport const WalletCardBalance: WalletCardBalanceType = (props) => {\n const { title, small = false, extra, loading = false, children, value, ...rest } = props\n\n const hasExtra = extra != null\n const hasChildren = children != null\n\n return (\n <WalletCardBalanceStyle {...rest}>\n <WalletCardTitleStyle>{title}</WalletCardTitleStyle>\n <WalletCardValueStyle $small={small}>{loading ? <InlineLoader /> : value}</WalletCardValueStyle>\n {hasExtra && <WalletCardExtraStyle>{loading ? <InlineLoader /> : extra}</WalletCardExtraStyle>}\n {hasChildren && <WalletCardContentStyle $hidden={loading}>{children}</WalletCardContentStyle>}\n </WalletCardBalanceStyle>\n )\n}\n","import styled from 'styled-components'\n\nexport const WalletCardBalanceStyle = styled.div`\n margin-right: 18px;\n flex-basis: 50%;\n flex-grow: 1;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n :last-child {\n margin-right: 0;\n }\n`\n\nexport const WalletCardTitleStyle = styled.div``\n\nexport const WalletCardValueStyle = styled.div<{ $small: boolean }>`\n margin-top: 2px;\n font-size: ${({ theme, $small }) => ($small ? theme.fontSizesMap.sm : theme.fontSizesMap.md)}px;\n line-height: 1.4em;\n font-weight: 800;\n white-space: nowrap;\n`\n\nexport const WalletCardExtraStyle = styled.div`\n margin-top: 2px;\n opacity: 0.5;\n`\n\nexport const WalletCardContentStyle = styled.div<{ $hidden: boolean }>`\n margin-top: 8px;\n opacity: ${({ $hidden }) => ($hidden ? 0 : 1)};\n pointer-events: ${({ $hidden }) => ($hidden ? 'none' : 'auto')};\n`\n","export * from './walletCardRow'\n","import { WalletCardRowStyle } from './styles'\n\nexport const WalletCardRow = WalletCardRowStyle\n","import styled from 'styled-components'\n\nexport const WalletCardRowStyle = styled.div`\n display: flex;\n margin: ${({ theme }) => theme.spaceMap.lg}px 0;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n`\n","export * from './walletFallback'\n","import React, { FC } from 'react'\nimport { BlockProps } from '@lidofinance/lido-ui'\nimport { FallbackWalletStyle } from './styles'\n\nexport type FallbackWalletComponent = FC<\n BlockProps & {\n error: string\n }\n>\n\nexport const WalletFallback: FallbackWalletComponent = ({ error, ...rest }) => {\n if (error) {\n return <FallbackWalletStyle {...rest}>{error}</FallbackWalletStyle>\n }\n\n return null\n}\n","import styled from 'styled-components'\n\nimport { WalletCard } from '../walletCard'\n\nexport const FallbackWalletStyle = styled(WalletCard)`\n text-align: center;\n background: var(--lido-color-error);\n background-image: none !important;\n`\n"],"names":[],"version":3,"file":"index.cjs.map"}
package/dist/index.mjs CHANGED
@@ -32,18 +32,17 @@ $parcel$export($14bfac055f2980c0$exports, "WalletCard", function () { return $14
32
32
 
33
33
 
34
34
 
35
- let $cca444b4a3633fd1$var$_ = (t)=>t, $cca444b4a3633fd1$var$t;
36
- const $cca444b4a3633fd1$export$fe8257908279ce23 = (0, $9LU3C$styledcomponents)((0, $9LU3C$Block))($cca444b4a3633fd1$var$t || ($cca444b4a3633fd1$var$t = $cca444b4a3633fd1$var$_`
35
+ const $cca444b4a3633fd1$export$fe8257908279ce23 = (0, $9LU3C$styledcomponents)((0, $9LU3C$Block))`
37
36
  border-bottom-left-radius: 0;
38
37
  border-bottom-right-radius: 0;
39
38
 
40
- margin-bottom: ${0}px;
41
- padding-bottom: ${0}px;
39
+ margin-bottom: ${({ theme: theme })=>-theme.borderRadiusesMap.xl}px;
40
+ padding-bottom: ${({ theme: theme })=>theme.borderRadiusesMap.xl + theme.spaceMap.xxl}px;
42
41
 
43
- ${0} {
44
- padding-bottom: ${0}px;
42
+ ${({ theme: theme })=>theme.mediaQueries.md} {
43
+ padding-bottom: ${({ theme: theme })=>theme.borderRadiusesMap.xl + theme.spaceMap.lg}px;
45
44
  }
46
- `), ({ theme: theme })=>-theme.borderRadiusesMap.xl, ({ theme: theme })=>theme.borderRadiusesMap.xl + theme.spaceMap.xxl, ({ theme: theme })=>theme.mediaQueries.md, ({ theme: theme })=>theme.borderRadiusesMap.xl + theme.spaceMap.lg);
45
+ `;
47
46
 
48
47
 
49
48
  const $14bfac055f2980c0$export$fa10365278598d8a = (props)=>{
@@ -65,8 +64,7 @@ $parcel$export($24f5534c5a2a2725$exports, "WalletCardAccount", function () { ret
65
64
 
66
65
 
67
66
 
68
- let $0fb84f8a31124cdc$var$_ = (t)=>t, $0fb84f8a31124cdc$var$t;
69
- const $0fb84f8a31124cdc$export$125159fec6480082 = (0, $9LU3C$styledcomponents).div($0fb84f8a31124cdc$var$t || ($0fb84f8a31124cdc$var$t = $0fb84f8a31124cdc$var$_`
67
+ const $0fb84f8a31124cdc$export$125159fec6480082 = (0, $9LU3C$styledcomponents).div`
70
68
  align-self: stretch;
71
69
  display: flex;
72
70
  flex-basis: 50%;
@@ -80,7 +78,7 @@ const $0fb84f8a31124cdc$export$125159fec6480082 = (0, $9LU3C$styledcomponents).d
80
78
  & > * {
81
79
  cursor: pointer;
82
80
  }
83
- `));
81
+ `;
84
82
 
85
83
 
86
84
  const $24f5534c5a2a2725$export$36be84b4aed0dcaa = (props)=>{
@@ -92,7 +90,7 @@ const $24f5534c5a2a2725$export$36be84b4aed0dcaa = (props)=>{
92
90
  return /*#__PURE__*/ (0, $9LU3C$jsx)((0, $0fb84f8a31124cdc$export$125159fec6480082), {
93
91
  ...rest,
94
92
  children: /*#__PURE__*/ (0, $9LU3C$jsx)((0, $9LU3C$IdenticonBadge), {
95
- address: account !== null && account !== void 0 ? account : "",
93
+ address: account ?? "",
96
94
  symbols: symbols,
97
95
  onClick: onClickCb,
98
96
  color: "accent"
@@ -112,35 +110,34 @@ $parcel$export($f979852e26257adb$exports, "WalletCardBalance", function () { ret
112
110
 
113
111
 
114
112
 
115
- let $ca8b781e1b38cbcc$var$_ = (t)=>t, $ca8b781e1b38cbcc$var$t, $ca8b781e1b38cbcc$var$t1, $ca8b781e1b38cbcc$var$t2, $ca8b781e1b38cbcc$var$t3, $ca8b781e1b38cbcc$var$t4;
116
- const $ca8b781e1b38cbcc$export$2d1cff8340d03905 = (0, $9LU3C$styledcomponents).div($ca8b781e1b38cbcc$var$t || ($ca8b781e1b38cbcc$var$t = $ca8b781e1b38cbcc$var$_`
113
+ const $ca8b781e1b38cbcc$export$2d1cff8340d03905 = (0, $9LU3C$styledcomponents).div`
117
114
  margin-right: 18px;
118
115
  flex-basis: 50%;
119
116
  flex-grow: 1;
120
- font-size: ${0}px;
117
+ font-size: ${({ theme: theme })=>theme.fontSizesMap.xxs}px;
121
118
  line-height: 1.6em;
122
119
 
123
120
  :last-child {
124
121
  margin-right: 0;
125
122
  }
126
- `), ({ theme: theme })=>theme.fontSizesMap.xxs);
127
- const $ca8b781e1b38cbcc$export$e4ca13e82989524a = (0, $9LU3C$styledcomponents).div($ca8b781e1b38cbcc$var$t1 || ($ca8b781e1b38cbcc$var$t1 = $ca8b781e1b38cbcc$var$_``));
128
- const $ca8b781e1b38cbcc$export$623cde957a5a324e = (0, $9LU3C$styledcomponents).div($ca8b781e1b38cbcc$var$t2 || ($ca8b781e1b38cbcc$var$t2 = $ca8b781e1b38cbcc$var$_`
123
+ `;
124
+ const $ca8b781e1b38cbcc$export$e4ca13e82989524a = (0, $9LU3C$styledcomponents).div``;
125
+ const $ca8b781e1b38cbcc$export$623cde957a5a324e = (0, $9LU3C$styledcomponents).div`
129
126
  margin-top: 2px;
130
- font-size: ${0}px;
127
+ font-size: ${({ theme: theme , $small: $small })=>$small ? theme.fontSizesMap.sm : theme.fontSizesMap.md}px;
131
128
  line-height: 1.4em;
132
129
  font-weight: 800;
133
130
  white-space: nowrap;
134
- `), ({ theme: theme , $small: $small })=>$small ? theme.fontSizesMap.sm : theme.fontSizesMap.md);
135
- const $ca8b781e1b38cbcc$export$ed3240b66ab7bcea = (0, $9LU3C$styledcomponents).div($ca8b781e1b38cbcc$var$t3 || ($ca8b781e1b38cbcc$var$t3 = $ca8b781e1b38cbcc$var$_`
131
+ `;
132
+ const $ca8b781e1b38cbcc$export$ed3240b66ab7bcea = (0, $9LU3C$styledcomponents).div`
136
133
  margin-top: 2px;
137
134
  opacity: 0.5;
138
- `));
139
- const $ca8b781e1b38cbcc$export$8dce4e443c8afd41 = (0, $9LU3C$styledcomponents).div($ca8b781e1b38cbcc$var$t4 || ($ca8b781e1b38cbcc$var$t4 = $ca8b781e1b38cbcc$var$_`
135
+ `;
136
+ const $ca8b781e1b38cbcc$export$8dce4e443c8afd41 = (0, $9LU3C$styledcomponents).div`
140
137
  margin-top: 8px;
141
- opacity: ${0};
142
- pointer-events: ${0};
143
- `), ({ $hidden: $hidden })=>$hidden ? 0 : 1, ({ $hidden: $hidden })=>$hidden ? "none" : "auto");
138
+ opacity: ${({ $hidden: $hidden })=>$hidden ? 0 : 1};
139
+ pointer-events: ${({ $hidden: $hidden })=>$hidden ? "none" : "auto"};
140
+ `;
144
141
 
145
142
 
146
143
  const $f979852e26257adb$export$976f47e15d5defb0 = (props)=>{
@@ -177,10 +174,9 @@ var $85abde3fc4d2318a$exports = {};
177
174
 
178
175
  $parcel$export($85abde3fc4d2318a$exports, "WalletCardRow", function () { return $85abde3fc4d2318a$export$7d0c76f6a0418e11; });
179
176
 
180
- let $850e0b5661e19f5b$var$_ = (t)=>t, $850e0b5661e19f5b$var$t;
181
- const $850e0b5661e19f5b$export$d700fd35c768af1d = (0, $9LU3C$styledcomponents).div($850e0b5661e19f5b$var$t || ($850e0b5661e19f5b$var$t = $850e0b5661e19f5b$var$_`
177
+ const $850e0b5661e19f5b$export$d700fd35c768af1d = (0, $9LU3C$styledcomponents).div`
182
178
  display: flex;
183
- margin: ${0}px 0;
179
+ margin: ${({ theme: theme })=>theme.spaceMap.lg}px 0;
184
180
 
185
181
  &:first-child {
186
182
  margin-top: 0;
@@ -189,7 +185,7 @@ const $850e0b5661e19f5b$export$d700fd35c768af1d = (0, $9LU3C$styledcomponents).d
189
185
  &:last-child {
190
186
  margin-bottom: 0;
191
187
  }
192
- `), ({ theme: theme })=>theme.spaceMap.lg);
188
+ `;
193
189
 
194
190
 
195
191
  const $85abde3fc4d2318a$export$7d0c76f6a0418e11 = (0, $850e0b5661e19f5b$export$d700fd35c768af1d);
@@ -206,12 +202,11 @@ $parcel$export($69868d219c84490b$exports, "WalletFallback", function () { return
206
202
 
207
203
 
208
204
 
209
- let $bf0a356b24b10b1a$var$_ = (t)=>t, $bf0a356b24b10b1a$var$t;
210
- const $bf0a356b24b10b1a$export$37593eea88cd94ab = (0, $9LU3C$styledcomponents)((0, $14bfac055f2980c0$export$fa10365278598d8a))($bf0a356b24b10b1a$var$t || ($bf0a356b24b10b1a$var$t = $bf0a356b24b10b1a$var$_`
205
+ const $bf0a356b24b10b1a$export$37593eea88cd94ab = (0, $9LU3C$styledcomponents)((0, $14bfac055f2980c0$export$fa10365278598d8a))`
211
206
  text-align: center;
212
207
  background: var(--lido-color-error);
213
208
  background-image: none !important;
214
- `));
209
+ `;
215
210
 
216
211
 
217
212
  const $69868d219c84490b$export$db542de45b23291e = ({ error: error , ...rest })=>{
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/ui/primitives/src/index.ts","packages/ui/primitives/src/components/index.ts","packages/ui/primitives/src/components/wallet/index.ts","packages/ui/primitives/src/components/wallet/walletCard/index.ts","packages/ui/primitives/src/components/wallet/walletCard/walletCard.tsx","packages/ui/primitives/src/components/wallet/walletCard/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardAccount/index.ts","packages/ui/primitives/src/components/wallet/walletCardAccount/walletCardAccount.tsx","packages/ui/primitives/src/components/wallet/walletCardAccount/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardBalance/index.ts","packages/ui/primitives/src/components/wallet/walletCardBalance/walletCardBalance.tsx","packages/ui/primitives/src/components/wallet/walletCardBalance/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardRow/index.ts","packages/ui/primitives/src/components/wallet/walletCardRow/walletCardRow.tsx","packages/ui/primitives/src/components/wallet/walletCardRow/styles.tsx","packages/ui/primitives/src/components/wallet/walletFallback/index.ts","packages/ui/primitives/src/components/wallet/walletFallback/walletFallback.tsx","packages/ui/primitives/src/components/wallet/walletFallback/styles.tsx"],"sourcesContent":["export * from './components'\n","export * from './wallet'\n","export * from './walletCard'\nexport * from './walletCardAccount'\nexport * from './walletCardBalance'\nexport * from './walletCardRow'\nexport * from './walletFallback'\n","export * from './walletCard'\n","import React, { FC } from 'react'\nimport { BlockProps } from '@lidofinance/lido-ui'\nimport { WalletCardStyle } from './styles'\n\nexport type WalletCardComponent = FC<BlockProps>\n\nexport const WalletCard: WalletCardComponent = (props) => {\n return <WalletCardStyle color=\"accent\" {...props} />\n}\n","import styled from 'styled-components'\nimport { Block } from '@lidofinance/lido-ui'\n\nexport const WalletCardStyle = styled(Block)`\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n margin-bottom: ${({ theme }) => -theme.borderRadiusesMap.xl}px;\n padding-bottom: ${({ theme }) => theme.borderRadiusesMap.xl + theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding-bottom: ${({ theme }) => theme.borderRadiusesMap.xl + theme.spaceMap.lg}px;\n }\n`\n","export * from './walletCardAccount'\n","import React, { FC } from 'react'\nimport { LidoComponentProps, IdenticonBadge, useBreakpoint } from '@lidofinance/lido-ui'\n\nimport { WalletCardAccountStyle } from './styles'\n\nexport type WalletCardAccountType = FC<\n LidoComponentProps<\n 'div',\n {\n account?: string | null\n onClickCb: (T: unknown) => unknown\n }\n >\n>\n\nexport const WalletCardAccount: WalletCardAccountType = (props) => {\n const { account, onClickCb, ...rest } = props\n\n const isMobile = useBreakpoint('md')\n const mobileSymbols = 3\n const desktopSymbols = 6\n const symbols = isMobile ? mobileSymbols : desktopSymbols\n\n return (\n <WalletCardAccountStyle {...rest}>\n <IdenticonBadge address={account ?? ''} symbols={symbols} onClick={onClickCb} color=\"accent\" />\n </WalletCardAccountStyle>\n )\n}\n","import styled from 'styled-components'\n\nexport const WalletCardAccountStyle = styled.div`\n align-self: stretch;\n display: flex;\n flex-basis: 50%;\n flex-grow: 1;\n flex-shrink: 1;\n overflow: hidden;\n align-items: center;\n justify-content: flex-end;\n margin-left: auto;\n\n & > * {\n cursor: pointer;\n }\n`\n","export * from './walletCardBalance'\n","import React, { FC, PropsWithChildren } from 'react'\nimport { LidoComponentProps, InlineLoader } from '@lidofinance/lido-ui'\n\nimport {\n WalletCardBalanceStyle,\n WalletCardTitleStyle,\n WalletCardValueStyle,\n WalletCardExtraStyle,\n WalletCardContentStyle,\n} from './styles'\n\nexport type WalletCardBalanceType = FC<\n PropsWithChildren<\n LidoComponentProps<\n 'div',\n {\n title: React.ReactNode\n value: React.ReactNode\n small?: boolean\n loading?: boolean\n extra?: React.ReactNode\n }\n >\n >\n>\n\nexport const WalletCardBalance: WalletCardBalanceType = (props) => {\n const { title, small = false, extra, loading = false, children, value, ...rest } = props\n\n const hasExtra = extra != null\n const hasChildren = children != null\n\n return (\n <WalletCardBalanceStyle {...rest}>\n <WalletCardTitleStyle>{title}</WalletCardTitleStyle>\n <WalletCardValueStyle $small={small}>{loading ? <InlineLoader /> : value}</WalletCardValueStyle>\n {hasExtra && <WalletCardExtraStyle>{loading ? <InlineLoader /> : extra}</WalletCardExtraStyle>}\n {hasChildren && <WalletCardContentStyle $hidden={loading}>{children}</WalletCardContentStyle>}\n </WalletCardBalanceStyle>\n )\n}\n","import styled from 'styled-components'\n\nexport const WalletCardBalanceStyle = styled.div`\n margin-right: 18px;\n flex-basis: 50%;\n flex-grow: 1;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n :last-child {\n margin-right: 0;\n }\n`\n\nexport const WalletCardTitleStyle = styled.div``\n\nexport const WalletCardValueStyle = styled.div<{ $small: boolean }>`\n margin-top: 2px;\n font-size: ${({ theme, $small }) => ($small ? theme.fontSizesMap.sm : theme.fontSizesMap.md)}px;\n line-height: 1.4em;\n font-weight: 800;\n white-space: nowrap;\n`\n\nexport const WalletCardExtraStyle = styled.div`\n margin-top: 2px;\n opacity: 0.5;\n`\n\nexport const WalletCardContentStyle = styled.div<{ $hidden: boolean }>`\n margin-top: 8px;\n opacity: ${({ $hidden }) => ($hidden ? 0 : 1)};\n pointer-events: ${({ $hidden }) => ($hidden ? 'none' : 'auto')};\n`\n","export * from './walletCardRow'\n","import { WalletCardRowStyle } from './styles'\n\nexport const WalletCardRow = WalletCardRowStyle\n","import styled from 'styled-components'\n\nexport const WalletCardRowStyle = styled.div`\n display: flex;\n margin: ${({ theme }) => theme.spaceMap.lg}px 0;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n`\n","export * from './walletFallback'\n","import React, { FC } from 'react'\nimport { BlockProps } from '@lidofinance/lido-ui'\nimport { FallbackWalletStyle } from './styles'\n\nexport type FallbackWalletComponent = FC<\n BlockProps & {\n error: string\n }\n>\n\nexport const WalletFallback: FallbackWalletComponent = ({ error, ...rest }) => {\n if (error) {\n return <FallbackWalletStyle {...rest}>{error}</FallbackWalletStyle>\n }\n\n return null\n}\n","import styled from 'styled-components'\n\nimport { WalletCard } from '../walletCard'\n\nexport const FallbackWalletStyle = styled(WalletCard)`\n text-align: center;\n background: var(--lido-color-error);\n background-image: none !important;\n`\n"],"names":[],"version":3,"file":"index.mjs.map"}
1
+ {"mappings":"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","sources":["packages/ui/primitives/src/index.ts","packages/ui/primitives/src/components/index.ts","packages/ui/primitives/src/components/wallet/index.ts","packages/ui/primitives/src/components/wallet/walletCard/index.ts","packages/ui/primitives/src/components/wallet/walletCard/walletCard.tsx","packages/ui/primitives/src/components/wallet/walletCard/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardAccount/index.ts","packages/ui/primitives/src/components/wallet/walletCardAccount/walletCardAccount.tsx","packages/ui/primitives/src/components/wallet/walletCardAccount/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardBalance/index.ts","packages/ui/primitives/src/components/wallet/walletCardBalance/walletCardBalance.tsx","packages/ui/primitives/src/components/wallet/walletCardBalance/styles.tsx","packages/ui/primitives/src/components/wallet/walletCardRow/index.ts","packages/ui/primitives/src/components/wallet/walletCardRow/walletCardRow.tsx","packages/ui/primitives/src/components/wallet/walletCardRow/styles.tsx","packages/ui/primitives/src/components/wallet/walletFallback/index.ts","packages/ui/primitives/src/components/wallet/walletFallback/walletFallback.tsx","packages/ui/primitives/src/components/wallet/walletFallback/styles.tsx"],"sourcesContent":["export * from './components'\n","export * from './wallet'\n","export * from './walletCard'\nexport * from './walletCardAccount'\nexport * from './walletCardBalance'\nexport * from './walletCardRow'\nexport * from './walletFallback'\n","export * from './walletCard'\n","import React, { FC } from 'react'\nimport { BlockProps } from '@lidofinance/lido-ui'\nimport { WalletCardStyle } from './styles'\n\nexport type WalletCardComponent = FC<BlockProps>\n\nexport const WalletCard: WalletCardComponent = (props) => {\n return <WalletCardStyle color=\"accent\" {...props} />\n}\n","import styled from 'styled-components'\nimport { Block } from '@lidofinance/lido-ui'\n\nexport const WalletCardStyle = styled(Block)`\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n\n margin-bottom: ${({ theme }) => -theme.borderRadiusesMap.xl}px;\n padding-bottom: ${({ theme }) => theme.borderRadiusesMap.xl + theme.spaceMap.xxl}px;\n\n ${({ theme }) => theme.mediaQueries.md} {\n padding-bottom: ${({ theme }) => theme.borderRadiusesMap.xl + theme.spaceMap.lg}px;\n }\n`\n","export * from './walletCardAccount'\n","import React, { FC } from 'react'\nimport { LidoComponentProps, IdenticonBadge, useBreakpoint } from '@lidofinance/lido-ui'\n\nimport { WalletCardAccountStyle } from './styles'\n\nexport type WalletCardAccountType = FC<\n LidoComponentProps<\n 'div',\n {\n account?: string | null\n onClickCb: (T: unknown) => unknown\n }\n >\n>\n\nexport const WalletCardAccount: WalletCardAccountType = (props) => {\n const { account, onClickCb, ...rest } = props\n\n const isMobile = useBreakpoint('md')\n const mobileSymbols = 3\n const desktopSymbols = 6\n const symbols = isMobile ? mobileSymbols : desktopSymbols\n\n return (\n <WalletCardAccountStyle {...rest}>\n <IdenticonBadge address={account ?? ''} symbols={symbols} onClick={onClickCb} color=\"accent\" />\n </WalletCardAccountStyle>\n )\n}\n","import styled from 'styled-components'\n\nexport const WalletCardAccountStyle = styled.div`\n align-self: stretch;\n display: flex;\n flex-basis: 50%;\n flex-grow: 1;\n flex-shrink: 1;\n overflow: hidden;\n align-items: center;\n justify-content: flex-end;\n margin-left: auto;\n\n & > * {\n cursor: pointer;\n }\n`\n","export * from './walletCardBalance'\n","import React, { FC, PropsWithChildren } from 'react'\nimport { LidoComponentProps, InlineLoader } from '@lidofinance/lido-ui'\n\nimport {\n WalletCardBalanceStyle,\n WalletCardTitleStyle,\n WalletCardValueStyle,\n WalletCardExtraStyle,\n WalletCardContentStyle,\n} from './styles'\n\nexport type WalletCardBalanceType = FC<\n PropsWithChildren<\n LidoComponentProps<\n 'div',\n {\n title: React.ReactNode\n value: React.ReactNode\n small?: boolean\n loading?: boolean\n extra?: React.ReactNode\n }\n >\n >\n>\n\nexport const WalletCardBalance: WalletCardBalanceType = (props) => {\n const { title, small = false, extra, loading = false, children, value, ...rest } = props\n\n const hasExtra = extra != null\n const hasChildren = children != null\n\n return (\n <WalletCardBalanceStyle {...rest}>\n <WalletCardTitleStyle>{title}</WalletCardTitleStyle>\n <WalletCardValueStyle $small={small}>{loading ? <InlineLoader /> : value}</WalletCardValueStyle>\n {hasExtra && <WalletCardExtraStyle>{loading ? <InlineLoader /> : extra}</WalletCardExtraStyle>}\n {hasChildren && <WalletCardContentStyle $hidden={loading}>{children}</WalletCardContentStyle>}\n </WalletCardBalanceStyle>\n )\n}\n","import styled from 'styled-components'\n\nexport const WalletCardBalanceStyle = styled.div`\n margin-right: 18px;\n flex-basis: 50%;\n flex-grow: 1;\n font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n line-height: 1.6em;\n\n :last-child {\n margin-right: 0;\n }\n`\n\nexport const WalletCardTitleStyle = styled.div``\n\nexport const WalletCardValueStyle = styled.div<{ $small: boolean }>`\n margin-top: 2px;\n font-size: ${({ theme, $small }) => ($small ? theme.fontSizesMap.sm : theme.fontSizesMap.md)}px;\n line-height: 1.4em;\n font-weight: 800;\n white-space: nowrap;\n`\n\nexport const WalletCardExtraStyle = styled.div`\n margin-top: 2px;\n opacity: 0.5;\n`\n\nexport const WalletCardContentStyle = styled.div<{ $hidden: boolean }>`\n margin-top: 8px;\n opacity: ${({ $hidden }) => ($hidden ? 0 : 1)};\n pointer-events: ${({ $hidden }) => ($hidden ? 'none' : 'auto')};\n`\n","export * from './walletCardRow'\n","import { WalletCardRowStyle } from './styles'\n\nexport const WalletCardRow = WalletCardRowStyle\n","import styled from 'styled-components'\n\nexport const WalletCardRowStyle = styled.div`\n display: flex;\n margin: ${({ theme }) => theme.spaceMap.lg}px 0;\n\n &:first-child {\n margin-top: 0;\n }\n\n &:last-child {\n margin-bottom: 0;\n }\n`\n","export * from './walletFallback'\n","import React, { FC } from 'react'\nimport { BlockProps } from '@lidofinance/lido-ui'\nimport { FallbackWalletStyle } from './styles'\n\nexport type FallbackWalletComponent = FC<\n BlockProps & {\n error: string\n }\n>\n\nexport const WalletFallback: FallbackWalletComponent = ({ error, ...rest }) => {\n if (error) {\n return <FallbackWalletStyle {...rest}>{error}</FallbackWalletStyle>\n }\n\n return null\n}\n","import styled from 'styled-components'\n\nimport { WalletCard } from '../walletCard'\n\nexport const FallbackWalletStyle = styled(WalletCard)`\n text-align: center;\n background: var(--lido-color-error);\n background-image: none !important;\n`\n"],"names":[],"version":3,"file":"index.mjs.map"}
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "UI primitives (client-side: components, constants, hooks)",
4
4
  "repository": "git@github.com:lidofinance/warehouse.git",
5
5
  "license": "MIT",
6
- "version": "0.23.0",
6
+ "version": "0.25.0",
7
7
  "files": [
8
8
  "dist"
9
9
  ],
@@ -27,7 +27,7 @@
27
27
  "styled-components": "^5.3.5"
28
28
  },
29
29
  "devDependencies": {
30
- "@lidofinance/config-prettier": "~0.23.0",
30
+ "@lidofinance/config-prettier": "~0.25.0",
31
31
  "@lidofinance/lido-ui": "^3.6.1",
32
32
  "@storybook/react": "^7.0.7",
33
33
  "@types/react": "^18.0.25",