npm - @ledgerhq/react-ui - Versions diffs - 0.47.0 → 0.48.0-nightly.20260306030049 - Mend

@ledgerhq/react-ui 0.47.0 → 0.48.0-nightly.20260306030049

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.

Files changed (113) hide show

package/lib/cjs/components/layout/Side/Side.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/layout/Side/Side.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Divider/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/helpers.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Drawer/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Side/Provider.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Side/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionSlide.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Side/Side.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nexport type Props = FlexBoxProps & { text?: string };\nconst DividerBase = styled(Flex).attrs<FlexBoxProps>((p: FlexBoxProps) => ({\n my: p.my \|\| 0,\n height: 1,\n backgroundColor: p.color \|\| \"neutral.c40\",\n}))`\n &[data-variant=\"light\"] {\n background: ${p => p.theme.colors.neutral.c30};\n }\n`;\n\nconst Divider: React.FC<Props> = props => {\n if (!props.text) return <DividerBase {...props} />;\n return (\n <Flex {...props} flexDirection=\"row\" alignItems=\"center\">\n <DividerBase my={6} flex={1} />\n <Text variant=\"bodyLineHeight\" color=\"neutral.c60\" mx={6}>\n {props.text}\n </Text>\n <DividerBase my={6} flex={1} />\n </Flex>\n );\n};\n\nexport default Divider;\n","import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n compose,\n fontSize,\n fontWeight,\n textAlign,\n lineHeight,\n letterSpacing,\n system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n uppercase: {\n property: \"textTransform\",\n transform: value => (value ? \"uppercase\" : \"none\"),\n },\n});\n\ntype FontFamilies =\n \| \"Inter\|ExtraLight\"\n \| \"Inter\|Light\"\n \| \"Inter\|Regular\"\n \| \"Inter\|Medium\"\n \| \"Inter\|SemiBold\"\n \| \"Inter\|Bold\"\n \| \"Inter\|ExtraBold\"\n \| \"Alpha\|Medium\";\n\ntype WhiteSpace = \"normal\" \| \"nowrap\" \| \"pre\" \| \"pre-line\" \| \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n fontFamily?: string;\n ff?: FontFamilies;\n fontSize?: number \| string \| TextVariants;\n variant?: TextVariants;\n textAlign?: string;\n fontWeight?: string;\n lineHeight?: string;\n textTransform?: string;\n textOverflow?: string;\n uppercase?: boolean;\n whiteSpace?: WhiteSpace;\n children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n ({ variant = \"body\", fontSize, color }) => ({\n fontSize: fontSize ? fontSize : variant,\n color: color \|\| \"neutral.c100\",\n }),\n)`\n font-weight: 500;\n white-space: ${props => props.whiteSpace ?? \"normal\"};\n ${(p: TextProps) => textVariantStyle[p.variant \|\| \"body\"]}\n ${compose(\n uppercase,\n lineHeight,\n fontFamily,\n fontSize,\n textAlign,\n fontWeight,\n letterSpacing,\n system({\n textOverflow: true,\n }),\n )}\n ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n const fontsPath = props.fontsPath ?? \"assets/fonts\";\n const fontName = (props.fontMappings && props.fontMappings(name)) \|\| `${name}.woff2`;\n return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n font-weight: 100;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Light-BETA\")};\n font-weight: 300;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Regular\")};\n font-weight: 400;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-SemiBold\")};\n font-weight: 600;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraBold\")};\n font-weight: 900;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Alpha\";\n src: ${getFontSource(\"HMAlphaMono-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n`;\n\nexport const textVariantStyle: Record<\n TextVariants,\n {\n fontFamily: string;\n lineHeight?: string \| number;\n fontWeight?: number;\n \"text-transform\"?: string;\n }\n> = {\n h1: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h1Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n h4: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h4Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n },\n h5: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h5Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n large: {\n fontFamily: \"Inter, Sans\",\n },\n largeLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n body: {\n fontFamily: \"Inter, Sans\",\n },\n bodyLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n paragraph: {\n fontFamily: \"Inter, Sans\",\n },\n paragraphLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n small: {\n fontFamily: \"Inter, Sans\",\n },\n extraSmall: {\n fontFamily: \"Inter, Sans\",\n },\n tiny: {\n fontFamily: \"Inter, Sans\",\n },\n micro: {\n fontFamily: \"Inter, Sans\",\n },\n subtitle: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n \"text-transform\": \"uppercase\",\n },\n};\n","import ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" \| \"shade\" \| \"error\" \| \"color\" \| \"neutral\";\ntype IconPosition = \"right\" \| \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n ff?: string;\n color?: string;\n backgroundColor?: string;\n size?: \"xs\" \| \"small\" \| \"medium\" \| \"large\" \| \"xl\";\n fontSize?: number;\n variant?: ButtonVariants;\n outline?: boolean;\n iconPosition?: IconPosition;\n iconButton?: boolean;\n disabled?: boolean;\n whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n Icon?: React.ReactElement \| React.ComponentType<{ size: number; color?: string }>;\n children?: React.ReactNode;\n onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n iconSize?: number;\n style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n iconPosition: IconPosition;\n}>`\n display: inline-block;\n ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n main: {\n outline: `\n border-color: ${p.theme.colors.neutral.c100};\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover, &:focus {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.neutral.c100};\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c90};\n }\n `,\n },\n shade: `\n border-color: ${p.theme.colors.neutral.c40};\n color: ${p.theme.colors.neutral.c100};\n &:focus {\n border-color: ${p.theme.colors.primary.c80};\n }\n\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c20};\n }\n\n &:active {\n background-color: ${p.theme.colors.neutral.c30};\n }\n `,\n error: {\n outline: `\n border-color: ${p.theme.colors.error.c50};\n color: ${p.theme.colors.error.c50};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.error.c50};\n &:hover {\n background-color: ${p.theme.colors.error.c40};\n }\n `,\n },\n neutral: `\n color: ${p.theme.colors.neutral.c100};\n background-color: ${p.theme.colors.neutral.c30};\n &:hover {\n background-color: ${p.theme.colors.neutral.c40};\n }\n `,\n color: {\n outline: `\n border-color: ${p.theme.colors.primary.c80};\n color: ${p.theme.colors.primary.c80};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.primary.c80};\n &:hover {\n background-color: ${p.theme.colors.primary.c70};\n }\n `,\n },\n disabled: {\n outline: `\n border-color: ${p.theme.colors.neutral.c50};\n color: ${p.theme.colors.neutral.c50};\n background-color: transparent;\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c50};\n background-color: ${p.theme.colors.neutral.c30};\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n },\n default: `\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover {\n text-decoration: underline;\n }\n `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n all: unset;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n fontFamily: \"Inter\",\n fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n background-color: transparent;\n border-color: transparent;\n border-radius: 44px;\n border-style: solid;\n border-width: ${p => (p.outline \|\| p.variant === \"shade\" ? 1 : 0)}px;\n font-weight: 600;\n ${compose(fontFamily, fontSize, border)};\n line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n ${p => buttonSizeStyle[p.size \|\| \"medium\"]}\n text-overflow: ellipsis;\n white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n max-width: 100%;\n position: relative;\n cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n &:active {\n box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n &:focus, &:hover {\n box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n\n ${p => {\n const variants = getVariantColors(p);\n if (p.disabled) {\n return p.outline \|\| p.variant === \"shade\"\n ? variants.disabled.outline\n : variants.disabled.filled;\n }\n\n const variant: ButtonVariants \| \"default\" =\n p.variant ?? (\"default\" as ButtonVariants \| \"default\");\n switch (variant) {\n case \"main\":\n return p.outline ? variants.main.outline : variants.main.filled;\n case \"shade\":\n return variants.shade;\n\n case \"error\":\n return p.outline ? variants.error.outline : variants.error.filled;\n\n case \"color\":\n return p.outline ? variants.color.outline : variants.color.filled;\n\n case \"neutral\":\n return variants.neutral;\n\n case \"default\":\n default:\n return variants.default;\n }\n }}\n ${p =>\n p.iconButton\n ? css`\n width: ${p.theme.space[12]}px;\n padding: 0;\n ${IconContainer} {\n margin: 0;\n }\n `\n : \"\"}\n ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n const iconNodeSize = iconSize \|\| fontSizes[props.fontSize ?? 4];\n const IconNode = useMemo(() => {\n if (!Icon) return null;\n if (typeof Icon === \"object\") return Icon;\n return <Icon size={iconNodeSize} />;\n }, [iconNodeSize, Icon]);\n\n return (\n <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n </Base>\n );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n ButtonProps & {\n onToggle?: (arg0: boolean) => void;\n }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n Icon: props.Icon != null \|\| ChevronBottom,\n iconPosition: props.iconPosition \|\| \"right\",\n}))<{ expanded: boolean }>`\n ${IconContainer} {\n transition: transform 0.25s;\n ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n }\n`;\nexport function ButtonExpand(\n { onToggle, onClick, ...props }: ButtonExpandProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n const [expanded, setExpanded] = useState(false);\n return (\n <StyledButtonExpand\n {...props}\n ref={ref}\n expanded={expanded}\n onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n setExpanded(expanded => !expanded);\n onToggle != null && onToggle(!expanded);\n onClick != null && onClick(event);\n }}\n />\n );\n}\n\nexport const buttonSizeStyle: {\n [index: string]: {\n padding: string;\n height: string;\n };\n} = {\n xs: {\n padding: \"0 12px\",\n height: \"28px\",\n },\n small: {\n padding: \"0 20px\",\n height: \"32px\",\n },\n medium: {\n padding: \"0 24px\",\n height: \"40px\",\n },\n large: {\n padding: \"0 28px\",\n height: \"48px\",\n },\n xl: {\n padding: \"0 28px\",\n height: \"56px\",\n },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import React from \"react\";\n\n// Add helpers that don't have a place in the real world component usage here.\nexport const lipsum =\n \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius sollicitudin lectus vel finibus. Praesent eu leo nec libero interdum sodales et eget nulla. Donec tincidunt posuere sem vel porttitor. Nullam maximus urna non elit tempor, ut fermentum metus euismod. Quisque et rutrum arcu. Etiam nisl elit, tincidunt volutpat libero sed, imperdiet mollis risus. Maecenas imperdiet lectus id sapien tempus, eget fringilla nisl lacinia. Sed sem velit, egestas nec imperdiet ac, lobortis vel lectus. Curabitur dui orci, aliquam sit amet metus ut, sollicitudin fermentum erat. Curabitur id purus eget lectus varius congue. Donec eu auctor augue. Ut eleifend arcu nisl, volutpat fringilla quam cursus sit amet. Praesent leo enim, cursus vel egestas sed, vestibulum imperdiet diam. Etiam a diam lectus. Suspendisse aliquam imperdiet ultrices. Phasellus eget nulla eros. Nullam semper porta pulvinar. Duis maximus, lectus ac fringilla interdum, lacus ex cursus tellus, et dapibus est nisi id dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla gravida elit turpis, ac condimentum velit placerat at. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dolor tellus, semper id pulvinar eget, ornare bibendum justo. Sed in libero nisl. Morbi tincidunt sollicitudin nunc, vel imperdiet nisi iaculis vel. Nam viverra lorem vel ligula varius, lacinia maximus metus porta. Sed vitae vehicula leo. Proin sed lectus in lorem laoreet iaculis sed ut eros. Pellentesque et rhoncus sapien. Nam fringilla mauris nec tellus vestibulum, vel convallis mauris sagittis. Vivamus et lacinia dui. Sed pharetra vitae lacus vel facilisis. Nullam et sollicitudin risus. Curabitur egestas bibendum neque, sed lacinia nisi cursus nec. Quisque sed diam congue, luctus magna eget, convallis lectus. Cras ut tellus imperdiet, blandit magna non, auctor felis. Suspendisse potenti. Nulla volutpat felis vitae ante blandit tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sagittis scelerisque magna quis ultrices\";\n\nexport type StoryTemplate<Args> = {\n (args: Args): React.ReactNode;\n args?: Partial<Args>;\n parameters?: unknown;\n};\n","import React, { useCallback } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../Flex\";\nimport Divider, { Props as DividerProps } from \"../../asorted/Divider\";\nimport Close from \"@ledgerhq/icons-ui/reactLegacy/CloseMedium\";\nimport ArrowLeft from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\n\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport TransitionInOut from \"../../transitions/TransitionInOut\";\nimport Text from \"../../asorted/Text\";\nimport Button from \"../../cta/Button\";\n\nexport enum Direction {\n Left = \"left\",\n Right = \"right\",\n}\n\nconst Container = styled(FlexBox)`\n width: 100%;\n height: 100%;\n flex-direction: column;\n`;\n\nconst Wrapper = styled(FlexBox)<{\n big?: boolean;\n}>`\n height: 100%;\n width: ${p =>\n p.big ? p.theme.sizes.drawer.side.big.width : p.theme.sizes.drawer.side.small.width}px;\n flex-direction: column;\n align-items: stretch;\n justify-content: space-between;\n z-index: ${p => p.theme.zIndexes[8]};\n`;\n\nconst Overlay = styled.div<{ direction: Direction }>`\n display: flex;\n position: fixed;\n justify-content: ${p => (p.direction === Direction.Left ? \"flex-end\" : \"flex-start\")};\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 999;\n background-color: ${p => p.theme.colors.constant.overlay};\n`;\n\nconst ScrollWrapper = styled(FlexBox)`\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nconst ButtonPlaceholder = styled.div`\n min-width: ${p => p.theme.space[12]}px;\n`;\n\nexport interface DrawerProps {\n isOpen: boolean;\n children: React.ReactNode;\n title?: React.ReactNode;\n footer?: React.ReactNode;\n big?: boolean;\n ignoreBackdropClick?: boolean;\n backgroundColor?: string;\n onClose: () => void;\n onBack?: () => void;\n setTransitionsEnabled?: (arg0: boolean) => void;\n hideNavigation?: boolean;\n menuPortalTarget?: Element \| null;\n direction?: Direction;\n extraContainerProps?: Partial<FlexBoxProps>;\n extraHeaderProps?: Partial<FlexBoxProps>;\n extraFooterProps?: Partial<FlexBoxProps>;\n extraFooterDividerProps?: Partial<DividerProps>;\n}\n\nconst DrawerContent = React.forwardRef(\n (\n {\n isOpen,\n title,\n children,\n footer,\n big,\n onClose,\n backgroundColor,\n setTransitionsEnabled = () => 0,\n onBack,\n extraContainerProps,\n extraHeaderProps,\n extraFooterProps,\n extraFooterDividerProps,\n ignoreBackdropClick = false,\n hideNavigation = true,\n direction = Direction.Left,\n }: DrawerProps,\n ref?: React.ForwardedRef<HTMLDivElement>,\n ) => {\n const disableChildAnimations = useCallback(\n () => setTransitionsEnabled(false),\n [setTransitionsEnabled],\n );\n const enableChildAnimations = useCallback(\n () => setTransitionsEnabled(true),\n [setTransitionsEnabled],\n );\n\n const handleBackdropClick = useCallback(() => {\n if (!ignoreBackdropClick) {\n onClose();\n }\n }, [onClose, ignoreBackdropClick]);\n\n const stopClickPropagation = useCallback((e: React.MouseEvent) => {\n e.stopPropagation();\n }, []);\n\n return (\n <TransitionInOut\n in={isOpen}\n appear\n mountOnEnter\n unmountOnExit\n onEntering={disableChildAnimations}\n onEntered={enableChildAnimations}\n onExiting={disableChildAnimations}\n >\n <Overlay direction={direction} onClick={handleBackdropClick} ref={ref}>\n <TransitionSlide\n in={isOpen}\n direction={direction}\n fixed\n reverseExit\n appear\n mountOnEnter\n unmountOnExit\n >\n <Wrapper\n big={big}\n onClick={stopClickPropagation}\n backgroundColor={backgroundColor ?? \"background.main\"}\n >\n <Container>\n <FlexBox\n justifyContent=\"space-between\"\n alignItems=\"center\"\n p={12}\n pb={10}\n {...extraHeaderProps}\n >\n {!hideNavigation && (\n <>\n {onBack != null ? (\n <Button variant=\"neutral\" onClick={onBack} Icon={ArrowLeft} />\n ) : (\n <ButtonPlaceholder />\n )}\n </>\n )}\n {(\n <Text variant={\"h3\"} flex={1} textAlign=\"center\">\n {title}\n </Text>\n ) \|\| <div />}\n <FlexBox alignSelf=\"flex-start\">\n <Button variant=\"neutral\" onClick={onClose} Icon={Close} />\n </FlexBox>\n </FlexBox>\n <ScrollWrapper\n flexDirection=\"column\"\n alignItems=\"stretch\"\n overflow=\"scroll\"\n position=\"relative\"\n p={12}\n pt={0}\n flex={1}\n {...extraContainerProps}\n >\n {children}\n </ScrollWrapper>\n {footer && (\n <>\n <Divider {...extraFooterDividerProps} />\n <FlexBox alignItems=\"center\" py={8} px={12} {...extraFooterProps}>\n {footer}\n </FlexBox>\n </>\n )}\n </Container>\n </Wrapper>\n </TransitionSlide>\n </Overlay>\n </TransitionInOut>\n );\n },\n);\n\nconst Drawer = (\n { children, menuPortalTarget, ...sideProps }: DrawerProps,\n ref?: React.ForwardedRef<HTMLDivElement>,\n): React.ReactElement => {\n const $root = React.useMemo(\n () =>\n menuPortalTarget === undefined && typeof document !== \"undefined\"\n ? document.querySelector(\"body\")\n : menuPortalTarget,\n [menuPortalTarget],\n );\n if (!$root) {\n return (\n <DrawerContent ref={ref} {...sideProps}>\n {children}\n </DrawerContent>\n );\n } else {\n return ReactDOM.createPortal(\n <DrawerContent ref={ref} {...sideProps}>\n {children}\n </DrawerContent>,\n $root,\n );\n }\n};\n\nexport default React.forwardRef(Drawer);\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React, { useReducer, useEffect, useCallback, useContext } from \"react\";\nimport type { SideProps } from \".\";\n\ninterface State<P extends SideProps = SideProps> {\n Component: React.ComponentType<P> \| null \| undefined;\n props?: P;\n open: boolean;\n}\n// actions\n// it makes them available and current from connector events handlers\nexport let setSide: <P extends SideProps = SideProps>(\n Component?: State<P>[\"Component\"],\n props?: State<P>[\"props\"],\n) => void = () => {};\n\n// reducer\nconst reducer = <P extends SideProps = SideProps>(state: State<P>, update: State<P>) => {\n return { ...state, ...update };\n};\n\nconst initialState: State = {\n Component: null,\n open: false,\n};\n\ninterface ContextValue<P extends SideProps = SideProps> {\n state: State<P>;\n setSide: (Component?: React.ComponentType<P>, props?: P) => void;\n}\n\nexport const context = React.createContext<ContextValue>({\n state: initialState,\n setSide: () => {},\n});\n\nexport const useSide = (): ContextValue => {\n return useContext(context);\n};\n\nconst SideProvider = ({ children }: { children: React.ReactNode }): React.JSX.Element => {\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const _setSide = useCallback((Component: any, props: any) => {\n dispatch({\n Component,\n props,\n open: !!Component,\n });\n }, []);\n\n useEffect(() => {\n setSide = _setSide;\n }, [_setSide]);\n\n return (\n <context.Provider\n value={{\n state,\n setSide: _setSide,\n }}\n >\n {children}\n </context.Provider>\n );\n};\n\nexport default SideProvider;\n","import React, { useRef, useCallback, useEffect, useState } from \"react\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport Drawer from \"../Drawer\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport { useSide } from \"./Provider\";\n\nexport interface SideProps {\n onBack?: () => void;\n}\n\nexport const SideWrapper = (props: SideProps): React.JSX.Element => {\n // Nb Note that it's not a real queue and we need to handle where we go from each _slide_\n const { state, setSide } = useSide();\n const [queue, setQueue] = useState<\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Array<{ Component: React.ComponentType \| null \| undefined; props?: any; key: number }>\n >([]);\n const [direction, setDirection] = useState(\"left\");\n const [transitionsEnabled, setTransitionsEnabled] = useState(false);\n const nonce = useRef(0);\n const onClose = useCallback(() => setSide(), [setSide]);\n\n useEffect(() => {\n setQueue(q => {\n if (!state.open \|\| !state.Component) return [];\n return q.concat([{ ...state, key: nonce.current++ }]);\n });\n }, [state]);\n\n useEffect(() => {\n let timeout: number;\n\n if (queue.length > 1) {\n const [, ...rest] = queue;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore mismatch between nodejs and dom types\n timeout = setTimeout(() => {\n setQueue(rest);\n setDirection(\"left\");\n }, 0);\n }\n\n return () => {\n if (timeout) clearTimeout(timeout);\n };\n }, [queue]);\n\n const wrappedOnBack = useCallback(() => {\n setDirection(\"right\");\n const onBack = state?.props?.onBack;\n onBack && onBack();\n }, [state?.props]);\n\n return (\n <Drawer\n {...props}\n isOpen={!!state.open}\n onClose={onClose}\n onBack={state?.props?.onBack ? wrappedOnBack : undefined}\n setTransitionsEnabled={setTransitionsEnabled}\n hideNavigation={false}\n >\n <TransitionGroup enter={transitionsEnabled} exit={transitionsEnabled} component={null}>\n {queue.map(({ Component, props, key }) => (\n <TransitionSlide key={key} direction={direction}>\n {Component && <Component {...props} />}\n </TransitionSlide>\n ))}\n </TransitionGroup>\n </Drawer>\n );\n};\n\nexport default SideWrapper;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /*\n The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n /\n columnGap?: string \| number;\n /\n The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n /\n rowGap?: string \| number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n transition: ${props => `opacity ${props.timeout}ms ease-in-out`};\n\n &.transition-inout-enter {\n opacity: 0;\n }\n\n &.transition-inout-enter-active {\n opacity: 1;\n }\n\n &.transition-inout-exit {\n opacity: 1;\n }\n\n &.transition-inout-exit-active {\n opacity: 0;\n }\n`;\ntype TransitionInOutProps = Partial<\n CSSTransitionProps<HTMLDivElement> & {\n children: React.ReactNode;\n in: boolean;\n timeout?: number;\n appear?: boolean;\n mountOnEnter?: boolean;\n unmountOnExit?: boolean;\n }\n>;\n\nconst TransitionInOut = ({\n children,\n in: inProp,\n timeout = duration,\n ...TransitionProps\n}: TransitionInOutProps): React.JSX.Element => {\n const nodeRef = useRef<HTMLDivElement>(null);\n return (\n <CSSTransition\n {...TransitionProps}\n nodeRef={nodeRef}\n in={inProp}\n timeout={timeout}\n classNames=\"transition-inout\"\n >\n <ChildrenWrapper ref={nodeRef} timeout={timeout}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n );\n};\n\nexport default TransitionInOut;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n transition: all ${duration}ms ease-in-out;\n will-change: transform;\n ${p =>\n !p.fixed\n ? `\n position: absolute;\n width: 100%;\n `\n : \"\"}\n height: 100%;\n\n &.transition-left-appear,\n &.transition-left-enter {\n transform: translateX(100%);\n }\n\n &.transition-left-appear-active,\n &.transition-left-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-left-exit {\n transform: translateX(0%);\n }\n\n &.transition-left-exit-active {\n transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n }\n\n &.transition-right-appear,\n &.transition-right-enter {\n transform: translateX(-100%);\n }\n\n &.transition-right-appear-active,\n &.transition-right-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-right-exit {\n transform: translateX(0%);\n }\n\n &.transition-right-exit-active {\n transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n }\n`;\ntype TransitionSlideProps = Partial<\n CSSTransitionProps<HTMLDivElement> & {\n children: React.ReactNode;\n fixed: boolean;\n reverseExit?: boolean;\n direction?: \"left\" \| \"right\" \| string;\n }\n>;\n\nconst TransitionSlide = ({\n children,\n fixed,\n direction = \"left\",\n reverseExit,\n ...props\n}: TransitionSlideProps) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n return (\n <CSSTransition\n {...props}\n nodeRef={nodeRef}\n timeout={duration}\n classNames={`transition-${direction}`}\n >\n <ChildrenWrapper ref={nodeRef} fixed={fixed} reverseExit={reverseExit}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n );\n};\n\nexport default TransitionSlide;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"\|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n const prop = props.ff;\n\n if (prop == null) {\n return null;\n }\n\n return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"xxl\";\n\nexport const breakpoints = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n / space indexes:\n 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n 0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n \| \"h1\"\n \| \"h1Inter\"\n \| \"h2\"\n \| \"h2Inter\"\n \| \"h3\"\n \| \"h3Inter\"\n \| \"h4\"\n \| \"h4Inter\"\n \| \"h5\"\n \| \"h5Inter\"\n \| \"large\"\n \| \"largeLineHeight\"\n \| \"body\"\n \| \"bodyLineHeight\"\n \| \"paragraph\"\n \| \"paragraphLineHeight\"\n \| \"small\"\n \| \"extraSmall\"\n \| \"tiny\"\n \| \"micro\"\n \| \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n number,\n TextVariants\n>;\n\n[\n fontSizes.micro,\n fontSizes.tiny,\n fontSizes.extraSmall,\n fontSizes.small,\n fontSizes.paragraph,\n fontSizes.body,\n fontSizes.large,\n fontSizes.h5,\n fontSizes.h4,\n fontSizes.h3,\n fontSizes.h2,\n fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n extraLight: \"100\",\n light: \"300\",\n regular: \"400\",\n medium: \"500\",\n semiBold: \"600\",\n bold: \"700\",\n extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n Inter: {\n ExtraLight: {\n weight: 100,\n style: \"normal\",\n },\n Light: {\n weight: 300,\n style: \"normal\",\n },\n Regular: {\n weight: 400,\n style: \"normal\",\n },\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n SemiBold: {\n weight: 600,\n style: \"normal\",\n },\n Bold: {\n weight: 700,\n style: \"normal\",\n },\n ExtraBold: {\n weight: 800,\n style: \"normal\",\n },\n },\n Alpha: {\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n properties = [\"all\"],\n duration = animationDuration,\n easing = easings.outQuadratic,\n) => css`\n transition-property: ${properties.join(\",\")};\n transition-duration: ${duration};\n transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n `;\nconst fadeOut = keyframes`\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n `;\nconst fadeInGrowX = keyframes`\n 0% {\n opacity: 0;\n transform: scaleX(0);\n }\n 100% {\n opacity: 1;\n transform: scaleX(1);\n }\n`;\nconst fadeInUp = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(66%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0%);\n }\n `;\nconst animations = {\n fadeIn: () => css`\n ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeOut: () => css`\n ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeInGrowX: () => css`\n ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n `,\n fadeInUp: () => css`\n ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n};\nconst overflow = {\n x: css`\n overflow-y: hidden;\n overflow-x: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n y: css`\n overflow-x: hidden;\n overflow-y: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n yAuto: css`\n overflow-x: hidden;\n overflow-y: auto;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n xy: css`\n overflow: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n trackSize: 12,\n};\n\ninterface DefaultTheme {\n theme: \"dark\" \| \"light\";\n animations: typeof animations;\n transition: typeof transition;\n overflow: typeof overflow;\n sizes: {\n topBarHeight: number;\n sideBarWidth: number;\n drawer: {\n side: {\n big: {\n width: number;\n };\n small: {\n width: number;\n };\n };\n popin: {\n min: {\n height: number;\n width: number;\n };\n max: {\n height: number;\n width: number;\n };\n };\n };\n };\n radii: number[];\n fontFamilies: Record<string, Record<string, Font>>;\n fontSizes: number[];\n space: number[];\n shadows: string[];\n colors: ColorPalette;\n fontWeights: Record<string, string>;\n breakpoints: Record<screensBreakpoints, string>;\n zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n theme: \"light\",\n sizes: {\n drawer: {\n side: {\n big: {\n width: 580,\n },\n small: {\n width: 420,\n },\n },\n popin: {\n min: {\n height: 158,\n width: 462,\n },\n max: {\n height: 522,\n width: 622,\n },\n },\n },\n topBarHeight: 58,\n sideBarWidth: 230,\n },\n radii,\n fontFamilies,\n fontSizes,\n fontWeights,\n space,\n shadows,\n colors: palettes.light,\n animations,\n overflow,\n transition,\n zIndexes,\n breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useCallback, useEffect } from \"react\";\nimport styled from \"styled-components\";\n\nimport Button from \"../../cta/Button\";\nimport { lipsum } from \"../../helpers\";\nimport Side, { SideProps } from \"./index\";\nimport SideProvider, { setSide } from \"./Provider\";\n\nconst DummyContentWrapper = styled.div`\n width: 100%;\n background-color: ${p => p.color};\n align-items: center;\n padding: ${p => p.theme.space[4]}px;\n`;\n\nconst onBackLvl1 = () =>\n setSide<SideProps & { left: boolean }>(DummyContent, {\n left: true,\n });\n\nconst onBackLvl2 = () =>\n setSide(DummySubContentLvl1, {\n onBack: onBackLvl1,\n left: true,\n });\n\nconst DummyContent = () => (\n <DummyContentWrapper color={\"#957DAD\"}>\n <Button\n onClick={() =>\n setSide(DummySubContentLvl1, {\n onBack: onBackLvl1,\n left: true,\n })\n }\n >\n {\"Go to level 2\"}\n </Button>\n </DummyContentWrapper>\n);\n\nconst DummySubContentLvl1 = () => (\n <DummyContentWrapper color={\"#E0BBE4\"}>\n <Button\n onClick={() =>\n setSide(DummySubContentLvl2, {\n onBack: onBackLvl2,\n left: true,\n })\n }\n >\n {\"Go to level 3\"}\n </Button>\n <div>{lipsum}</div>\n </DummyContentWrapper>\n);\n\nconst DummySubContentLvl2 = () => (\n <DummyContentWrapper color={\"#FEC8D8\"}>\n <div>{lipsum}</div>\n </DummyContentWrapper>\n);\n\nconst components = {\n DummyContent,\n DummySubContentLvl1,\n DummySubContentLvl2,\n};\n\nexport default {\n title: \"Layout/Drawer/Side\",\n component: Side,\n argTypes: {\n isOpen: {\n type: \"boolean\",\n value: true,\n description: \"Is open\",\n required: false,\n control: {\n type: \"boolean\",\n },\n },\n title: {\n type: \"text\",\n description: \"Side default title\",\n control: {\n type: \"text\",\n },\n required: false,\n },\n big: {\n type: \"boolean\",\n value: true,\n description: \"Larger width side drawer.\",\n required: false,\n control: {\n type: \"boolean\",\n },\n },\n },\n args: {\n title: \"Default title\",\n isOpen: true,\n },\n};\n\nconst Template = (args: SideProps & { isOpen: boolean }) => {\n const onClose = useCallback(() => setSide(null), []);\n const onOpen = useCallback(() => setSide(components.DummyContent), []);\n\n useEffect(() => {\n if (args.isOpen) onOpen();\n if (!args.isOpen) onClose();\n }, [args.isOpen, onClose, onOpen]);\n\n return (\n <SideProvider>\n <Side {...args} />\n </SideProvider>\n );\n};\n\nexport const Default = Template.bind({});\n// @ts-expect-error FIXME\nDefault.args = {};\n"],"names":["React","styled","Flex","Text","DividerBase","p","Divider","props","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","ChevronBottom","useMemo","useState","border","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","Icon","iconPosition","iconSize","children","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","lipsum","useCallback","ReactDOM","FlexBox","Close","ArrowLeft","TransitionSlide","TransitionInOut","Direction","Container","Wrapper","Overlay","ScrollWrapper","ButtonPlaceholder","DrawerContent","isOpen","title","footer","big","onClose","backgroundColor","setTransitionsEnabled","onBack","extraContainerProps","extraHeaderProps","extraFooterProps","extraFooterDividerProps","ignoreBackdropClick","hideNavigation","direction","disableChildAnimations","enableChildAnimations","handleBackdropClick","stopClickPropagation","e","Drawer","menuPortalTarget","sideProps","$root","undefined","document","useReducer","useEffect","useContext","setSide","reducer","state","update","initialState","context","useSide","SideProvider","dispatch","_setSide","Component","useRef","TransitionGroup","SideWrapper","queue","setQueue","setDirection","transitionsEnabled","nonce","q","timeout","rest","setTimeout","clearTimeout","wrappedOnBack","key","gaps","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","CSSTransition","duration","ChildrenWrapper","inProp","TransitionProps","nodeRef","fixed","reverseExit","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","Side","DummyContentWrapper","onBackLvl1","DummyContent","onBackLvl2","DummySubContentLvl1","DummySubContentLvl2","components","Template","args","onOpen","Default"],"mappings":"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"}
1	+ {"version":3,"file":"components/layout/Side/Side.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Divider/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/helpers.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Drawer/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Side/Provider.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Side/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionSlide.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Side/Side.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport Flex, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\n\nexport type Props = FlexBoxProps & { text?: string };\nconst DividerBase = styled(Flex).attrs<FlexBoxProps>((p: FlexBoxProps) => ({\n my: p.my \|\| 0,\n height: 1,\n backgroundColor: p.color \|\| \"neutral.c40\",\n}))`\n &[data-variant=\"light\"] {\n background: ${p => p.theme.colors.neutral.c30};\n }\n`;\n\nconst Divider: React.FC<Props> = props => {\n if (!props.text) return <DividerBase {...props} />;\n return (\n <Flex {...props} flexDirection=\"row\" alignItems=\"center\">\n <DividerBase my={6} flex={1} />\n <Text variant=\"bodyLineHeight\" color=\"neutral.c60\" mx={6}>\n {props.text}\n </Text>\n <DividerBase my={6} flex={1} />\n </Flex>\n );\n};\n\nexport default Divider;\n","import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n compose,\n fontSize,\n fontWeight,\n textAlign,\n lineHeight,\n letterSpacing,\n system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n uppercase: {\n property: \"textTransform\",\n transform: value => (value ? \"uppercase\" : \"none\"),\n },\n});\n\ntype FontFamilies =\n \| \"Inter\|ExtraLight\"\n \| \"Inter\|Light\"\n \| \"Inter\|Regular\"\n \| \"Inter\|Medium\"\n \| \"Inter\|SemiBold\"\n \| \"Inter\|Bold\"\n \| \"Inter\|ExtraBold\"\n \| \"Alpha\|Medium\";\n\ntype WhiteSpace = \"normal\" \| \"nowrap\" \| \"pre\" \| \"pre-line\" \| \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n fontFamily?: string;\n ff?: FontFamilies;\n fontSize?: number \| string \| TextVariants;\n variant?: TextVariants;\n textAlign?: string;\n fontWeight?: string;\n lineHeight?: string;\n textTransform?: string;\n textOverflow?: string;\n uppercase?: boolean;\n whiteSpace?: WhiteSpace;\n children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n ({ variant = \"body\", fontSize, color }) => ({\n fontSize: fontSize ? fontSize : variant,\n color: color \|\| \"neutral.c100\",\n }),\n)`\n font-weight: 500;\n white-space: ${props => props.whiteSpace ?? \"normal\"};\n ${(p: TextProps) => textVariantStyle[p.variant \|\| \"body\"]}\n ${compose(\n uppercase,\n lineHeight,\n fontFamily,\n fontSize,\n textAlign,\n fontWeight,\n letterSpacing,\n system({\n textOverflow: true,\n }),\n )}\n ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n const fontsPath = props.fontsPath ?? \"assets/fonts\";\n const fontName = (props.fontMappings && props.fontMappings(name)) \|\| `${name}.woff2`;\n return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n font-weight: 100;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Light-BETA\")};\n font-weight: 300;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Regular\")};\n font-weight: 400;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-SemiBold\")};\n font-weight: 600;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraBold\")};\n font-weight: 900;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Alpha\";\n src: ${getFontSource(\"HMAlphaMono-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n`;\n\nexport const textVariantStyle: Record<\n TextVariants,\n {\n fontFamily: string;\n lineHeight?: string \| number;\n fontWeight?: number;\n \"text-transform\"?: string;\n }\n> = {\n h1: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h1Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n h4: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h4Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n },\n h5: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h5Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n large: {\n fontFamily: \"Inter, Sans\",\n },\n largeLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n body: {\n fontFamily: \"Inter, Sans\",\n },\n bodyLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n paragraph: {\n fontFamily: \"Inter, Sans\",\n },\n paragraphLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n small: {\n fontFamily: \"Inter, Sans\",\n },\n extraSmall: {\n fontFamily: \"Inter, Sans\",\n },\n tiny: {\n fontFamily: \"Inter, Sans\",\n },\n micro: {\n fontFamily: \"Inter, Sans\",\n },\n subtitle: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n \"text-transform\": \"uppercase\",\n },\n};\n","import ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" \| \"shade\" \| \"error\" \| \"color\" \| \"neutral\";\ntype IconPosition = \"right\" \| \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n ff?: string;\n color?: string;\n backgroundColor?: string;\n size?: \"xs\" \| \"small\" \| \"medium\" \| \"large\" \| \"xl\";\n fontSize?: number;\n variant?: ButtonVariants;\n outline?: boolean;\n iconPosition?: IconPosition;\n iconButton?: boolean;\n disabled?: boolean;\n whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n Icon?: React.ReactElement \| React.ComponentType<{ size: number; color?: string }>;\n children?: React.ReactNode;\n onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n iconSize?: number;\n style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n iconPosition: IconPosition;\n}>`\n display: inline-block;\n ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n main: {\n outline: `\n border-color: ${p.theme.colors.neutral.c100};\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover, &:focus {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.neutral.c100};\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c90};\n }\n `,\n },\n shade: `\n border-color: ${p.theme.colors.neutral.c40};\n color: ${p.theme.colors.neutral.c100};\n &:focus {\n border-color: ${p.theme.colors.primary.c80};\n }\n\n &:hover, &:focus {\n background-color: ${p.theme.colors.neutral.c20};\n }\n\n &:active {\n background-color: ${p.theme.colors.neutral.c30};\n }\n `,\n error: {\n outline: `\n border-color: ${p.theme.colors.error.c50};\n color: ${p.theme.colors.error.c50};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.error.c50};\n &:hover {\n background-color: ${p.theme.colors.error.c40};\n }\n `,\n },\n neutral: `\n color: ${p.theme.colors.neutral.c100};\n background-color: ${p.theme.colors.neutral.c30};\n &:hover {\n background-color: ${p.theme.colors.neutral.c40};\n }\n `,\n color: {\n outline: `\n border-color: ${p.theme.colors.primary.c80};\n color: ${p.theme.colors.primary.c80};\n background-color: transparent;\n &:hover {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n }\n &:active {\n background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c00};\n background-color: ${p.theme.colors.primary.c80};\n &:hover {\n background-color: ${p.theme.colors.primary.c70};\n }\n `,\n },\n disabled: {\n outline: `\n border-color: ${p.theme.colors.neutral.c50};\n color: ${p.theme.colors.neutral.c50};\n background-color: transparent;\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n filled: `\n color: ${p.theme.colors.neutral.c50};\n background-color: ${p.theme.colors.neutral.c30};\n &:focus, &:hover {\n box-shadow: none;\n }\n `,\n },\n default: `\n color: ${p.theme.colors.neutral.c100};\n background-color: transparent;\n &:hover {\n text-decoration: underline;\n }\n `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n all: unset;\n cursor: pointer;\n\n &:disabled {\n cursor: default;\n }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n fontFamily: \"Inter\",\n fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n background-color: transparent;\n border-color: transparent;\n border-radius: 44px;\n border-style: solid;\n border-width: ${p => (p.outline \|\| p.variant === \"shade\" ? 1 : 0)}px;\n font-weight: 600;\n ${compose(fontFamily, fontSize, border)};\n line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n text-align: center;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n ${p => buttonSizeStyle[p.size \|\| \"medium\"]}\n text-overflow: ellipsis;\n white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n max-width: 100%;\n position: relative;\n cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n &:active {\n box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n &:focus, &:hover {\n box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n }\n\n ${p => {\n const variants = getVariantColors(p);\n if (p.disabled) {\n return p.outline \|\| p.variant === \"shade\"\n ? variants.disabled.outline\n : variants.disabled.filled;\n }\n\n const variant: ButtonVariants \| \"default\" =\n p.variant ?? (\"default\" as ButtonVariants \| \"default\");\n switch (variant) {\n case \"main\":\n return p.outline ? variants.main.outline : variants.main.filled;\n case \"shade\":\n return variants.shade;\n\n case \"error\":\n return p.outline ? variants.error.outline : variants.error.filled;\n\n case \"color\":\n return p.outline ? variants.color.outline : variants.color.filled;\n\n case \"neutral\":\n return variants.neutral;\n\n case \"default\":\n default:\n return variants.default;\n }\n }}\n ${p =>\n p.iconButton\n ? css`\n width: ${p.theme.space[12]}px;\n padding: 0;\n ${IconContainer} {\n margin: 0;\n }\n `\n : \"\"}\n ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n const iconNodeSize = iconSize \|\| fontSizes[props.fontSize ?? 4];\n const IconNode = useMemo(() => {\n if (!Icon) return null;\n if (typeof Icon === \"object\") return Icon;\n return <Icon size={iconNodeSize} />;\n }, [iconNodeSize, Icon]);\n\n return (\n <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n </Base>\n );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n ButtonProps & {\n onToggle?: (arg0: boolean) => void;\n }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n Icon: props.Icon != null \|\| ChevronBottom,\n iconPosition: props.iconPosition \|\| \"right\",\n}))<{ expanded: boolean }>`\n ${IconContainer} {\n transition: transform 0.25s;\n ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n }\n`;\nexport function ButtonExpand(\n { onToggle, onClick, ...props }: ButtonExpandProps,\n ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n const [expanded, setExpanded] = useState(false);\n return (\n <StyledButtonExpand\n {...props}\n ref={ref}\n expanded={expanded}\n onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n setExpanded(expanded => !expanded);\n onToggle != null && onToggle(!expanded);\n onClick != null && onClick(event);\n }}\n />\n );\n}\n\nexport const buttonSizeStyle: {\n [index: string]: {\n padding: string;\n height: string;\n };\n} = {\n xs: {\n padding: \"0 12px\",\n height: \"28px\",\n },\n small: {\n padding: \"0 20px\",\n height: \"32px\",\n },\n medium: {\n padding: \"0 24px\",\n height: \"40px\",\n },\n large: {\n padding: \"0 28px\",\n height: \"48px\",\n },\n xl: {\n padding: \"0 28px\",\n height: \"56px\",\n },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import React from \"react\";\n\n// Add helpers that don't have a place in the real world component usage here.\nexport const lipsum =\n \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi varius sollicitudin lectus vel finibus. Praesent eu leo nec libero interdum sodales et eget nulla. Donec tincidunt posuere sem vel porttitor. Nullam maximus urna non elit tempor, ut fermentum metus euismod. Quisque et rutrum arcu. Etiam nisl elit, tincidunt volutpat libero sed, imperdiet mollis risus. Maecenas imperdiet lectus id sapien tempus, eget fringilla nisl lacinia. Sed sem velit, egestas nec imperdiet ac, lobortis vel lectus. Curabitur dui orci, aliquam sit amet metus ut, sollicitudin fermentum erat. Curabitur id purus eget lectus varius congue. Donec eu auctor augue. Ut eleifend arcu nisl, volutpat fringilla quam cursus sit amet. Praesent leo enim, cursus vel egestas sed, vestibulum imperdiet diam. Etiam a diam lectus. Suspendisse aliquam imperdiet ultrices. Phasellus eget nulla eros. Nullam semper porta pulvinar. Duis maximus, lectus ac fringilla interdum, lacus ex cursus tellus, et dapibus est nisi id dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla gravida elit turpis, ac condimentum velit placerat at. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In dolor tellus, semper id pulvinar eget, ornare bibendum justo. Sed in libero nisl. Morbi tincidunt sollicitudin nunc, vel imperdiet nisi iaculis vel. Nam viverra lorem vel ligula varius, lacinia maximus metus porta. Sed vitae vehicula leo. Proin sed lectus in lorem laoreet iaculis sed ut eros. Pellentesque et rhoncus sapien. Nam fringilla mauris nec tellus vestibulum, vel convallis mauris sagittis. Vivamus et lacinia dui. Sed pharetra vitae lacus vel facilisis. Nullam et sollicitudin risus. Curabitur egestas bibendum neque, sed lacinia nisi cursus nec. Quisque sed diam congue, luctus magna eget, convallis lectus. Cras ut tellus imperdiet, blandit magna non, auctor felis. Suspendisse potenti. Nulla volutpat felis vitae ante blandit tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla sagittis scelerisque magna quis ultrices\";\n\nexport type StoryTemplate<Args> = {\n (args: Args): React.ReactNode;\n args?: Partial<Args>;\n parameters?: unknown;\n};\n","import React, { useCallback } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../Flex\";\nimport Divider, { Props as DividerProps } from \"../../asorted/Divider\";\nimport Close from \"@ledgerhq/icons-ui/reactLegacy/CloseMedium\";\nimport ArrowLeft from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\n\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport TransitionInOut from \"../../transitions/TransitionInOut\";\nimport Text from \"../../asorted/Text\";\nimport Button from \"../../cta/Button\";\n\nexport enum Direction {\n Left = \"left\",\n Right = \"right\",\n}\n\nconst Container = styled(FlexBox)`\n width: 100%;\n height: 100%;\n flex-direction: column;\n`;\n\nconst Wrapper = styled(FlexBox)<{\n big?: boolean;\n}>`\n height: 100%;\n width: ${p =>\n p.big ? p.theme.sizes.drawer.side.big.width : p.theme.sizes.drawer.side.small.width}px;\n flex-direction: column;\n align-items: stretch;\n justify-content: space-between;\n z-index: ${p => p.theme.zIndexes[8]};\n`;\n\nconst Overlay = styled.div<{ direction: Direction }>`\n display: flex;\n position: fixed;\n justify-content: ${p => (p.direction === Direction.Left ? \"flex-end\" : \"flex-start\")};\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 999;\n background-color: ${p => p.theme.colors.constant.overlay};\n`;\n\nconst ScrollWrapper = styled(FlexBox)`\n &::-webkit-scrollbar {\n display: none;\n }\n`;\n\nconst ButtonPlaceholder = styled.div`\n min-width: ${p => p.theme.space[12]}px;\n`;\n\nexport interface DrawerProps {\n isOpen: boolean;\n children: React.ReactNode;\n title?: React.ReactNode;\n footer?: React.ReactNode;\n big?: boolean;\n ignoreBackdropClick?: boolean;\n backgroundColor?: string;\n onClose: () => void;\n onBack?: () => void;\n setTransitionsEnabled?: (arg0: boolean) => void;\n hideNavigation?: boolean;\n menuPortalTarget?: Element \| null;\n direction?: Direction;\n extraContainerProps?: Partial<FlexBoxProps>;\n extraHeaderProps?: Partial<FlexBoxProps>;\n extraFooterProps?: Partial<FlexBoxProps>;\n extraFooterDividerProps?: Partial<DividerProps>;\n}\n\nconst DrawerContent = React.forwardRef(\n (\n {\n isOpen,\n title,\n children,\n footer,\n big,\n onClose,\n backgroundColor,\n setTransitionsEnabled = () => 0,\n onBack,\n extraContainerProps,\n extraHeaderProps,\n extraFooterProps,\n extraFooterDividerProps,\n ignoreBackdropClick = false,\n hideNavigation = true,\n direction = Direction.Left,\n }: DrawerProps,\n ref?: React.ForwardedRef<HTMLDivElement>,\n ) => {\n const disableChildAnimations = useCallback(\n () => setTransitionsEnabled(false),\n [setTransitionsEnabled],\n );\n const enableChildAnimations = useCallback(\n () => setTransitionsEnabled(true),\n [setTransitionsEnabled],\n );\n\n const handleBackdropClick = useCallback(() => {\n if (!ignoreBackdropClick) {\n onClose();\n }\n }, [onClose, ignoreBackdropClick]);\n\n const stopClickPropagation = useCallback((e: React.MouseEvent) => {\n e.stopPropagation();\n }, []);\n\n return (\n <TransitionInOut\n in={isOpen}\n appear\n mountOnEnter\n unmountOnExit\n onEntering={disableChildAnimations}\n onEntered={enableChildAnimations}\n onExiting={disableChildAnimations}\n >\n <Overlay direction={direction} onClick={handleBackdropClick} ref={ref}>\n <TransitionSlide\n in={isOpen}\n direction={direction}\n fixed\n reverseExit\n appear\n mountOnEnter\n unmountOnExit\n >\n <Wrapper\n big={big}\n onClick={stopClickPropagation}\n backgroundColor={backgroundColor ?? \"background.main\"}\n >\n <Container>\n <FlexBox\n justifyContent=\"space-between\"\n alignItems=\"center\"\n p={12}\n pb={10}\n {...extraHeaderProps}\n >\n {!hideNavigation && (\n <>\n {onBack != null ? (\n <Button variant=\"neutral\" onClick={onBack} Icon={ArrowLeft} />\n ) : (\n <ButtonPlaceholder />\n )}\n </>\n )}\n <Text variant={\"h3\"} flex={1} textAlign=\"center\">\n {title}\n </Text>\n <FlexBox alignSelf=\"flex-start\">\n <Button variant=\"neutral\" onClick={onClose} Icon={Close} />\n </FlexBox>\n </FlexBox>\n <ScrollWrapper\n flexDirection=\"column\"\n alignItems=\"stretch\"\n overflow=\"scroll\"\n position=\"relative\"\n p={12}\n pt={0}\n flex={1}\n {...extraContainerProps}\n >\n {children}\n </ScrollWrapper>\n {footer && (\n <>\n <Divider {...extraFooterDividerProps} />\n <FlexBox alignItems=\"center\" py={8} px={12} {...extraFooterProps}>\n {footer}\n </FlexBox>\n </>\n )}\n </Container>\n </Wrapper>\n </TransitionSlide>\n </Overlay>\n </TransitionInOut>\n );\n },\n);\n\nconst Drawer = (\n { children, menuPortalTarget, ...sideProps }: DrawerProps,\n ref?: React.ForwardedRef<HTMLDivElement>,\n): React.ReactElement => {\n const $root = React.useMemo(\n () =>\n menuPortalTarget === undefined && typeof document !== \"undefined\"\n ? document.querySelector(\"body\")\n : menuPortalTarget,\n [menuPortalTarget],\n );\n if (!$root) {\n return (\n <DrawerContent ref={ref} {...sideProps}>\n {children}\n </DrawerContent>\n );\n } else {\n return ReactDOM.createPortal(\n <DrawerContent ref={ref} {...sideProps}>\n {children}\n </DrawerContent>,\n $root,\n );\n }\n};\n\nexport default React.forwardRef(Drawer);\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React, { useReducer, useEffect, useCallback, useContext } from \"react\";\nimport type { SideProps } from \".\";\n\ninterface State<P extends SideProps = SideProps> {\n Component: React.ComponentType<P> \| null \| undefined;\n props?: P;\n open: boolean;\n}\n// actions\n// it makes them available and current from connector events handlers\nexport let setSide: <P extends SideProps = SideProps>(\n Component?: State<P>[\"Component\"],\n props?: State<P>[\"props\"],\n) => void = () => {};\n\n// reducer\nconst reducer = <P extends SideProps = SideProps>(state: State<P>, update: State<P>) => {\n return { ...state, ...update };\n};\n\nconst initialState: State = {\n Component: null,\n open: false,\n};\n\ninterface ContextValue<P extends SideProps = SideProps> {\n state: State<P>;\n setSide: (Component?: React.ComponentType<P>, props?: P) => void;\n}\n\nexport const context = React.createContext<ContextValue>({\n state: initialState,\n setSide: () => {},\n});\n\nexport const useSide = (): ContextValue => {\n return useContext(context);\n};\n\nconst SideProvider = ({ children }: { children: React.ReactNode }): React.JSX.Element => {\n const [state, dispatch] = useReducer(reducer, initialState);\n\n const _setSide = useCallback((Component: any, props: any) => {\n dispatch({\n Component,\n props,\n open: !!Component,\n });\n }, []);\n\n useEffect(() => {\n setSide = _setSide;\n }, [_setSide]);\n\n return (\n <context.Provider\n value={{\n state,\n setSide: _setSide,\n }}\n >\n {children}\n </context.Provider>\n );\n};\n\nexport default SideProvider;\n","import React, { useRef, useCallback, useEffect, useState } from \"react\";\nimport { TransitionGroup } from \"react-transition-group\";\nimport Drawer from \"../Drawer\";\nimport TransitionSlide from \"../../transitions/TransitionSlide\";\nimport { useSide } from \"./Provider\";\n\nexport interface SideProps {\n onBack?: () => void;\n}\n\nexport const SideWrapper = (props: SideProps): React.JSX.Element => {\n // Nb Note that it's not a real queue and we need to handle where we go from each _slide_\n const { state, setSide } = useSide();\n const [queue, setQueue] = useState<\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n Array<{ Component: React.ComponentType \| null \| undefined; props?: any; key: number }>\n >([]);\n const [direction, setDirection] = useState(\"left\");\n const [transitionsEnabled, setTransitionsEnabled] = useState(false);\n const nonce = useRef(0);\n const onClose = useCallback(() => setSide(), [setSide]);\n\n useEffect(() => {\n setQueue(q => {\n if (!state.open \|\| !state.Component) return [];\n return q.concat([{ ...state, key: nonce.current++ }]);\n });\n }, [state]);\n\n useEffect(() => {\n let timeout: number;\n\n if (queue.length > 1) {\n const [, ...rest] = queue;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore mismatch between nodejs and dom types\n timeout = setTimeout(() => {\n setQueue(rest);\n setDirection(\"left\");\n }, 0);\n }\n\n return () => {\n if (timeout) clearTimeout(timeout);\n };\n }, [queue]);\n\n const wrappedOnBack = useCallback(() => {\n setDirection(\"right\");\n const onBack = state?.props?.onBack;\n onBack && onBack();\n }, [state?.props]);\n\n return (\n <Drawer\n {...props}\n isOpen={!!state.open}\n onClose={onClose}\n onBack={state?.props?.onBack ? wrappedOnBack : undefined}\n setTransitionsEnabled={setTransitionsEnabled}\n hideNavigation={false}\n >\n <TransitionGroup enter={transitionsEnabled} exit={transitionsEnabled} component={null}>\n {queue.map(({ Component, props, key }) => (\n <TransitionSlide key={key} direction={direction}>\n {Component && <Component {...props} />}\n </TransitionSlide>\n ))}\n </TransitionGroup>\n </Drawer>\n );\n};\n\nexport default SideWrapper;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /*\n The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n /\n columnGap?: string \| number;\n /\n The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n /\n rowGap?: string \| number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n transition: ${props => `opacity ${props.timeout}ms ease-in-out`};\n\n &.transition-inout-enter {\n opacity: 0;\n }\n\n &.transition-inout-enter-active {\n opacity: 1;\n }\n\n &.transition-inout-exit {\n opacity: 1;\n }\n\n &.transition-inout-exit-active {\n opacity: 0;\n }\n`;\ntype TransitionInOutProps = Partial<\n CSSTransitionProps<HTMLDivElement> & {\n children: React.ReactNode;\n in: boolean;\n timeout?: number;\n appear?: boolean;\n mountOnEnter?: boolean;\n unmountOnExit?: boolean;\n }\n>;\n\nconst TransitionInOut = ({\n children,\n in: inProp,\n timeout = duration,\n ...TransitionProps\n}: TransitionInOutProps): React.JSX.Element => {\n const nodeRef = useRef<HTMLDivElement>(null);\n return (\n <CSSTransition\n {...TransitionProps}\n nodeRef={nodeRef}\n in={inProp}\n timeout={timeout}\n classNames=\"transition-inout\"\n >\n <ChildrenWrapper ref={nodeRef} timeout={timeout}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n );\n};\n\nexport default TransitionInOut;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 300;\nconst ChildrenWrapper = styled.div<{ fixed?: boolean; reverseExit?: boolean }>`\n transition: all ${duration}ms ease-in-out;\n will-change: transform;\n ${p =>\n !p.fixed\n ? `\n position: absolute;\n width: 100%;\n `\n : \"\"}\n height: 100%;\n\n &.transition-left-appear,\n &.transition-left-enter {\n transform: translateX(100%);\n }\n\n &.transition-left-appear-active,\n &.transition-left-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-left-exit {\n transform: translateX(0%);\n }\n\n &.transition-left-exit-active {\n transform: translateX(${p => (p.reverseExit ? 100 : -100)}%);\n }\n\n &.transition-right-appear,\n &.transition-right-enter {\n transform: translateX(-100%);\n }\n\n &.transition-right-appear-active,\n &.transition-right-enter-active {\n transform: translateX(0%);\n }\n\n &.transition-right-exit {\n transform: translateX(0%);\n }\n\n &.transition-right-exit-active {\n transform: translateX(${p => (p.reverseExit ? -100 : 100)}%);\n }\n`;\ntype TransitionSlideProps = Partial<\n CSSTransitionProps<HTMLDivElement> & {\n children: React.ReactNode;\n fixed: boolean;\n reverseExit?: boolean;\n direction?: \"left\" \| \"right\" \| string;\n }\n>;\n\nconst TransitionSlide = ({\n children,\n fixed,\n direction = \"left\",\n reverseExit,\n ...props\n}: TransitionSlideProps) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n return (\n <CSSTransition\n {...props}\n nodeRef={nodeRef}\n timeout={duration}\n classNames={`transition-${direction}`}\n >\n <ChildrenWrapper ref={nodeRef} fixed={fixed} reverseExit={reverseExit}>\n {children}\n </ChildrenWrapper>\n </CSSTransition>\n );\n};\n\nexport default TransitionSlide;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n const [font, type = \"Regular\"] = v.split(\"\|\");\n // @ts-expect-error FIXME\n const { style, weight } = fontFamilies[font][type];\n // @ts-expect-error FIXME\n const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n return {\n fontFamily: `${font}, ${fallback}`,\n fontWeight: weight,\n fontStyle: style,\n };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n const colorL1 = Color(color1).luminosity() + 0.05;\n const colorL2 = Color(color2).luminosity() + 0.05;\n\n const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n if (lRatio < 1.5) {\n return Color(color1).rotate(180).negate().string();\n }\n return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n const prop = props.ff;\n\n if (prop == null) {\n return null;\n }\n\n return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n rowGap: { property: \"rowGap\", scale: \"space\" },\n columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"xxl\";\n\nexport const breakpoints = {\n sm: \"640px\",\n md: \"768px\",\n lg: \"1024px\",\n xl: \"1280px\",\n xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n / space indexes:\n 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n 0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n \| \"h1\"\n \| \"h1Inter\"\n \| \"h2\"\n \| \"h2Inter\"\n \| \"h3\"\n \| \"h3Inter\"\n \| \"h4\"\n \| \"h4Inter\"\n \| \"h5\"\n \| \"h5Inter\"\n \| \"large\"\n \| \"largeLineHeight\"\n \| \"body\"\n \| \"bodyLineHeight\"\n \| \"paragraph\"\n \| \"paragraphLineHeight\"\n \| \"small\"\n \| \"extraSmall\"\n \| \"tiny\"\n \| \"micro\"\n \| \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n number,\n TextVariants\n>;\n\n[\n fontSizes.micro,\n fontSizes.tiny,\n fontSizes.extraSmall,\n fontSizes.small,\n fontSizes.paragraph,\n fontSizes.body,\n fontSizes.large,\n fontSizes.h5,\n fontSizes.h4,\n fontSizes.h3,\n fontSizes.h2,\n fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n extraLight: \"100\",\n light: \"300\",\n regular: \"400\",\n medium: \"500\",\n semiBold: \"600\",\n bold: \"700\",\n extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n Inter: {\n ExtraLight: {\n weight: 100,\n style: \"normal\",\n },\n Light: {\n weight: 300,\n style: \"normal\",\n },\n Regular: {\n weight: 400,\n style: \"normal\",\n },\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n SemiBold: {\n weight: 600,\n style: \"normal\",\n },\n Bold: {\n weight: 700,\n style: \"normal\",\n },\n ExtraBold: {\n weight: 800,\n style: \"normal\",\n },\n },\n Alpha: {\n Medium: {\n weight: 500,\n style: \"normal\",\n },\n },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n properties = [\"all\"],\n duration = animationDuration,\n easing = easings.outQuadratic,\n) => css`\n transition-property: ${properties.join(\",\")};\n transition-duration: ${duration};\n transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n `;\nconst fadeOut = keyframes`\n 0% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n }\n `;\nconst fadeInGrowX = keyframes`\n 0% {\n opacity: 0;\n transform: scaleX(0);\n }\n 100% {\n opacity: 1;\n transform: scaleX(1);\n }\n`;\nconst fadeInUp = keyframes`\n 0% {\n opacity: 0;\n transform: translateY(66%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0%);\n }\n `;\nconst animations = {\n fadeIn: () => css`\n ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeOut: () => css`\n ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n fadeInGrowX: () => css`\n ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n `,\n fadeInUp: () => css`\n ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n `,\n};\nconst overflow = {\n x: css`\n overflow-y: hidden;\n overflow-x: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n y: css`\n overflow-x: hidden;\n overflow-y: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n yAuto: css`\n overflow-x: hidden;\n overflow-y: auto;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n xy: css`\n overflow: scroll;\n will-change: transform;\n &:hover {\n --track-color: ${p => p.theme.colors.neutral.c30};\n }\n `,\n trackSize: 12,\n};\n\ninterface DefaultTheme {\n theme: \"dark\" \| \"light\";\n animations: typeof animations;\n transition: typeof transition;\n overflow: typeof overflow;\n sizes: {\n topBarHeight: number;\n sideBarWidth: number;\n drawer: {\n side: {\n big: {\n width: number;\n };\n small: {\n width: number;\n };\n };\n popin: {\n min: {\n height: number;\n width: number;\n };\n max: {\n height: number;\n width: number;\n };\n };\n };\n };\n radii: number[];\n fontFamilies: Record<string, Record<string, Font>>;\n fontSizes: number[];\n space: number[];\n shadows: string[];\n colors: ColorPalette;\n fontWeights: Record<string, string>;\n breakpoints: Record<screensBreakpoints, string>;\n zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n theme: \"light\",\n sizes: {\n drawer: {\n side: {\n big: {\n width: 580,\n },\n small: {\n width: 420,\n },\n },\n popin: {\n min: {\n height: 158,\n width: 462,\n },\n max: {\n height: 522,\n width: 622,\n },\n },\n },\n topBarHeight: 58,\n sideBarWidth: 230,\n },\n radii,\n fontFamilies,\n fontSizes,\n fontWeights,\n space,\n shadows,\n colors: palettes.light,\n animations,\n overflow,\n transition,\n zIndexes,\n breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n }\n }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React, { useCallback, useEffect } from \"react\";\nimport styled from \"styled-components\";\n\nimport Button from \"../../cta/Button\";\nimport { lipsum } from \"../../helpers\";\nimport Side, { SideProps } from \"./index\";\nimport SideProvider, { setSide } from \"./Provider\";\n\nconst DummyContentWrapper = styled.div`\n width: 100%;\n background-color: ${p => p.color};\n align-items: center;\n padding: ${p => p.theme.space[4]}px;\n`;\n\nconst onBackLvl1 = () =>\n setSide<SideProps & { left: boolean }>(DummyContent, {\n left: true,\n });\n\nconst onBackLvl2 = () =>\n setSide(DummySubContentLvl1, {\n onBack: onBackLvl1,\n left: true,\n });\n\nconst DummyContent = () => (\n <DummyContentWrapper color={\"#957DAD\"}>\n <Button\n onClick={() =>\n setSide(DummySubContentLvl1, {\n onBack: onBackLvl1,\n left: true,\n })\n }\n >\n {\"Go to level 2\"}\n </Button>\n </DummyContentWrapper>\n);\n\nconst DummySubContentLvl1 = () => (\n <DummyContentWrapper color={\"#E0BBE4\"}>\n <Button\n onClick={() =>\n setSide(DummySubContentLvl2, {\n onBack: onBackLvl2,\n left: true,\n })\n }\n >\n {\"Go to level 3\"}\n </Button>\n <div>{lipsum}</div>\n </DummyContentWrapper>\n);\n\nconst DummySubContentLvl2 = () => (\n <DummyContentWrapper color={\"#FEC8D8\"}>\n <div>{lipsum}</div>\n </DummyContentWrapper>\n);\n\nconst components = {\n DummyContent,\n DummySubContentLvl1,\n DummySubContentLvl2,\n};\n\nexport default {\n title: \"Layout/Drawer/Side\",\n component: Side,\n argTypes: {\n isOpen: {\n type: \"boolean\",\n value: true,\n description: \"Is open\",\n required: false,\n control: {\n type: \"boolean\",\n },\n },\n title: {\n type: \"text\",\n description: \"Side default title\",\n control: {\n type: \"text\",\n },\n required: false,\n },\n big: {\n type: \"boolean\",\n value: true,\n description: \"Larger width side drawer.\",\n required: false,\n control: {\n type: \"boolean\",\n },\n },\n },\n args: {\n title: \"Default title\",\n isOpen: true,\n },\n};\n\nconst Template = (args: SideProps & { isOpen: boolean }) => {\n const onClose = useCallback(() => setSide(null), []);\n const onOpen = useCallback(() => setSide(components.DummyContent), []);\n\n useEffect(() => {\n if (args.isOpen) onOpen();\n if (!args.isOpen) onClose();\n }, [args.isOpen, onClose, onOpen]);\n\n return (\n <SideProvider>\n <Side {...args} />\n </SideProvider>\n );\n};\n\nexport const Default = Template.bind({});\n// @ts-expect-error FIXME\nDefault.args = {};\n"],"names":["React","styled","Flex","Text","DividerBase","p","Divider","props","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","ChevronBottom","useMemo","useState","border","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","Icon","iconPosition","iconSize","children","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","lipsum","useCallback","ReactDOM","FlexBox","Close","ArrowLeft","TransitionSlide","TransitionInOut","Direction","Container","Wrapper","Overlay","ScrollWrapper","ButtonPlaceholder","DrawerContent","isOpen","title","footer","big","onClose","backgroundColor","setTransitionsEnabled","onBack","extraContainerProps","extraHeaderProps","extraFooterProps","extraFooterDividerProps","ignoreBackdropClick","hideNavigation","direction","disableChildAnimations","enableChildAnimations","handleBackdropClick","stopClickPropagation","e","Drawer","menuPortalTarget","sideProps","$root","undefined","document","useReducer","useEffect","useContext","setSide","reducer","state","update","initialState","context","useSide","SideProvider","dispatch","_setSide","Component","useRef","TransitionGroup","SideWrapper","queue","setQueue","setDirection","transitionsEnabled","nonce","q","timeout","rest","setTimeout","clearTimeout","wrappedOnBack","key","gaps","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","CSSTransition","duration","ChildrenWrapper","inProp","TransitionProps","nodeRef","fixed","reverseExit","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","Side","DummyContentWrapper","onBackLvl1","DummyContent","onBackLvl2","DummySubContentLvl1","DummySubContentLvl2","components","Template","args","onOpen","Default"],"mappings":"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"}

package/lib/cjs/components/layout/Side/index.js CHANGED Viewed

@@ -659,7 +659,7 @@ const DrawerContent = /*#__PURE__*/ react__rspack_import_0_default().forwardRef(
         variant: "h3",
         flex: 1,
         textAlign: "center"
-    }, title) || /*#__PURE__*/ react__rspack_import_0_default().createElement("div", null), /*#__PURE__*/ react__rspack_import_0_default().createElement(_Flex__rspack_import_5["default"], {
+    }, title), /*#__PURE__*/ react__rspack_import_0_default().createElement(_Flex__rspack_import_5["default"], {
         alignSelf: "flex-start"
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(_cta_Button__rspack_import_8["default"], {
         variant: "neutral",