@magiclabs/ui-components 1.27.0 → 1.27.1
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/passport-page.js +1 -1
- package/dist/cjs/components/layouts/passport-page.js.map +1 -1
- package/dist/es/components/layouts/passport-page.js +1 -1
- package/dist/es/components/layouts/passport-page.js.map +1 -1
- package/dist/panda.buildinfo.json +1 -1
- package/dist/types/components/layouts/passport-page.d.ts +1 -0
- package/dist/types/components/layouts/passport-page.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),H=require("../containers/content.js"),q=require("../containers/drawer.js"),L=require("../containers/modal.js"),b=require("@styled/tokens"),T=require("../icons/ico-caret-left.js"),w=require("../icons/ico-magic.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),H=require("../containers/content.js"),q=require("../containers/drawer.js"),L=require("../containers/modal.js"),b=require("@styled/tokens"),T=require("../icons/ico-caret-left.js"),w=require("../icons/ico-magic.js"),N=require("../icons/ico-menu.js"),A=require("../icons/ico-question-circle-fill.js");require("../info/copy-button.js"),require("../info/email-wbr.js"),require("../info/security-otp.js"),require("../info/text-box.js");var U=require("../info/wallet-address.js"),o=require("../primitives/button.js"),i=require("../primitives/popover.js"),c=require("../primitives/text.js"),C=require("@styled/css"),t=require("@styled/jsx"),a=require("create-slots"),W=require("react");const J=a.createSlot(({children:r})=>W.Children.only(r)),P=a.createSlot(({children:r})=>e.jsxs(i.Popover,{textStyle:"subtle",variant:"text",children:[e.jsx(i.Popover.TrailingIcon,{children:e.jsx(A.default,{})}),e.jsx(i.Popover.Content,{children:r})]})),S=a.createSlot(({children:r})=>e.jsxs(i.Popover,{textStyle:"neutral",variant:"text",children:[e.jsx(i.Popover.TrailingIcon,{children:e.jsx(N.default,{})}),e.jsx(i.Popover.Content,{children:r})]})),y=a.createSlot(H.Content),k=a.createSlot(q.Drawer),I=a.createSlot(({children:r})=>e.jsx(t.Center,{p:3,w:"full",children:r})),O=({appInfo:r,branding:u,children:z,cancelLabel:x="Cancel",confirmLabel:B="Confirm",ctaDirection:F="row",disabled:h,loading:j,title:v,onBack:n,onCancel:l,onConfirm:d,...M})=>a.createHost(z,s=>{const f=s.getProps(k),p=!!r?.address,D=n||l&&!d,m=s.get(P),g=s.get(S);return e.jsxs(L.Modal,{...M,fullscreen:!0,paddingType:"none",children:[e.jsxs(t.VStack,{gap:0,width:"full",children:[e.jsxs(t.HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[n&&e.jsx(o.default,{onPress:n,size:"md",textStyle:"neutral",variant:"text",children:e.jsx(o.default.LeadingIcon,{children:e.jsx(T.default,{})})}),!n&&l&&!d&&e.jsx(o.default,{onPress:l,label:x,size:"sm",textStyle:"neutral",variant:"text"}),!D&&e.jsx("div",{className:C.css({w:6})}),u&&e.jsx(w.default,{color:b.token(u==="light"?"colors.text.primary":"colors.neutral.primary")}),v&&e.jsx(c.default,{size:"sm",children:v}),p||m||g?e.jsxs(t.HStack,{children:[p&&e.jsx(U.default,{address:r.address||""}),m,g]}):e.jsx("div",{className:C.css({w:6})})]}),r&&e.jsxs(t.HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[r.logoUrl?e.jsx("img",{src:r.logoUrl,alt:r.name,width:24,height:24}):e.jsx(w.default,{color:b.token("colors.brand.base"),height:24,width:24}),e.jsx(c.default,{size:"sm",children:r.name}),r.domain&&e.jsx(c.default,{size:"sm",fontColor:"text.tertiary",children:r.domain})]})]}),e.jsx(t.Flex,{grow:1,width:"full",children:s.get(y)}),d&&e.jsxs(t.Flex,{direction:F,gap:4,px:3,width:"full",children:[l&&e.jsx(o.default,{onPress:l,disabled:h||j,expand:!0,label:x,variant:"neutral"}),e.jsx(o.default,{onPress:d,disabled:h,expand:!0,label:B,validating:j,variant:"inverse"})]}),s.get(I),f&&e.jsx(q.Drawer,{...f})]})}),Q=Object.assign(O,{Content:y,Drawer:k,Footer:I,Icon:J,Info:P,Menu:S});exports.PassportPage=Q;
|
|
2
2
|
//# sourceMappingURL=passport-page.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoMenu, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface AppInfo {\n name: string;\n address?: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n animate?: boolean;\n appInfo?: AppInfo;\n branding?: 'light' | 'dark';\n cancelLabel?: string;\n confirmLabel?: string;\n ctaDirection?: 'column' | 'row';\n disabled?: boolean;\n loading?: boolean;\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n onConfirm?: () => void;\n}\n\nconst AppIcon = createSlot(({ children }) => Children.only(children));\nconst Info = createSlot(({ children }) => {\n return (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n );\n});\nconst Menu = createSlot(({ children }) => {\n return (\n <Popover textStyle=\"neutral\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoMenu />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n );\n});\nconst PageContent = createSlot(Content);\nconst PageDrawer = createSlot(Drawer);\n\nconst PassportPageHost = ({\n appInfo,\n branding,\n children,\n cancelLabel = 'Cancel',\n confirmLabel = 'Confirm',\n ctaDirection = 'row',\n disabled,\n loading,\n title,\n onBack,\n onCancel,\n onConfirm,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const drawerProps = slots.getProps(PageDrawer);\n const hasAddress = !!appInfo?.address;\n const hasAction = onBack || (onCancel && !onConfirm);\n const info = slots.get(Info);\n const menu = slots.get(Menu);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack
|
|
1
|
+
{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoMenu, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface AppInfo {\n name: string;\n address?: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n animate?: boolean;\n appInfo?: AppInfo;\n branding?: 'light' | 'dark';\n cancelLabel?: string;\n confirmLabel?: string;\n ctaDirection?: 'column' | 'row';\n disabled?: boolean;\n loading?: boolean;\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n onConfirm?: () => void;\n}\n\nconst AppIcon = createSlot(({ children }) => Children.only(children));\nconst Info = createSlot(({ children }) => {\n return (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n );\n});\nconst Menu = createSlot(({ children }) => {\n return (\n <Popover textStyle=\"neutral\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoMenu />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n );\n});\nconst PageContent = createSlot(Content);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center p={3} w=\"full\">\n {children}\n </Center>\n));\n\nconst PassportPageHost = ({\n appInfo,\n branding,\n children,\n cancelLabel = 'Cancel',\n confirmLabel = 'Confirm',\n ctaDirection = 'row',\n disabled,\n loading,\n title,\n onBack,\n onCancel,\n onConfirm,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const drawerProps = slots.getProps(PageDrawer);\n const hasAddress = !!appInfo?.address;\n const hasAction = onBack || (onCancel && !onConfirm);\n const info = slots.get(Info);\n const menu = slots.get(Menu);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {!onBack && onCancel && !onConfirm && (\n <Button onPress={onCancel} label={cancelLabel} size=\"sm\" textStyle=\"neutral\" variant=\"text\" />\n )}\n {!hasAction && <div className={css({ w: 6 })} />}\n {branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {title && <Text size=\"sm\">{title}</Text>}\n {hasAddress || info || menu ? (\n <HStack>\n {hasAddress && <WalletAddress address={appInfo.address || ''} />}\n {info}\n {menu}\n </HStack>\n ) : (\n <div className={css({ w: 6 })} />\n )}\n </HStack>\n {appInfo && (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {appInfo.logoUrl ? (\n <img src={appInfo.logoUrl} alt={appInfo.name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\">{appInfo.name}</Text>\n {appInfo.domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {appInfo.domain}\n </Text>\n )}\n </HStack>\n )}\n </VStack>\n <Flex grow={1} width=\"full\">\n {slots.get(PageContent)}\n </Flex>\n {onConfirm && (\n <Flex direction={ctaDirection} gap={4} px={3} width=\"full\">\n {onCancel && (\n <Button onPress={onCancel} disabled={disabled || loading} expand label={cancelLabel} variant=\"neutral\" />\n )}\n <Button\n onPress={onConfirm}\n disabled={disabled}\n expand\n label={confirmLabel}\n validating={loading}\n variant=\"inverse\"\n />\n </Flex>\n )}\n {slots.get(PageFooter)}\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PassportPageHost, {\n Content: PageContent,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Icon: AppIcon,\n Info,\n Menu,\n});\n"],"names":["AppIcon","createSlot","children","Children","Info","_jsxs","Popover","_jsx","IcoQuestionCircleFill","Menu","IcoMenu","PageContent","Content","PageDrawer","Drawer","PageFooter","Center","PassportPageHost","appInfo","branding","cancelLabel","confirmLabel","ctaDirection","disabled","loading","title","onBack","onCancel","onConfirm","props","createHost","slots","drawerProps","hasAddress","hasAction","info","menu","Modal","VStack","HStack","Button","IcoCaretLeft","css","IcoMagic","token","Text","WalletAddress","Flex","PassportPage"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as o,jsx as r}from"react/jsx-runtime";import{Content as H}from"../containers/content.js";import{Drawer as v}from"../containers/drawer.js";import{Modal as U}from"../containers/modal.js";import{token as y}from"@styled/tokens";import W from"../icons/ico-caret-left.js";import P from"../icons/ico-magic.js";import A from"../icons/ico-menu.js";import G from"../icons/ico-question-circle-fill.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import J from"../info/wallet-address.js";import a from"../primitives/button.js";import{Popover as t}from"../primitives/popover.js";import c from"../primitives/text.js";import{css as I}from"@styled/css";import{Center as O,VStack as V,HStack as s,Flex as S}from"@styled/jsx";import{createSlot as i,createHost as q}from"create-slots";import{Children as E}from"react";const K=i(({children:e})=>E.only(e)),z=i(({children:e})=>o(t,{textStyle:"subtle",variant:"text",children:[r(t.TrailingIcon,{children:r(G,{})}),r(t.Content,{children:e})]})),B=i(({children:e})=>o(t,{textStyle:"neutral",variant:"text",children:[r(t.TrailingIcon,{children:r(A,{})}),r(t.Content,{children:e})]})),j=i(H),k=i(v),T=i(({children:e})=>r(O,{p:3,w:"full",children:e})),Q=({appInfo:e,branding:p,children:D,cancelLabel:h="Cancel",confirmLabel:F="Confirm",ctaDirection:L="row",disabled:f,loading:g,title:b,onBack:d,onCancel:n,onConfirm:m,...M})=>q(D,l=>{const u=l.getProps(k),x=!!e?.address,N=d||n&&!m,w=l.get(z),C=l.get(B);return o(U,{...M,fullscreen:!0,paddingType:"none",children:[o(V,{gap:0,width:"full",children:[o(s,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[d&&r(a,{onPress:d,size:"md",textStyle:"neutral",variant:"text",children:r(a.LeadingIcon,{children:r(W,{})})}),!d&&n&&!m&&r(a,{onPress:n,label:h,size:"sm",textStyle:"neutral",variant:"text"}),!N&&r("div",{className:I({w:6})}),p&&r(P,{color:y(p==="light"?"colors.text.primary":"colors.neutral.primary")}),b&&r(c,{size:"sm",children:b}),x||w||C?o(s,{children:[x&&r(J,{address:e.address||""}),w,C]}):r("div",{className:I({w:6})})]}),e&&o(s,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[e.logoUrl?r("img",{src:e.logoUrl,alt:e.name,width:24,height:24}):r(P,{color:y("colors.brand.base"),height:24,width:24}),r(c,{size:"sm",children:e.name}),e.domain&&r(c,{size:"sm",fontColor:"text.tertiary",children:e.domain})]})]}),r(S,{grow:1,width:"full",children:l.get(j)}),m&&o(S,{direction:L,gap:4,px:3,width:"full",children:[n&&r(a,{onPress:n,disabled:f||g,expand:!0,label:h,variant:"neutral"}),r(a,{onPress:m,disabled:f,expand:!0,label:F,validating:g,variant:"inverse"})]}),l.get(T),u&&r(v,{...u})]})}),R=Object.assign(Q,{Content:j,Drawer:k,Footer:T,Icon:K,Info:z,Menu:B});export{R as PassportPage};
|
|
2
2
|
//# sourceMappingURL=passport-page.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoMenu, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface AppInfo {\n name: string;\n address?: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n animate?: boolean;\n appInfo?: AppInfo;\n branding?: 'light' | 'dark';\n cancelLabel?: string;\n confirmLabel?: string;\n ctaDirection?: 'column' | 'row';\n disabled?: boolean;\n loading?: boolean;\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n onConfirm?: () => void;\n}\n\nconst AppIcon = createSlot(({ children }) => Children.only(children));\nconst Info = createSlot(({ children }) => {\n return (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n );\n});\nconst Menu = createSlot(({ children }) => {\n return (\n <Popover textStyle=\"neutral\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoMenu />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n );\n});\nconst PageContent = createSlot(Content);\nconst PageDrawer = createSlot(Drawer);\n\nconst PassportPageHost = ({\n appInfo,\n branding,\n children,\n cancelLabel = 'Cancel',\n confirmLabel = 'Confirm',\n ctaDirection = 'row',\n disabled,\n loading,\n title,\n onBack,\n onCancel,\n onConfirm,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const drawerProps = slots.getProps(PageDrawer);\n const hasAddress = !!appInfo?.address;\n const hasAction = onBack || (onCancel && !onConfirm);\n const info = slots.get(Info);\n const menu = slots.get(Menu);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack
|
|
1
|
+
{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoMenu, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface AppInfo {\n name: string;\n address?: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n animate?: boolean;\n appInfo?: AppInfo;\n branding?: 'light' | 'dark';\n cancelLabel?: string;\n confirmLabel?: string;\n ctaDirection?: 'column' | 'row';\n disabled?: boolean;\n loading?: boolean;\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n onConfirm?: () => void;\n}\n\nconst AppIcon = createSlot(({ children }) => Children.only(children));\nconst Info = createSlot(({ children }) => {\n return (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n );\n});\nconst Menu = createSlot(({ children }) => {\n return (\n <Popover textStyle=\"neutral\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoMenu />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n );\n});\nconst PageContent = createSlot(Content);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center p={3} w=\"full\">\n {children}\n </Center>\n));\n\nconst PassportPageHost = ({\n appInfo,\n branding,\n children,\n cancelLabel = 'Cancel',\n confirmLabel = 'Confirm',\n ctaDirection = 'row',\n disabled,\n loading,\n title,\n onBack,\n onCancel,\n onConfirm,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const drawerProps = slots.getProps(PageDrawer);\n const hasAddress = !!appInfo?.address;\n const hasAction = onBack || (onCancel && !onConfirm);\n const info = slots.get(Info);\n const menu = slots.get(Menu);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {!onBack && onCancel && !onConfirm && (\n <Button onPress={onCancel} label={cancelLabel} size=\"sm\" textStyle=\"neutral\" variant=\"text\" />\n )}\n {!hasAction && <div className={css({ w: 6 })} />}\n {branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {title && <Text size=\"sm\">{title}</Text>}\n {hasAddress || info || menu ? (\n <HStack>\n {hasAddress && <WalletAddress address={appInfo.address || ''} />}\n {info}\n {menu}\n </HStack>\n ) : (\n <div className={css({ w: 6 })} />\n )}\n </HStack>\n {appInfo && (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {appInfo.logoUrl ? (\n <img src={appInfo.logoUrl} alt={appInfo.name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\">{appInfo.name}</Text>\n {appInfo.domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {appInfo.domain}\n </Text>\n )}\n </HStack>\n )}\n </VStack>\n <Flex grow={1} width=\"full\">\n {slots.get(PageContent)}\n </Flex>\n {onConfirm && (\n <Flex direction={ctaDirection} gap={4} px={3} width=\"full\">\n {onCancel && (\n <Button onPress={onCancel} disabled={disabled || loading} expand label={cancelLabel} variant=\"neutral\" />\n )}\n <Button\n onPress={onConfirm}\n disabled={disabled}\n expand\n label={confirmLabel}\n validating={loading}\n variant=\"inverse\"\n />\n </Flex>\n )}\n {slots.get(PageFooter)}\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PassportPageHost, {\n Content: PageContent,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Icon: AppIcon,\n Info,\n Menu,\n});\n"],"names":["AppIcon","createSlot","children","Children","Info","_jsxs","Popover","_jsx","IcoQuestionCircleFill","Menu","IcoMenu","PageContent","Content","PageDrawer","Drawer","PageFooter","Center","PassportPageHost","appInfo","branding","cancelLabel","confirmLabel","ctaDirection","disabled","loading","title","onBack","onCancel","onConfirm","props","createHost","slots","drawerProps","hasAddress","hasAction","info","menu","Modal","VStack","HStack","Button","IcoCaretLeft","css","IcoMagic","token","Text","WalletAddress","Flex","PassportPage"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","height]___[value:100vh]___[cond:@media (min-width: 48rem)","width]___[value:100vw]___[cond:@media (min-width: 48rem)","background]___[value:surface.primary]___[cond:@media (min-width: 48rem)","position]___[value:relative]___[cond:@media (min-width: 48rem)","overflow]___[value:auto]___[cond:@media (min-width: 48rem)","scrollbarWidth]___[value:none]___[cond:@media (min-width: 48rem)","borderRadius]___[value:0]___[cond:@media (min-width: 48rem)","top]___[value:0]___[cond:@media (min-width: 48rem)","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","height]___[value:100vh","width]___[value:100vw","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:positive.base","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","outlineStyle]___[value:none","background]___[value:#ffc439","outlineColor]___[value:#ffc439","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","gap]___[value:1.5","stroke]___[value:text.primary","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","transformOrigin]___[value:center center","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","outlineOffset]___[value:1","width]___[value:1.125rem","height]___[value:1.125rem","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","textStyle]___[value:neutral","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","height]___[value:24","width]___[value:24","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","minHeight]___[value:16","background]___[value:surface.tertiary]___[cond:_dark","transition]___[value:background-color 0.1s","width]___[value:16","height]___[value:16","paddingBlock]___[value:2.5","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","marginLeft]___[value:3","srOnly]___[value:true","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","flex]___[value:0 0 auto","width]___[value:3","height]___[value:3","borderRadius]___[value:9999px","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
|
|
1
|
+
{"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","height]___[value:100vh]___[cond:@media (min-width: 48rem)","width]___[value:100vw]___[cond:@media (min-width: 48rem)","background]___[value:surface.primary]___[cond:@media (min-width: 48rem)","position]___[value:relative]___[cond:@media (min-width: 48rem)","overflow]___[value:auto]___[cond:@media (min-width: 48rem)","scrollbarWidth]___[value:none]___[cond:@media (min-width: 48rem)","borderRadius]___[value:0]___[cond:@media (min-width: 48rem)","top]___[value:0]___[cond:@media (min-width: 48rem)","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","height]___[value:100vh","width]___[value:100vw","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:positive.base","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","outlineStyle]___[value:none","background]___[value:#ffc439","outlineColor]___[value:#ffc439","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","gap]___[value:1.5","stroke]___[value:text.primary","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","transformOrigin]___[value:center center","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","outlineOffset]___[value:1","width]___[value:1.125rem","height]___[value:1.125rem","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","textStyle]___[value:neutral","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","height]___[value:24","width]___[value:24","flexGrow]___[value:1","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","minHeight]___[value:16","background]___[value:surface.tertiary]___[cond:_dark","transition]___[value:background-color 0.1s","width]___[value:16","height]___[value:16","paddingBlock]___[value:2.5","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","marginLeft]___[value:3","srOnly]___[value:true","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","flex]___[value:0 0 auto","width]___[value:3","height]___[value:3","borderRadius]___[value:9999px","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
|
|
@@ -25,6 +25,7 @@ export interface PassportPageProps extends PropsWithChildren {
|
|
|
25
25
|
export declare const PassportPage: (({ appInfo, branding, children, cancelLabel, confirmLabel, ctaDirection, disabled, loading, title, onBack, onCancel, onConfirm, ...props }: PassportPageProps) => JSX.Element) & {
|
|
26
26
|
Content: ({ children, className }: import("../containers/content").ContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
27
|
Drawer: ({ isOpen, title, onToggle, children, showCloseButton }: import("../containers/drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
Footer: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
|
|
28
29
|
Icon: ({ children }: any) => any;
|
|
29
30
|
Info: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
|
|
30
31
|
Menu: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"passport-page.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/passport-page.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpD,UAAU,OAAO;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;
|
|
1
|
+
{"version":3,"file":"passport-page.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/passport-page.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpD,UAAU,OAAO;IACf,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAiID,eAAO,MAAM,YAAY,+IApFtB,iBAAiB;;;;;;;CA2FlB,CAAC"}
|