@magiclabs/ui-components 1.30.2 → 1.30.3
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/address.js.map +1 -1
- package/dist/cjs/components/sections/wallet-navigation.js +1 -1
- package/dist/cjs/components/sections/wallet-navigation.js.map +1 -1
- package/dist/es/components/layouts/wallet-page/address.js.map +1 -1
- package/dist/es/components/sections/wallet-navigation.js +1 -1
- package/dist/es/components/sections/wallet-navigation.js.map +1 -1
- package/dist/types/components/layouts/wallet-page/address.d.ts +1 -1
- package/dist/types/components/layouts/wallet-page/address.d.ts.map +1 -1
- package/dist/types/components/sections/index.d.ts +1 -1
- package/dist/types/components/sections/index.d.ts.map +1 -1
- package/dist/types/components/sections/wallet-navigation.d.ts +7 -7
- package/dist/types/components/sections/wallet-navigation.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"address.js","sources":["../../../../../src/components/layouts/wallet-page/address.tsx"],"sourcesContent":["import { WalletAddress } from '@components/info';\nimport { Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nexport interface AddressProps {\n address: string;\n onAddressCopy?: () => void;\n}\n\nexport const Address = ({ address, onAddressCopy }: AddressProps) => (\n <HStack\n gap={0}\n style={{ filter: `drop-shadow(0px 0px 0.5px color-mix(in srgb, ${token('colors.text.primary')}, transparent 20%)` }}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n d=\"M0 0L48 0V48H47.4146C37.829 48 29.1682 42.28 25.4052 33.4639L16.4163 12.405C13.533 5.65001 7.28559 0.929159 0 0Z\"\n fill={token('colors.surface.primary')}\n />\n </svg>\n <Center bgColor=\"surface.primary\" w=\"114px\" h=\"48px\">\n <WalletAddress address={address} onCopy={onAddressCopy} />\n </Center>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n d=\"M48 0L0 0V48H0.299999C9.94709 48 18.6672 42.2544 22.4737 33.39L31.4615 12.4594C34.3773 5.66924 40.669 0.929361 48 0Z\"\n fill={token('colors.surface.primary')}\n />\n </svg>\n </HStack>\n);\n"],"names":["Address","address","onAddressCopy","_jsxs","HStack","token","_jsx","Center","WalletAddress"],"mappings":"mSASa,MAAAA,EAAU,CAAC,CAAE,QAAAC,EAAS,cAAAC,CAAa,IAC9CC,EAAAA,KAACC,SAAM,CACL,IAAK,EACL,MAAO,CAAE,OAAQ,gDAAgDC,EAAAA,MAAM,qBAAqB,CAAC,oBAAsB,EAAA,SAAA,CAEnHC,EAAK,IAAA,MAAA,CAAA,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAM,SAC5FA,MACE,OAAA,CAAA,EAAE,mHACF,KAAMD,QAAM,wBAAwB,CACpC,CAAA,CAAA,CAAA,EAEJC,EAACC,IAAAA,SAAM,CAAC,QAAQ,kBAAkB,EAAE,QAAQ,EAAE,OAC5C,SAAAD,EAACE,IAAAA,UAAa,CAAC,QAASP,EAAS,OAAQC,CAAa,CAAA,CAC/C,CAAA,EACTI,aAAK,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAA,IAAA,OAAA,CACE,EAAE,uHACF,KAAMD,EAAM,MAAA,wBAAwB,CAAC,CAAA,CAEnC,CAAA,CAAA,CAAA,CAAA"}
|
|
1
|
+
{"version":3,"file":"address.js","sources":["../../../../../src/components/layouts/wallet-page/address.tsx"],"sourcesContent":["import { WalletAddress } from '@components/info';\nimport { Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nexport interface AddressProps {\n address: string;\n onAddressCopy?: (address: string) => void;\n}\n\nexport const Address = ({ address, onAddressCopy }: AddressProps) => (\n <HStack\n gap={0}\n style={{ filter: `drop-shadow(0px 0px 0.5px color-mix(in srgb, ${token('colors.text.primary')}, transparent 20%)` }}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n d=\"M0 0L48 0V48H47.4146C37.829 48 29.1682 42.28 25.4052 33.4639L16.4163 12.405C13.533 5.65001 7.28559 0.929159 0 0Z\"\n fill={token('colors.surface.primary')}\n />\n </svg>\n <Center bgColor=\"surface.primary\" w=\"114px\" h=\"48px\">\n <WalletAddress address={address} onCopy={onAddressCopy} />\n </Center>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n d=\"M48 0L0 0V48H0.299999C9.94709 48 18.6672 42.2544 22.4737 33.39L31.4615 12.4594C34.3773 5.66924 40.669 0.929361 48 0Z\"\n fill={token('colors.surface.primary')}\n />\n </svg>\n </HStack>\n);\n"],"names":["Address","address","onAddressCopy","_jsxs","HStack","token","_jsx","Center","WalletAddress"],"mappings":"mSASa,MAAAA,EAAU,CAAC,CAAE,QAAAC,EAAS,cAAAC,CAAa,IAC9CC,EAAAA,KAACC,SAAM,CACL,IAAK,EACL,MAAO,CAAE,OAAQ,gDAAgDC,EAAAA,MAAM,qBAAqB,CAAC,oBAAsB,EAAA,SAAA,CAEnHC,EAAK,IAAA,MAAA,CAAA,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAM,SAC5FA,MACE,OAAA,CAAA,EAAE,mHACF,KAAMD,QAAM,wBAAwB,CACpC,CAAA,CAAA,CAAA,EAEJC,EAACC,IAAAA,SAAM,CAAC,QAAQ,kBAAkB,EAAE,QAAQ,EAAE,OAC5C,SAAAD,EAACE,IAAAA,UAAa,CAAC,QAASP,EAAS,OAAQC,CAAa,CAAA,CAC/C,CAAA,EACTI,aAAK,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAA,IAAA,OAAA,CACE,EAAE,uHACF,KAAMD,EAAM,MAAA,wBAAwB,CAAC,CAAA,CAEnC,CAAA,CAAA,CAAA,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var i=require("react/jsx-runtime"),c=require("@styled/tokens"),u=require("../icons/ico-clock-fill.js"),v=require("../icons/ico-grid-fill.js"),d=require("../icons/ico-home-fill.js"),y=require("../icons/ico-settings-fill.js"),n=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js");var g=require("@styled/css"),o=require("@styled/jsx");exports.WalletNavigationType=void 0,function(e){e.Home="home",e.Gallery="gallery",e.Activity="activity",e.Settings="settings"}(exports.WalletNavigationType||(exports.WalletNavigationType={}));const t=({active:e,children:a,label:r,onPress:l})=>i.jsx(o.Box,{pointerEvents:e===r?"none":"initial",children:i.jsx(n.default,{variant:"text",onPress:l,children:i.jsx(n.default.LeadingIcon,{className:g.css({color:e===r?"text.primary":"text.tertiary",_groupHover:{color:e===r?"text.primary":"text.secondary"}}),children:a})})}),x=({active:e=exports.WalletNavigationType.Home,onActivity:a,onGallery:r,onHome:l,onSettings:s})=>i.jsx(o.Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${c.token("colors.surface.primary")} 100%)`},children:i.jsxs(o.HStack,{bgColor:"surface.tertiary",borderColor:"neutral.tertiary",borderWidth:"medium",borderStyle:"solid",borderRadius:52,p:1.5,children:[i.jsx(t,{active:e,label:exports.WalletNavigationType.Home,onPress:l,children:i.jsx(d.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Gallery,onPress:r,children:i.jsx(v.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Activity,onPress:a,children:i.jsx(u.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Settings,onPress:s,children:i.jsx(y.default,{})})]})});exports.WalletNavigation=x;
|
|
2
2
|
//# sourceMappingURL=wallet-navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\ninterface ActionProps extends PropsWithChildren {\n active?:
|
|
1
|
+
{"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\nexport enum WalletNavigationType {\n Home = 'home',\n Gallery = 'gallery',\n Activity = 'activity',\n Settings = 'settings',\n}\ninterface ActionProps extends PropsWithChildren {\n active?: WalletNavigationType;\n label: WalletNavigationType;\n onPress: () => void;\n}\n\nexport interface WalletNavigationProps {\n active?: WalletNavigationType;\n onActivity: () => void;\n onGallery: () => void;\n onHome: () => void;\n onSettings: () => void;\n}\n\nconst Action = ({ active, children, label, onPress }: ActionProps) => (\n <Box pointerEvents={active === label ? 'none' : 'initial'}>\n <Button variant=\"text\" onPress={onPress}>\n <Button.LeadingIcon\n className={css({\n color: active === label ? 'text.primary' : 'text.tertiary',\n _groupHover: { color: active === label ? 'text.primary' : 'text.secondary' },\n })}\n >\n {children}\n </Button.LeadingIcon>\n </Button>\n </Box>\n);\n\nexport const WalletNavigation = ({\n active = WalletNavigationType.Home,\n onActivity,\n onGallery,\n onHome,\n onSettings,\n}: WalletNavigationProps) => {\n return (\n <Center\n bottom={0}\n pos=\"fixed\"\n h=\"6.25rem\"\n w=\"full\"\n style={{ background: `linear-gradient(180deg, transparent 0%, ${token('colors.surface.primary')} 100%)` }}\n >\n <HStack\n bgColor=\"surface.tertiary\"\n borderColor=\"neutral.tertiary\"\n borderWidth=\"medium\"\n borderStyle=\"solid\"\n borderRadius={52}\n p={1.5}\n >\n <Action active={active} label={WalletNavigationType.Home} onPress={onHome}>\n <IcoHomeFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Gallery} onPress={onGallery}>\n <IcoGridFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Activity} onPress={onActivity}>\n <IcoClockFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Settings} onPress={onSettings}>\n <IcoSettingsFill />\n </Action>\n </HStack>\n </Center>\n );\n};\n"],"names":["WalletNavigationType","Action","active","children","label","onPress","_jsx","Box","Button","css","WalletNavigation","onActivity","onGallery","onHome","onSettings","Center","token","_jsxs","HStack","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill"],"mappings":"mlBAOYA,QAAAA,qBAAAA,OAAZ,SAAYA,EAAoB,CAC9BA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,EALYA,QAAA,uBAAAA,6BAKX,CAAA,EAAA,EAeD,MAAMC,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,EAAAA,IAACC,EAAG,IAAA,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,EAAAA,IAACE,EAAAA,QAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,MAACE,EAAAA,QAAO,YACN,CAAA,UAAWC,MAAI,CACb,MAAOP,IAAWE,EAAQ,eAAiB,gBAC3C,YAAa,CAAE,MAAOF,IAAWE,EAAQ,eAAiB,gBAAkB,CAC7E,CAAA,WAEAD,CAAQ,CAAA,CAEJ,CAAA,CAAA,CAAA,EAIAO,EAAmB,CAAC,CAC/B,OAAAR,EAASF,QAAAA,qBAAqB,KAC9B,WAAAW,EACA,UAAAC,EACA,OAAAC,EACA,WAAAC,CACsB,IAEpBR,MAACS,EAAAA,OAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,QAAM,wBAAwB,CAAC,QAAU,EAAA,SAEzGC,OAACC,EAAAA,OAAM,CACL,QAAQ,mBACR,YAAY,mBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,EAAG,IAAG,SAAA,CAENZ,MAACL,GAAO,OAAQC,EAAQ,MAAOF,6BAAqB,KAAM,QAASa,EAAM,SACvEP,EAAAA,IAACa,UAAc,CAAA,CAAA,CAAA,CAAA,EAEjBb,EAAAA,IAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOF,QAAA,qBAAqB,QAAS,QAASY,EACpE,SAAAN,EAAAA,IAACc,EAAAA,QAAc,CAAA,CAAA,CAAA,CAAA,EAEjBd,MAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOF,QAAAA,qBAAqB,SAAU,QAASW,EACrE,SAAAL,EAACe,IAAAA,UAAY,CAAA,CAAA,IAEff,EAAAA,IAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,QAAA,qBAAqB,SAAU,QAASc,EACrE,SAAAR,EAAAA,IAACgB,EAAAA,QAAkB,EAAA,CAAA,CAAA,CACZ,CACF,CAAA,CAAA,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"address.js","sources":["../../../../../src/components/layouts/wallet-page/address.tsx"],"sourcesContent":["import { WalletAddress } from '@components/info';\nimport { Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nexport interface AddressProps {\n address: string;\n onAddressCopy?: () => void;\n}\n\nexport const Address = ({ address, onAddressCopy }: AddressProps) => (\n <HStack\n gap={0}\n style={{ filter: `drop-shadow(0px 0px 0.5px color-mix(in srgb, ${token('colors.text.primary')}, transparent 20%)` }}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n d=\"M0 0L48 0V48H47.4146C37.829 48 29.1682 42.28 25.4052 33.4639L16.4163 12.405C13.533 5.65001 7.28559 0.929159 0 0Z\"\n fill={token('colors.surface.primary')}\n />\n </svg>\n <Center bgColor=\"surface.primary\" w=\"114px\" h=\"48px\">\n <WalletAddress address={address} onCopy={onAddressCopy} />\n </Center>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n d=\"M48 0L0 0V48H0.299999C9.94709 48 18.6672 42.2544 22.4737 33.39L31.4615 12.4594C34.3773 5.66924 40.669 0.929361 48 0Z\"\n fill={token('colors.surface.primary')}\n />\n </svg>\n </HStack>\n);\n"],"names":["Address","address","onAddressCopy","_jsxs","HStack","token","_jsx","Center","WalletAddress"],"mappings":"0TASa,MAAAA,EAAU,CAAC,CAAE,QAAAC,EAAS,cAAAC,CAAa,IAC9CC,EAACC,EAAM,CACL,IAAK,EACL,MAAO,CAAE,OAAQ,gDAAgDC,EAAM,qBAAqB,CAAC,oBAAsB,EAAA,SAAA,CAEnHC,EAAK,MAAA,CAAA,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAM,SAC5FA,EACE,OAAA,CAAA,EAAE,mHACF,KAAMD,EAAM,wBAAwB,CACpC,CAAA,CAAA,CAAA,EAEJC,EAACC,EAAM,CAAC,QAAQ,kBAAkB,EAAE,QAAQ,EAAE,OAC5C,SAAAD,EAACE,EAAa,CAAC,QAASP,EAAS,OAAQC,CAAa,CAAA,CAC/C,CAAA,EACTI,SAAK,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAA,OAAA,CACE,EAAE,uHACF,KAAMD,EAAM,wBAAwB,CAAC,CAAA,CAEnC,CAAA,CAAA,CAAA,CAAA"}
|
|
1
|
+
{"version":3,"file":"address.js","sources":["../../../../../src/components/layouts/wallet-page/address.tsx"],"sourcesContent":["import { WalletAddress } from '@components/info';\nimport { Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nexport interface AddressProps {\n address: string;\n onAddressCopy?: (address: string) => void;\n}\n\nexport const Address = ({ address, onAddressCopy }: AddressProps) => (\n <HStack\n gap={0}\n style={{ filter: `drop-shadow(0px 0px 0.5px color-mix(in srgb, ${token('colors.text.primary')}, transparent 20%)` }}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n d=\"M0 0L48 0V48H47.4146C37.829 48 29.1682 42.28 25.4052 33.4639L16.4163 12.405C13.533 5.65001 7.28559 0.929159 0 0Z\"\n fill={token('colors.surface.primary')}\n />\n </svg>\n <Center bgColor=\"surface.primary\" w=\"114px\" h=\"48px\">\n <WalletAddress address={address} onCopy={onAddressCopy} />\n </Center>\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 48 48\" fill=\"none\">\n <path\n d=\"M48 0L0 0V48H0.299999C9.94709 48 18.6672 42.2544 22.4737 33.39L31.4615 12.4594C34.3773 5.66924 40.669 0.929361 48 0Z\"\n fill={token('colors.surface.primary')}\n />\n </svg>\n </HStack>\n);\n"],"names":["Address","address","onAddressCopy","_jsxs","HStack","token","_jsx","Center","WalletAddress"],"mappings":"0TASa,MAAAA,EAAU,CAAC,CAAE,QAAAC,EAAS,cAAAC,CAAa,IAC9CC,EAACC,EAAM,CACL,IAAK,EACL,MAAO,CAAE,OAAQ,gDAAgDC,EAAM,qBAAqB,CAAC,oBAAsB,EAAA,SAAA,CAEnHC,EAAK,MAAA,CAAA,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAM,SAC5FA,EACE,OAAA,CAAA,EAAE,mHACF,KAAMD,EAAM,wBAAwB,CACpC,CAAA,CAAA,CAAA,EAEJC,EAACC,EAAM,CAAC,QAAQ,kBAAkB,EAAE,QAAQ,EAAE,OAC5C,SAAAD,EAACE,EAAa,CAAC,QAASP,EAAS,OAAQC,CAAa,CAAA,CAC/C,CAAA,EACTI,SAAK,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OACtF,SAAAA,EAAA,OAAA,CACE,EAAE,uHACF,KAAMD,EAAM,wBAAwB,CAAC,CAAA,CAEnC,CAAA,CAAA,CAAA,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t,jsxs as
|
|
1
|
+
import{jsx as t,jsxs as s}from"react/jsx-runtime";import{token as c}from"@styled/tokens";import p from"../icons/ico-clock-fill.js";import d from"../icons/ico-grid-fill.js";import y from"../icons/ico-home-fill.js";import v from"../icons/ico-settings-fill.js";import l from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import{css as f}from"@styled/css";import{Center as g,HStack as h,Box as b}from"@styled/jsx";var e;(function(r){r.Home="home",r.Gallery="gallery",r.Activity="activity",r.Settings="settings"})(e||(e={}));const i=({active:r,children:n,label:o,onPress:a})=>t(b,{pointerEvents:r===o?"none":"initial",children:t(l,{variant:"text",onPress:a,children:t(l.LeadingIcon,{className:f({color:r===o?"text.primary":"text.tertiary",_groupHover:{color:r===o?"text.primary":"text.secondary"}}),children:n})})}),x=({active:r=e.Home,onActivity:n,onGallery:o,onHome:a,onSettings:m})=>t(g,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${c("colors.surface.primary")} 100%)`},children:s(h,{bgColor:"surface.tertiary",borderColor:"neutral.tertiary",borderWidth:"medium",borderStyle:"solid",borderRadius:52,p:1.5,children:[t(i,{active:r,label:e.Home,onPress:a,children:t(y,{})}),t(i,{active:r,label:e.Gallery,onPress:o,children:t(d,{})}),t(i,{active:r,label:e.Activity,onPress:n,children:t(p,{})}),t(i,{active:r,label:e.Settings,onPress:m,children:t(v,{})})]})});export{x as WalletNavigation,e as WalletNavigationType};
|
|
2
2
|
//# sourceMappingURL=wallet-navigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\ninterface ActionProps extends PropsWithChildren {\n active?:
|
|
1
|
+
{"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\nexport enum WalletNavigationType {\n Home = 'home',\n Gallery = 'gallery',\n Activity = 'activity',\n Settings = 'settings',\n}\ninterface ActionProps extends PropsWithChildren {\n active?: WalletNavigationType;\n label: WalletNavigationType;\n onPress: () => void;\n}\n\nexport interface WalletNavigationProps {\n active?: WalletNavigationType;\n onActivity: () => void;\n onGallery: () => void;\n onHome: () => void;\n onSettings: () => void;\n}\n\nconst Action = ({ active, children, label, onPress }: ActionProps) => (\n <Box pointerEvents={active === label ? 'none' : 'initial'}>\n <Button variant=\"text\" onPress={onPress}>\n <Button.LeadingIcon\n className={css({\n color: active === label ? 'text.primary' : 'text.tertiary',\n _groupHover: { color: active === label ? 'text.primary' : 'text.secondary' },\n })}\n >\n {children}\n </Button.LeadingIcon>\n </Button>\n </Box>\n);\n\nexport const WalletNavigation = ({\n active = WalletNavigationType.Home,\n onActivity,\n onGallery,\n onHome,\n onSettings,\n}: WalletNavigationProps) => {\n return (\n <Center\n bottom={0}\n pos=\"fixed\"\n h=\"6.25rem\"\n w=\"full\"\n style={{ background: `linear-gradient(180deg, transparent 0%, ${token('colors.surface.primary')} 100%)` }}\n >\n <HStack\n bgColor=\"surface.tertiary\"\n borderColor=\"neutral.tertiary\"\n borderWidth=\"medium\"\n borderStyle=\"solid\"\n borderRadius={52}\n p={1.5}\n >\n <Action active={active} label={WalletNavigationType.Home} onPress={onHome}>\n <IcoHomeFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Gallery} onPress={onGallery}>\n <IcoGridFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Activity} onPress={onActivity}>\n <IcoClockFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Settings} onPress={onSettings}>\n <IcoSettingsFill />\n </Action>\n </HStack>\n </Center>\n );\n};\n"],"names":["WalletNavigationType","Action","active","children","label","onPress","_jsx","Box","Button","css","WalletNavigation","onActivity","onGallery","onHome","onSettings","Center","token","_jsxs","HStack","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill"],"mappings":"2nBAOY,IAAAA,GAAZ,SAAYA,EAAoB,CAC9BA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,GALYA,IAAAA,EAKX,GAAA,EAeD,MAAMC,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,EAACC,EAAG,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,EAACE,EAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,EAACE,EAAO,YACN,CAAA,UAAWC,EAAI,CACb,MAAOP,IAAWE,EAAQ,eAAiB,gBAC3C,YAAa,CAAE,MAAOF,IAAWE,EAAQ,eAAiB,gBAAkB,CAC7E,CAAA,WAEAD,CAAQ,CAAA,CAEJ,CAAA,CAAA,CAAA,EAIAO,EAAmB,CAAC,CAC/B,OAAAR,EAASF,EAAqB,KAC9B,WAAAW,EACA,UAAAC,EACA,OAAAC,EACA,WAAAC,CACsB,IAEpBR,EAACS,EAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,EAAM,wBAAwB,CAAC,QAAU,EAAA,SAEzGC,EAACC,EAAM,CACL,QAAQ,mBACR,YAAY,mBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,EAAG,IAAG,SAAA,CAENZ,EAACL,GAAO,OAAQC,EAAQ,MAAOF,EAAqB,KAAM,QAASa,EAAM,SACvEP,EAACa,EAAc,EAAA,CAAA,CAAA,EAEjBb,EAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOF,EAAqB,QAAS,QAASY,EACpE,SAAAN,EAACc,EAAc,CAAA,CAAA,CAAA,CAAA,EAEjBd,EAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOF,EAAqB,SAAU,QAASW,EACrE,SAAAL,EAACe,EAAY,EAAA,IAEff,EAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,EAAqB,SAAU,QAASc,EACrE,SAAAR,EAACgB,EAAkB,EAAA,CAAA,CAAA,CACZ,CACF,CAAA,CAAA,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export interface AddressProps {
|
|
2
2
|
address: string;
|
|
3
|
-
onAddressCopy?: () => void;
|
|
3
|
+
onAddressCopy?: (address: string) => void;
|
|
4
4
|
}
|
|
5
5
|
export declare const Address: ({ address, onAddressCopy }: AddressProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
//# sourceMappingURL=address.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"address.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/address.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"address.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/address.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,OAAO,+BAAgC,YAAY,4CAqB/D,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { VerifyPincode } from '../sections/verify-pincode';
|
|
2
2
|
export type { VerifyPincodeProps } from '../sections/verify-pincode';
|
|
3
3
|
export { WalletNavigation } from '../sections/wallet-navigation';
|
|
4
|
-
export type { WalletNavigationProps } from '../sections/wallet-navigation';
|
|
4
|
+
export type { WalletNavigationProps, WalletNavigationType } from '../sections/wallet-navigation';
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,YAAY,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACpE,YAAY,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AAC1E,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
+
export declare enum WalletNavigationType {
|
|
2
|
+
Home = "home",
|
|
3
|
+
Gallery = "gallery",
|
|
4
|
+
Activity = "activity",
|
|
5
|
+
Settings = "settings"
|
|
6
|
+
}
|
|
1
7
|
export interface WalletNavigationProps {
|
|
2
|
-
active?:
|
|
8
|
+
active?: WalletNavigationType;
|
|
3
9
|
onActivity: () => void;
|
|
4
10
|
onGallery: () => void;
|
|
5
11
|
onHome: () => void;
|
|
6
12
|
onSettings: () => void;
|
|
7
13
|
}
|
|
8
|
-
export declare enum NavSection {
|
|
9
|
-
Home = "home",
|
|
10
|
-
Gallery = "gallery",
|
|
11
|
-
Activity = "activity",
|
|
12
|
-
Settings = "settings"
|
|
13
|
-
}
|
|
14
14
|
export declare const WalletNavigation: ({ active, onActivity, onGallery, onHome, onSettings, }: WalletNavigationProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
15
|
//# sourceMappingURL=wallet-navigation.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wallet-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"wallet-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"names":[],"mappings":"AAOA,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAOD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAiBD,eAAO,MAAM,gBAAgB,2DAM1B,qBAAqB,4CAgCvB,CAAC"}
|