@magiclabs/ui-components 1.36.10 → 1.36.11

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.
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps {\n primaryLabel: string;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={css({\n p: 4,\n bg: 'neutral.quaternary',\n _hover: { bg: 'neutral.secondary' },\n })}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <HStack justify=\"space-between\" w=\"full\">\n <HStack>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n },\n }}\n <VStack gap={0} alignItems=\"start\">\n <HStack>\n <Text fontWeight=\"medium\">{primaryLabel}</Text>\n {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n </HStack>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </HStack>\n </HStack>\n </ButtonContainer>\n );\n });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","VStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"u4BAiBA,MAAMA,EAAcC,EAAW,WAAA,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,MAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAAA,aAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,WAAA,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,MAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAaD,aAAAA,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAAA,WAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,aAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,MAACgB,EAAAA,gBACC,CAAA,IAAKR,EACL,UAAWS,EAAAA,IAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAAAA,KAACC,SAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,KAAAA,EAAAA,OACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAAA,IAAI,CAAE,MAAO,aAAc,CAClE,CACF,EACDC,EAACE,KAAAA,EAAAA,OAAO,CAAA,IAAK,EAAG,WAAW,QAAO,SAAA,CAChCF,OAACC,oBACCnB,MAACqB,EAAAA,QAAK,CAAA,WAAW,SAAU,SAAAZ,IAC1BE,GAAkBX,MAACsB,EAAgB,QAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,MAAA,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACRb,GACCV,EAACqB,IAAAA,EAAAA,QAAK,CAAA,KAAK,KAAK,UAAU,yBACvBX,CAAc,CAAA,CAElB,CAAA,CAAA,CACM,IAEXV,MAACmB,EAAM,OAAA,CAAA,SACJJ,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAAA,IAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EAEI,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMkB,EAAmB,OAAO,OAAOlB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}
1
+ {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer, ButtonContainerProps } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps, ButtonContainerProps {\n primaryLabel: string;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={css({\n p: 4,\n bg: 'neutral.quaternary',\n _hover: { bg: 'neutral.secondary' },\n })}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <HStack justify=\"space-between\" w=\"full\">\n <HStack>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n },\n }}\n <VStack gap={0} alignItems=\"start\">\n <HStack>\n <Text fontWeight=\"medium\">{primaryLabel}</Text>\n {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n </HStack>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </HStack>\n </HStack>\n </ButtonContainer>\n );\n });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","VStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"u4BAiBA,MAAMA,EAAcC,EAAW,WAAA,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,MAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAAA,aAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,WAAA,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,MAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAaD,aAAAA,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAAA,WAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,aAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,MAACgB,EAAAA,gBACC,CAAA,IAAKR,EACL,UAAWS,EAAAA,IAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAAAA,KAACC,SAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,KAAAA,EAAAA,OACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAAA,IAAI,CAAE,MAAO,aAAc,CAClE,CACF,EACDC,EAACE,KAAAA,EAAAA,OAAO,CAAA,IAAK,EAAG,WAAW,QAAO,SAAA,CAChCF,OAACC,oBACCnB,MAACqB,EAAAA,QAAK,CAAA,WAAW,SAAU,SAAAZ,IAC1BE,GAAkBX,MAACsB,EAAgB,QAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,MAAA,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACRb,GACCV,EAACqB,IAAAA,EAAAA,QAAK,CAAA,KAAK,KAAK,UAAU,yBACvBX,CAAc,CAAA,CAElB,CAAA,CAAA,CACM,IAEXV,MAACmB,EAAM,OAAA,CAAA,SACJJ,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAAA,IAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EAEI,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMkB,EAAmB,OAAO,OAAOlB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps {\n primaryLabel: string;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={css({\n p: 4,\n bg: 'neutral.quaternary',\n _hover: { bg: 'neutral.secondary' },\n })}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <HStack justify=\"space-between\" w=\"full\">\n <HStack>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n },\n }}\n <VStack gap={0} alignItems=\"start\">\n <HStack>\n <Text fontWeight=\"medium\">{primaryLabel}</Text>\n {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n </HStack>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </HStack>\n </HStack>\n </ButtonContainer>\n );\n });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","VStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"07BAiBA,MAAMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,EAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,EAACgB,EACC,CAAA,IAAKR,EACL,UAAWS,EAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAACC,EAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,EACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAI,CAAE,MAAO,aAAc,CAClE,CACF,EACDC,EAACE,EAAO,CAAA,IAAK,EAAG,WAAW,QAAO,SAAA,CAChCF,EAACC,aACCnB,EAACqB,EAAK,CAAA,WAAW,SAAU,SAAAZ,IAC1BE,GAAkBX,EAACsB,EAAgB,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACRb,GACCV,EAACqB,EAAK,CAAA,KAAK,KAAK,UAAU,yBACvBX,CAAc,CAAA,CAElB,CAAA,CAAA,CACM,IAEXV,EAACmB,EAAM,CAAA,SACJJ,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EAEI,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMkB,EAAmB,OAAO,OAAOlB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}
1
+ {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer, ButtonContainerProps } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps, ButtonContainerProps {\n primaryLabel: string;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={css({\n p: 4,\n bg: 'neutral.quaternary',\n _hover: { bg: 'neutral.secondary' },\n })}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <HStack justify=\"space-between\" w=\"full\">\n <HStack>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n },\n }}\n <VStack gap={0} alignItems=\"start\">\n <HStack>\n <Text fontWeight=\"medium\">{primaryLabel}</Text>\n {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n </HStack>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </HStack>\n </HStack>\n </ButtonContainer>\n );\n });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","VStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"07BAiBA,MAAMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,EAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,EAACgB,EACC,CAAA,IAAKR,EACL,UAAWS,EAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAACC,EAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,EACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAI,CAAE,MAAO,aAAc,CAClE,CACF,EACDC,EAACE,EAAO,CAAA,IAAK,EAAG,WAAW,QAAO,SAAA,CAChCF,EAACC,aACCnB,EAACqB,EAAK,CAAA,WAAW,SAAU,SAAAZ,IAC1BE,GAAkBX,EAACsB,EAAgB,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACRb,GACCV,EAACqB,EAAK,CAAA,KAAK,KAAK,UAAU,yBACvBX,CAAc,CAAA,CAElB,CAAA,CAAA,CACM,IAEXV,EAACmB,EAAM,CAAA,SACJJ,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EAEI,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMkB,EAAmB,OAAO,OAAOlB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
+ import { ButtonContainerProps } from '../containers';
2
3
  import { AriaButtonProps } from 'react-aria';
3
- export interface NavigationButtonProps extends AriaButtonProps {
4
+ export interface NavigationButtonProps extends AriaButtonProps, ButtonContainerProps {
4
5
  primaryLabel: string;
5
6
  secondaryLabel?: string;
6
7
  isExternalLink?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-button.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/navigation-button.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkFD,QAAA,MAAM,gBAAgB;;;CAAqE,CAAC;AAE5F,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"navigation-button.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/navigation-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ/E,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,qBAAsB,SAAQ,eAAe,EAAE,oBAAoB;IAClF,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkFD,QAAA,MAAM,gBAAgB;;;CAAqE,CAAC;AAE5F,eAAe,gBAAgB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magiclabs/ui-components",
3
- "version": "1.36.10",
3
+ "version": "1.36.11",
4
4
  "description": "💅 A theme-able library of reusable UI components",
5
5
  "author": "Magic Labs <open-source@magic.link>",
6
6
  "repository": {