@magiclabs/ui-components 1.34.6 → 1.34.7
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/cjs/components/layouts/wallet-page/fiat.js +1 -1
- package/dist/cjs/components/layouts/wallet-page/fiat.js.map +1 -1
- package/dist/es/components/layouts/wallet-page/fiat.js +1 -1
- package/dist/es/components/layouts/wallet-page/fiat.js.map +1 -1
- package/dist/types/components/layouts/wallet-page/fiat.d.ts +2 -1
- package/dist/types/components/layouts/wallet-page/fiat.d.ts.map +1 -1
- package/dist/types/components/layouts/wallet-page/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var t=require("react/jsx-runtime"),i=require("../../primitives/text.js"),
|
|
1
|
+
"use strict";var t=require("react/jsx-runtime"),i=require("../../primitives/text.js"),a=require("@styled/jsx");const n=({fiatTotal:e,symbol:l})=>{const s=e?String(e).split("."):["0","00"],r=e?"text.primary":"text.tertiary";return t.jsxs(a.HStack,{alignItems:"flex-start",gap:1,my:3,children:[t.jsx(i.default.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:l}),t.jsxs(a.HStack,{alignItems:"baseline",gap:0,children:[t.jsx(i.default.H1,{fontColor:r,children:s[0]}),t.jsx(i.default.H4,{fontColor:r,children:`.${s[1]||"00"}`})]})]})};exports.Fiat=n;
|
|
2
2
|
//# sourceMappingURL=fiat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fiat.js","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { HStack } from '@styled/jsx';\n\nexport interface FiatProps {\n fiatTotal?: number;\n}\n\nexport const Fiat = ({ fiatTotal }: FiatProps) => {\n const fiat = fiatTotal ? fiatTotal
|
|
1
|
+
{"version":3,"file":"fiat.js","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { HStack } from '@styled/jsx';\n\nexport interface FiatProps {\n fiatTotal?: number;\n symbol?: string;\n}\n\nexport const Fiat = ({ fiatTotal, symbol }: FiatProps) => {\n const fiat = fiatTotal ? String(fiatTotal).split('.') : ['0', '00'];\n const fiatColor = fiatTotal ? 'text.primary' : 'text.tertiary';\n\n return (\n <HStack alignItems=\"flex-start\" gap={1} my={3}>\n <Text.H4 fontColor={fiatColor} styles={{ lineHeight: '2.75rem' }}>\n {symbol}\n </Text.H4>\n <HStack alignItems=\"baseline\" gap={0}>\n <Text.H1 fontColor={fiatColor}>{fiat[0]}</Text.H1>\n <Text.H4 fontColor={fiatColor}>{`.${fiat[1] || '00'}`}</Text.H4>\n </HStack>\n </HStack>\n );\n};\n"],"names":["Fiat","fiatTotal","symbol","fiat","fiatColor","_jsxs","HStack","_jsx","Text"],"mappings":"+GAQa,MAAAA,EAAO,CAAC,CAAE,UAAAC,EAAW,OAAAC,CAAmB,IAAI,CACvD,MAAMC,EAAOF,EAAY,OAAOA,CAAS,EAAE,MAAM,GAAG,EAAI,CAAC,IAAK,IAAI,EAC5DG,EAAYH,EAAY,eAAiB,gBAE/C,OACEI,EAAAA,KAACC,EAAAA,OAAO,CAAA,WAAW,aAAa,IAAK,EAAG,GAAI,EAAC,SAAA,CAC3CC,EAAAA,IAACC,EAAAA,QAAK,GAAE,CAAC,UAAWJ,EAAW,OAAQ,CAAE,WAAY,SAAS,WAC3DF,CAAM,CAAA,EAETG,EAAAA,KAACC,UAAO,WAAW,WAAW,IAAK,YACjCC,MAACC,EAAAA,QAAK,GAAE,CAAC,UAAWJ,EAAY,SAAAD,EAAK,CAAC,IACtCI,MAACC,EAAAA,QAAK,GAAG,CAAA,UAAWJ,EAAS,SAAG,IAAID,EAAK,CAAC,GAAK,IAAI,IAAa,CACzD,CAAA,CAAA,CAAA,CAAA,CAGf"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as l,jsx as i}from"react/jsx-runtime";import o from"../../primitives/text.js";import{HStack as n}from"@styled/jsx";const a=({fiatTotal:t})=>{const e=t?t
|
|
1
|
+
import{jsxs as l,jsx as i}from"react/jsx-runtime";import o from"../../primitives/text.js";import{HStack as n}from"@styled/jsx";const a=({fiatTotal:t,symbol:s})=>{const e=t?String(t).split("."):["0","00"],r=t?"text.primary":"text.tertiary";return l(n,{alignItems:"flex-start",gap:1,my:3,children:[i(o.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:s}),l(n,{alignItems:"baseline",gap:0,children:[i(o.H1,{fontColor:r,children:e[0]}),i(o.H4,{fontColor:r,children:`.${e[1]||"00"}`})]})]})};export{a as Fiat};
|
|
2
2
|
//# sourceMappingURL=fiat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fiat.js","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { HStack } from '@styled/jsx';\n\nexport interface FiatProps {\n fiatTotal?: number;\n}\n\nexport const Fiat = ({ fiatTotal }: FiatProps) => {\n const fiat = fiatTotal ? fiatTotal
|
|
1
|
+
{"version":3,"file":"fiat.js","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { HStack } from '@styled/jsx';\n\nexport interface FiatProps {\n fiatTotal?: number;\n symbol?: string;\n}\n\nexport const Fiat = ({ fiatTotal, symbol }: FiatProps) => {\n const fiat = fiatTotal ? String(fiatTotal).split('.') : ['0', '00'];\n const fiatColor = fiatTotal ? 'text.primary' : 'text.tertiary';\n\n return (\n <HStack alignItems=\"flex-start\" gap={1} my={3}>\n <Text.H4 fontColor={fiatColor} styles={{ lineHeight: '2.75rem' }}>\n {symbol}\n </Text.H4>\n <HStack alignItems=\"baseline\" gap={0}>\n <Text.H1 fontColor={fiatColor}>{fiat[0]}</Text.H1>\n <Text.H4 fontColor={fiatColor}>{`.${fiat[1] || '00'}`}</Text.H4>\n </HStack>\n </HStack>\n );\n};\n"],"names":["Fiat","fiatTotal","symbol","fiat","fiatColor","_jsxs","HStack","_jsx","Text"],"mappings":"+HAQa,MAAAA,EAAO,CAAC,CAAE,UAAAC,EAAW,OAAAC,CAAmB,IAAI,CACvD,MAAMC,EAAOF,EAAY,OAAOA,CAAS,EAAE,MAAM,GAAG,EAAI,CAAC,IAAK,IAAI,EAC5DG,EAAYH,EAAY,eAAiB,gBAE/C,OACEI,EAACC,EAAO,CAAA,WAAW,aAAa,IAAK,EAAG,GAAI,EAAC,SAAA,CAC3CC,EAACC,EAAK,GAAE,CAAC,UAAWJ,EAAW,OAAQ,CAAE,WAAY,SAAS,WAC3DF,CAAM,CAAA,EAETG,EAACC,GAAO,WAAW,WAAW,IAAK,YACjCC,EAACC,EAAK,GAAE,CAAC,UAAWJ,EAAY,SAAAD,EAAK,CAAC,IACtCI,EAACC,EAAK,GAAG,CAAA,UAAWJ,EAAS,SAAG,IAAID,EAAK,CAAC,GAAK,IAAI,IAAa,CACzD,CAAA,CAAA,CAAA,CAAA,CAGf"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export interface FiatProps {
|
|
2
2
|
fiatTotal?: number;
|
|
3
|
+
symbol?: string;
|
|
3
4
|
}
|
|
4
|
-
export declare const Fiat: ({ fiatTotal }: FiatProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export declare const Fiat: ({ fiatTotal, symbol }: FiatProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
//# sourceMappingURL=fiat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fiat.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"fiat.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,0BAA2B,SAAS,4CAepD,CAAC"}
|
|
@@ -7,7 +7,7 @@ export declare const WalletPage: (({ children, ...props }: WalletPageProps) => J
|
|
|
7
7
|
Address: ({ address, onAddressCopy }: import("./address").AddressProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
ConnectionMenu: ({ connected, connectedLabel, disconnectLabel, disconnectedLabel, domain, logoUrl, onDisconnect, }: import("./connection-menu").ConnectionMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
Content: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
Fiat: ({ fiatTotal }: import("./fiat").FiatProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
Fiat: ({ fiatTotal, symbol }: import("./fiat").FiatProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
Navigation: ({ active, onActivity, onGallery, onHome, onSettings, }: import("../../sections/wallet-navigation").WalletNavigationProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
12
|
};
|
|
13
13
|
//# sourceMappingURL=index.d.ts.map
|