npm - @ledgerhq/react-ui - Versions diffs - 0.46.0-nightly.20260225030417 → 0.46.0 - Mend

@ledgerhq/react-ui 0.46.0-nightly.20260225030417 → 0.46.0

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 (563) hide show

package/lib/cjs/components/navigation/sideBar/Item/Item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/navigation/sideBar/Item/Item.js","sources":["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/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.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/navigation/sideBar/Item/Item.tsx"],"sourcesContent":["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 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 { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\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 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, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../index\";\nimport Text from \"../../../asorted/Text\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport Flex from \"../../../layout/Flex\";\n\nconst ItemWrapper = styled.li`\n /* DEFAULT VARIANT /\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-background-color: unset;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-top: ${p => p.theme.space[3]}px;\n column-gap: ${p => p.theme.space[5]}px;\n padding: ${p => p.theme.space[5]}px;\n border-radius: ${p => p.theme.space[3]}px;\n min-height: ${p => p.theme.space[13]}px;\n min-width: ${p => p.theme.space[13]}px;\n\n color: var(--ll-sidebar-item-icon-color);\n background-color: var(--ll-sidebar-item-background-color);\n cursor: pointer;\n\n / HOVER VARIANT /\n &:hover {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n --ll-sidebar-item-background-color: unset;\n }\n\n / FOCUS VARIANT /\n &:focus {\n box-shadow: 0px 0px 0px 4px rgba(187, 176, 255, 0.4);\n border-radius: ${p => p.theme.space[3]}px;\n }\n\n / ACTIVE VARIANT /\n &[data-active=\"true\"] {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n --ll-sidebar-item-background-color: ${props => props.theme.colors.primary.c20};\n }\n\n / DISABLE VARIANT **/\n &[data-disable=\"true\"] {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-background-color: unset;\n opacity: 0.3;\n cursor: unset;\n pointer-events: none;\n }\n`;\n\nconst CollapsedBadgeContainer = styled.div`\n position: absolute;\n margin-top: -${p => p.theme.space[11]}px;\n margin-left: ${p => p.theme.space[8]}px;\n`;\n\nconst DefaultBadge = styled.div`\n height: ${p => p.theme.space[4]}px;\n width: ${p => p.theme.space[4]}px;\n border-radius: ${p => p.theme.radii[2]}px;\n background-color: ${p => p.theme.colors.primary.c80};\n`;\n\nexport const ItemLabel = styled(Text)`\n display: inline-block;\n color: var(--ll-sidebar-item-label-color);\n\n text-transform: capitalize;\n`;\n\nexport type ItemType = {\n label: string;\n children: React.JSX.Element;\n onClick: () => void;\n isActive?: boolean;\n isDisabled?: boolean;\n displayNotificationBadge?: boolean;\n customNotificationBadge?: React.JSX.Element;\n};\n\nconst Item = ({\n label,\n children,\n onClick,\n isActive,\n isDisabled,\n displayNotificationBadge,\n customNotificationBadge,\n}: ItemType): React.JSX.Element => {\n const { isExpanded } = useContext(SideBarContext);\n\n const handleClick = () => {\n if (isDisabled) return;\n onClick();\n };\n\n const badge = customNotificationBadge ?? <DefaultBadge />;\n\n return (\n <>\n <ItemWrapper\n role=\"button\"\n onClick={handleClick}\n data-active={isActive}\n data-disable={isDisabled}\n tabIndex={0}\n >\n {children}\n <CollapsedBadgeContainer>\n <TransitionInOut\n unmountOnExit\n mountOnEnter\n in={!isExpanded}\n style={{ transitionDelay: !isExpanded ? \"200ms\" : 0 }}\n >\n {displayNotificationBadge && badge}\n </TransitionInOut>\n </CollapsedBadgeContainer>\n <TransitionInOut\n timeout={200}\n in={isExpanded}\n unmountOnExit\n mountOnEnter\n style={{ transitionDelay: isExpanded ? \"200ms\" : 0, display: \"flex\", flex: \"1\" }}\n >\n <ItemLabel variant=\"paragraph\">{label}</ItemLabel>\n <Flex alignItems=\"center\" justifyContent=\"flex-end\" ml={2} flexGrow={1}>\n {displayNotificationBadge && badge}\n </Flex>\n </TransitionInOut>\n </ItemWrapper>\n </>\n );\n};\n\nexport default Item;\n"],"names":["React","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","createContext","gaps","styled","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useRef","CSSTransition","duration","ChildrenWrapper","TransitionInOut","children","inProp","timeout","TransitionProps","nodeRef","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","useContext","SideBarContext","Flex","ItemWrapper","CollapsedBadgeContainer","DefaultBadge","ItemLabel","Item","label","onClick","isActive","isDisabled","displayNotificationBadge","customNotificationBadge","isExpanded","handleClick","badge"],"mappings":"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"}
1	+ {"version":3,"file":"components/navigation/sideBar/Item/Item.js","sources":["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/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.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/navigation/sideBar/Item/Item.tsx"],"sourcesContent":["import 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}\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 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 { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\n","import 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 };\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 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 & {\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): JSX.Element => (\n <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-inout\">\n <ChildrenWrapper timeout={timeout}>{children}</ChildrenWrapper>\n </CSSTransition>\n);\n\nexport default TransitionInOut;\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, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../index\";\nimport Text from \"../../../asorted/Text\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport Flex from \"../../../layout/Flex\";\n\nconst ItemWrapper = styled.li`\n /* DEFAULT VARIANT /\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-background-color: unset;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-top: ${p => p.theme.space[3]}px;\n column-gap: ${p => p.theme.space[5]}px;\n padding: ${p => p.theme.space[5]}px;\n border-radius: ${p => p.theme.space[3]}px;\n min-height: ${p => p.theme.space[13]}px;\n min-width: ${p => p.theme.space[13]}px;\n\n color: var(--ll-sidebar-item-icon-color);\n background-color: var(--ll-sidebar-item-background-color);\n cursor: pointer;\n\n / HOVER VARIANT /\n &:hover {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n --ll-sidebar-item-background-color: unset;\n }\n\n / FOCUS VARIANT /\n &:focus {\n box-shadow: 0px 0px 0px 4px rgba(187, 176, 255, 0.4);\n border-radius: ${p => p.theme.space[3]}px;\n }\n\n / ACTIVE VARIANT /\n &[data-active=\"true\"] {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n --ll-sidebar-item-background-color: ${props => props.theme.colors.primary.c20};\n }\n\n / DISABLE VARIANT **/\n &[data-disable=\"true\"] {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-background-color: unset;\n opacity: 0.3;\n cursor: unset;\n pointer-events: none;\n }\n`;\n\nconst CollapsedBadgeContainer = styled.div`\n position: absolute;\n margin-top: -${p => p.theme.space[11]}px;\n margin-left: ${p => p.theme.space[8]}px;\n`;\n\nconst DefaultBadge = styled.div`\n height: ${p => p.theme.space[4]}px;\n width: ${p => p.theme.space[4]}px;\n border-radius: ${p => p.theme.radii[2]}px;\n background-color: ${p => p.theme.colors.primary.c80};\n`;\n\nexport const ItemLabel = styled(Text)`\n display: inline-block;\n color: var(--ll-sidebar-item-label-color);\n\n text-transform: capitalize;\n`;\n\nexport type ItemType = {\n label: string;\n children: JSX.Element;\n onClick: () => void;\n isActive?: boolean;\n isDisabled?: boolean;\n displayNotificationBadge?: boolean;\n customNotificationBadge?: JSX.Element;\n};\n\nconst Item = ({\n label,\n children,\n onClick,\n isActive,\n isDisabled,\n displayNotificationBadge,\n customNotificationBadge,\n}: ItemType): JSX.Element => {\n const { isExpanded } = useContext(SideBarContext);\n\n const handleClick = () => {\n if (isDisabled) return;\n onClick();\n };\n\n const badge = customNotificationBadge ?? <DefaultBadge />;\n\n return (\n <>\n <ItemWrapper\n role=\"button\"\n onClick={handleClick}\n data-active={isActive}\n data-disable={isDisabled}\n tabIndex={0}\n >\n {children}\n <CollapsedBadgeContainer>\n <TransitionInOut\n unmountOnExit\n mountOnEnter\n in={!isExpanded}\n style={{ transitionDelay: !isExpanded ? \"200ms\" : 0 }}\n >\n {displayNotificationBadge && badge}\n </TransitionInOut>\n </CollapsedBadgeContainer>\n <TransitionInOut\n timeout={200}\n in={isExpanded}\n unmountOnExit\n mountOnEnter\n style={{ transitionDelay: isExpanded ? \"200ms\" : 0, display: \"flex\", flex: \"1\" }}\n >\n <ItemLabel variant=\"paragraph\">{label}</ItemLabel>\n <Flex alignItems=\"center\" justifyContent=\"flex-end\" ml={2} flexGrow={1}>\n {displayNotificationBadge && badge}\n </Flex>\n </TransitionInOut>\n </ItemWrapper>\n </>\n );\n};\n\nexport default Item;\n"],"names":["baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","createContext","gaps","styled","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","React","CSSTransition","duration","ChildrenWrapper","TransitionInOut","children","inProp","timeout","TransitionProps","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","useContext","SideBarContext","Flex","ItemWrapper","CollapsedBadgeContainer","DefaultBadge","ItemLabel","Item","label","onClick","isActive","isDisabled","displayNotificationBadge","customNotificationBadge","isExpanded","handleClick","badge"],"mappings":"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"}

package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js CHANGED Viewed

@@ -5,32 +5,29 @@ var __webpack_modules__ = ({
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* import */ var react__rspack_import_0 = __webpack_require__(2015);
-/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
-/* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
-/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
-/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
-/* import */ var _styles_styled_fontFamily__rspack_import_4 = __webpack_require__(3364);
-/* import */ var _styles__rspack_import_3 = __webpack_require__(4368);
+/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
+/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
+/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
-const uppercase = (0,styled_system__rspack_import_1.system)({
+const uppercase = (0,styled_system__rspack_import_0.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
         fontSize: fontSize ? fontSize : variant,
         color: color || "neutral.c100"
     }))`
   font-weight: 500;
   white-space: ${(props)=>props.whiteSpace ?? "normal"};
-  ${(p)=>_styles__rspack_import_3.textVariantStyle[p.variant || "body"]}
-  ${(0,styled_system__rspack_import_1.compose)(uppercase, styled_system__rspack_import_1.lineHeight, _styles_styled_fontFamily__rspack_import_4["default"], styled_system__rspack_import_1.fontSize, styled_system__rspack_import_1.textAlign, styled_system__rspack_import_1.fontWeight, styled_system__rspack_import_1.letterSpacing, (0,styled_system__rspack_import_1.system)({
+  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
@@ -406,19 +403,14 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     opacity: 0;
   }
 `;
-const TransitionInOut = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>{
-    const nodeRef = (0,react__rspack_import_0.useRef)(null);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+const TransitionInOut = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
         ...TransitionProps,
-        nodeRef: nodeRef,
         in: inProp,
         timeout: timeout,
         classNames: "transition-inout"
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
-        ref: nodeRef,
         timeout: timeout
     }, children));
-};
 /* export default */ const __rspack_default_export = (TransitionInOut);

package/lib/cjs/components/navigation/sideBar/Item/Item.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/navigation/sideBar/Item/Item.stories.js","sources":["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/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Item/Item.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.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/navigation/sideBar/Item/Item.stories.tsx"],"sourcesContent":["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 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, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../index\";\nimport Text from \"../../../asorted/Text\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport Flex from \"../../../layout/Flex\";\n\nconst ItemWrapper = styled.li`\n / DEFAULT VARIANT /\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-background-color: unset;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-top: ${p => p.theme.space[3]}px;\n column-gap: ${p => p.theme.space[5]}px;\n padding: ${p => p.theme.space[5]}px;\n border-radius: ${p => p.theme.space[3]}px;\n min-height: ${p => p.theme.space[13]}px;\n min-width: ${p => p.theme.space[13]}px;\n\n color: var(--ll-sidebar-item-icon-color);\n background-color: var(--ll-sidebar-item-background-color);\n cursor: pointer;\n\n / HOVER VARIANT /\n &:hover {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n --ll-sidebar-item-background-color: unset;\n }\n\n / FOCUS VARIANT /\n &:focus {\n box-shadow: 0px 0px 0px 4px rgba(187, 176, 255, 0.4);\n border-radius: ${p => p.theme.space[3]}px;\n }\n\n / ACTIVE VARIANT /\n &[data-active=\"true\"] {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n --ll-sidebar-item-background-color: ${props => props.theme.colors.primary.c20};\n }\n\n / DISABLE VARIANT /\n &[data-disable=\"true\"] {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-background-color: unset;\n opacity: 0.3;\n cursor: unset;\n pointer-events: none;\n }\n`;\n\nconst CollapsedBadgeContainer = styled.div`\n position: absolute;\n margin-top: -${p => p.theme.space[11]}px;\n margin-left: ${p => p.theme.space[8]}px;\n`;\n\nconst DefaultBadge = styled.div`\n height: ${p => p.theme.space[4]}px;\n width: ${p => p.theme.space[4]}px;\n border-radius: ${p => p.theme.radii[2]}px;\n background-color: ${p => p.theme.colors.primary.c80};\n`;\n\nexport const ItemLabel = styled(Text)`\n display: inline-block;\n color: var(--ll-sidebar-item-label-color);\n\n text-transform: capitalize;\n`;\n\nexport type ItemType = {\n label: string;\n children: React.JSX.Element;\n onClick: () => void;\n isActive?: boolean;\n isDisabled?: boolean;\n displayNotificationBadge?: boolean;\n customNotificationBadge?: React.JSX.Element;\n};\n\nconst Item = ({\n label,\n children,\n onClick,\n isActive,\n isDisabled,\n displayNotificationBadge,\n customNotificationBadge,\n}: ItemType): React.JSX.Element => {\n const { isExpanded } = useContext(SideBarContext);\n\n const handleClick = () => {\n if (isDisabled) return;\n onClick();\n };\n\n const badge = customNotificationBadge ?? <DefaultBadge />;\n\n return (\n <>\n <ItemWrapper\n role=\"button\"\n onClick={handleClick}\n data-active={isActive}\n data-disable={isDisabled}\n tabIndex={0}\n >\n {children}\n <CollapsedBadgeContainer>\n <TransitionInOut\n unmountOnExit\n mountOnEnter\n in={!isExpanded}\n style={{ transitionDelay: !isExpanded ? \"200ms\" : 0 }}\n >\n {displayNotificationBadge && badge}\n </TransitionInOut>\n </CollapsedBadgeContainer>\n <TransitionInOut\n timeout={200}\n in={isExpanded}\n unmountOnExit\n mountOnEnter\n style={{ transitionDelay: isExpanded ? \"200ms\" : 0, display: \"flex\", flex: \"1\" }}\n >\n <ItemLabel variant=\"paragraph\">{label}</ItemLabel>\n <Flex alignItems=\"center\" justifyContent=\"flex-end\" ml={2} flexGrow={1}>\n {displayNotificationBadge && badge}\n </Flex>\n </TransitionInOut>\n </ItemWrapper>\n </>\n );\n};\n\nexport default Item;\n","import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\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 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 from \"react\";\n\nimport { StoryTemplate } from \"../../../helpers\";\nimport WalletIcon from \"@ledgerhq/icons-ui/reactLegacy/WalletMedium\";\nimport Text from \"../../../asorted/Text\";\nimport Flex from \"../../../layout/Flex\";\nimport SideBarContext from \"..\";\nimport Item from \"./Item\";\nimport type { ItemType } from \"./Item\";\n\nexport default {\n title: \"Navigation/SideBar/Item\",\n component: Item,\n argTypes: {\n label: {\n type: \"text\",\n description: \"Label\",\n required: true,\n control: { type: \"text\" },\n },\n onClick: { control: false },\n children: { control: false },\n isActive: { type: \"boolean\" },\n isDisabled: { type: \"boolean\" },\n displayNotificationBadge: { type: \"boolean\" },\n },\n};\n\nconst Template = (args: ItemType) => (\n <Flex flexDirection=\"column\" style={{ rowGap: \"1.5rem\" }}>\n <Flex\n flexDirection=\"column\"\n alignItems=\"flex-Start\"\n style={{ width: \"fit-content\", rowGap: \"0.5rem\" }}\n >\n <Text variant=\"h3\">Expanded</Text>\n <SideBarContext.Provider value={{ isExpanded: true, onToggle: () => {} }}>\n <Item {...args}>\n <WalletIcon />\n </Item>\n </SideBarContext.Provider>\n </Flex>\n\n <Flex\n flexDirection=\"column\"\n alignItems=\"flex-Start\"\n style={{ width: \"fit-content\", rowGap: \"0.5rem\" }}\n >\n <Text variant=\"h3\">Collapsed</Text>\n <SideBarContext.Provider value={{ isExpanded: false, onToggle: () => {} }}>\n <Item {...args}>\n <WalletIcon />\n </Item>\n </SideBarContext.Provider>\n </Flex>\n </Flex>\n);\n\nexport const Default: StoryTemplate<ItemType> = Template.bind({});\nexport const Hover: StoryTemplate<ItemType> = Template.bind({});\nexport const Focus: StoryTemplate<ItemType> = Template.bind({});\nexport const Active: StoryTemplate<ItemType> = Template.bind({});\nexport const Disable: StoryTemplate<ItemType> = Template.bind({});\n\nDefault.args = {\n label: \"accounts\",\n onClick: () => {},\n};\nActive.args = {\n label: \"accounts\",\n onClick: () => {},\n isActive: true,\n};\nDisable.args = {\n label: \"accounts\",\n onClick: () => {},\n isDisabled: true,\n};\nHover.args = {\n label: \"accounts\",\n onClick: () => {},\n};\nHover.parameters = { pseudo: { hover: true } };\nFocus.args = {\n label: \"accounts\",\n onClick: () => {},\n};\nFocus.parameters = { pseudo: { focus: true } };\n"],"names":["React","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","useContext","styled","SideBarContext","TransitionInOut","Flex","ItemWrapper","CollapsedBadgeContainer","DefaultBadge","ItemLabel","Item","label","children","onClick","isActive","isDisabled","displayNotificationBadge","customNotificationBadge","isExpanded","handleClick","badge","createContext","gaps","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useRef","CSSTransition","duration","ChildrenWrapper","inProp","timeout","TransitionProps","nodeRef","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","WalletIcon","Template","args","Default","Hover","Focus","Active","Disable"],"mappings":";;;;;;;;;;;;;;AAA0B;AACiC;AASpC;AACoC;AAEf;AAE5C,MAAMW,YAAYH,yCAAMA,CAAC;IACvB,WAAW;QACT,UAAU;QACV,WAAWI,CAAAA,QAAUA,QAAQ,cAAc;IAC7C;AACF;AA6BA,MAAMC,OAAOZ,8CAAqB,CAChC,CAAC,EAAEa,UAAU,MAAM,EAAEX,QAAQ,EAAEY,KAAK,EAAE,GAAM;QAC1C,UAAUZ,WAAWA,WAAWW;QAChC,OAAOC,SAAS;IAClB,GACD,CAAC;;eAEa,EAAEC,CAAAA,QAASA,MAAM,UAAU,IAAI,SAAS;EACrD,EAAE,CAACC,IAAiBP,yCAAgB,CAACO,EAAE,OAAO,IAAI,OAAO,CAAC;EAC1D,EAAEf,0CAAOA,CACPS,WACAL,yCAAUA,EACVG,qDAAUA,EACVN,uCAAQA,EACRE,wCAASA,EACTD,yCAAUA,EACVG,4CAAaA,EACbC,yCAAMA,CAAC;IACL,cAAc;AAChB,IACA;EACF,EAAES,CAAAA,IAAMA,EAAE,aAAa,GAAG,CAAC,gBAAgB,EAAEA,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAI;AACxE,CAAC;AAED,sDAAeJ,IAAIA,EAAC;;;;;;;;;;ACxEoB;AAGxC,MAAMM,gBAAgB,CAACC,OAAiB,CAACJ;QACvC,MAAMK,YAAYL,MAAM,SAAS,IAAI;QACrC,MAAMM,WAAYN,MAAM,YAAY,IAAIA,MAAM,YAAY,CAACI,SAAU,GAAGA,KAAK,MAAM,CAAC;QACpF,OAAO,CAAC,KAAK,EAAEC,UAAU,CAAC,EAAEC,SAAS,kBAAkB,CAAC;IAC1D;AAEO,MAAMC,aAAaL,0CAAG,CAAC;;;SAGrB,EAAEC,cAAc,yBAAyB;;;;;;;SAOzC,EAAEA,cAAc,oBAAoB;;;;;;;SAOpC,EAAEA,cAAc,iBAAiB;;;;;;;SAOjC,EAAEA,cAAc,gBAAgB;;;;;;;SAOhC,EAAEA,cAAc,kBAAkB;;;;;;;SAOlC,EAAEA,cAAc,mBAAmB;;;;;;;SAOnC,EAAEA,cAAc,sBAAsB;;;;AAI/C,CAAC,CAAC;AAEK,MAAMT,mBAQT;IACF,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,iBAAiB;QACf,YAAY;QACZ,YAAY;IACd;IACA,MAAM;QACJ,YAAY;IACd;IACA,gBAAgB;QACd,YAAY;QACZ,YAAY;IACd;IACA,WAAW;QACT,YAAY;IACd;IACA,qBAAqB;QACnB,YAAY;QACZ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,YAAY;QACV,YAAY;IACd;IACA,MAAM;QACJ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,UAAU;QACR,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;AACF,EAAE;;;;;;;;;AC3JyD;AAE3D,MAAMc,UAAUvB,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAeuB,OAAOA,EAAC;;;;;;;;;;;;;;;;ACLmB;AACH;AACD;AACG;AAC0B;AAC3B;AAExC,MAAMM,cAAcJ,iDAAS,CAAC;;iCAEG,EAAEV,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;gCAC3C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;cAM5D,EAAEC,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;cACxB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;WAC3B,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;iBAClB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;cAC3B,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;aAC1B,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;;;;mCAQH,EAAED,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;kCAC5C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;;mBAOzD,EAAEC,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;;;;;mCAKR,EAAED,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;kCAC5C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;wCACpC,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;mCAK/C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;kCAC3C,EAAEA,CAAAA,QAASA,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;;;;AAM5E,CAAC;AAED,MAAMe,0BAA0BL,kDAAU,CAAC;;eAE5B,EAAET,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;eACzB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;AACvC,CAAC;AAED,MAAMe,eAAeN,kDAAU,CAAC;UACtB,EAAET,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;SACzB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;iBAChB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;oBACrB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;AACtD,CAAC;AAEM,MAAMgB,YAAYP,4CAAMA,CAACb,6CAAIA,CAAC,CAAC;;;;;AAKtC,CAAC,CAAC;AAYF,MAAMqB,OAAO,CAAC,EACZC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,UAAU,EACVC,wBAAwB,EACxBC,uBAAuB,EACd;IACT,MAAM,EAAEC,UAAU,EAAE,GAAGjB,qCAAUA,CAACE,kCAAcA;IAEhD,MAAMgB,cAAc;QAClB,IAAIJ,YAAY;QAChBF;IACF;IAEA,MAAMO,QAAQH,yCAA2B,+CAACT;IAE1C,qBACE,gHACE,+CAACF;QACC,MAAK;QACL,SAASa;QACT,eAAaL;QACb,gBAAcC;QACd,UAAU;OAETH,wBACD,+CAACL,6CACC,+CAACH,wDAAeA;QACd;QACA;QACA,IAAI,CAACc;QACL,OAAO;YAAE,iBAAiB,CAACA,aAAa,UAAU;QAAE;OAEnDF,4BAA4BI,uBAGjC,+CAAChB,wDAAeA;QACd,SAAS;QACT,IAAIc;QACJ;QACA;QACA,OAAO;YAAE,iBAAiBA,aAAa,UAAU;YAAG,SAAS;YAAQ,MAAM;QAAI;qBAE/E,+CAACT;QAAU,SAAQ;OAAaE,sBAChC,+CAACN,wCAAIA;QAAC,YAAW;QAAS,gBAAe;QAAW,IAAI;QAAG,UAAU;OAClEW,4BAA4BI;AAMzC;AAEA,sDAAeV,IAAIA,EAAC;;;;;;;;;;AC/IkB;AAGtC,mEAAeW,wCAAaA,CAA8B,CAAC,EAAE,EAAC;;;;;;;;;;;;;ACFrB;AAC0C;AAiB5D;AAqBhB,MAAMQ,aAA6CnD,0CAAOA,CAC/D6C,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRlC,oCAAKA,EACLmC,qCAAMA,EACNC,uCAAQA,EACRL,+CAAIA,EACJM,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAM7B,8CAAMA,EAAE;IACpC,OAAM8B,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOhC,4CAAMA,CAAC8B,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOjC,4CAAMA,CAAC8B,MAAM,CAACG,SAAS,CAAC,KAAK,CAACjC,8CAAMA,EAAE;gBAAC2B;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;;;;;AC/DN;AACiB;AAEhB;AACvC,MAAMQ,WAAW;AACjB,MAAMC,kBAAkBrC,kDAA+B,CAAC;cAC1C,EAAEV,CAAAA,QAAS,CAAC,QAAQ,EAAEA,MAAM,OAAO,CAAC,cAAc,CAAC,CAAC;;;;;;;;;;;;;;;;;AAiBlE,CAAC;AAYD,MAAMY,kBAAkB,CAAC,EACvBQ,QAAQ,EACR,IAAI4B,MAAM,EACVC,UAAUH,QAAQ,EAClB,GAAGI,iBACkB;IACrB,MAAMC,UAAUP,iCAAMA,CAAiB;IACvC,qBACE,+CAACC,qDAAaA;QACX,GAAGK,eAAe;QACnB,SAASC;QACT,IAAIH;QACJ,SAASC;QACT,YAAW;qBAEX,+CAACF;QAAgB,KAAKI;QAAS,SAASF;OACrC7B;AAIT;AAEA,sDAAeR,eAAeA,EAAC;;;;;;;;;;;;;;;;;;ACzDL;AAEa;AAEhC,MAAM0C,OAAO,CAACC,GAAWC,IAAsBJ,MAAMG,GAAG,KAAK,CAACC,GAAG,GAAG,GAAG,QAAQ,GAAG;AAElF,MAAMC,SAAS,CAACF,GAAWC,IAAsBJ,MAAMG,GAAG,MAAM,CAACC,GAAG,QAAQ,GAAG;AAE/E,MAAME,UAAU,CAACH,GAAWC,IAAsBJ,MAAMG,GAAG,OAAO,CAACC,GAAG,QAAQ,GAAG;AAEjF,MAAMG,MAAM,CAACJ,GAAWK,GAAWJ,IACxCJ,MAAMG,GAAG,GAAG,CAACH,MAAMQ,IAAIJ,GAAG,QAAQ,GAAG;AAEhC,MAAMK,KAAK,CAACC;IACjB,MAAM,CAACC,MAAMC,OAAO,SAAS,CAAC,GAAGF,EAAE,KAAK,CAAC;IACzC,yBAAyB;IACzB,MAAM,EAAEG,KAAK,EAAEC,MAAM,EAAE,GAAGb,kBAAY,CAACU,KAAK,CAACC,KAAK;IAClD,yBAAyB;IACzB,MAAMG,WAAmBd,kBAAY,CAACU,KAAK,CAAC,QAAQ,IAAI;IAExD,OAAO;QACL,YAAY,GAAGA,KAAK,EAAE,EAAEI,UAAU;QAClC,YAAYD;QACZ,WAAWD;IACb;AACF,EAAE;AAEK,MAAMG,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,UAAUnB,MAAMiB,QAAQ,UAAU,KAAK;IAC7C,MAAMG,UAAUpB,MAAMkB,QAAQ,UAAU,KAAK;IAE7C,MAAMG,SAASF,UAAUC,UAAUD,UAAUC,UAAUA,UAAUD;IAEjE,IAAIE,SAAS,KAAK;QAChB,OAAOrB,MAAMiB,QAAQ,MAAM,CAAC,KAAK,MAAM,GAAG,MAAM;IAClD;IACA,OAAOA;AACT,EAAE;;;;;;;;;ACrC8B;AAEhC,sDAAgB,CAAArE;IACd,MAAM0E,OAAO1E,MAAM,EAAE;IAErB,IAAI0E,QAAQ,MAAM;QAChB,OAAO;IACT;IAEA,OAAOb,gCAAEA,CAACa;AACZ,CAAC,EAAC;;;;;;;;;;ACVqC;AAEvC,MAAM5C,OAAOtC,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAesC,IAAIA,EAAC;;;;;;;;;;;;ACPqC;AACI;AAItD,MAAM+C,cAAc;IACzB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;AACP,EAAwC;AAEjC,MAAM7C,QAAQ;IACnB;qFACmF,GACnF;IAAG;IAAG;IAAG;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CACjF,CAAC;AA2BK,MAAM8C,YAAY;IAAC;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG,CAGtE;AAEF,CACEA,UAAU,KAAK,EACfA,UAAU,IAAI,EACdA,UAAU,UAAU,EACpBA,UAAU,KAAK,EACfA,UAAU,SAAS,EACnBA,UAAU,IAAI,EACdA,UAAU,KAAK,EACfA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,CACb,GAAGA;AACJA,UAAU,eAAe,GAAGA,UAAU,KAAK;AAC3CA,UAAU,cAAc,GAAGA,UAAU,IAAI;AACzCA,UAAU,mBAAmB,GAAGA,UAAU,SAAS;AACnDA,UAAU,QAAQ,GAAGA,UAAU,UAAU;AACzCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAEhC,MAAMC,cAAc;IAClB,YAAY;IACZ,OAAO;IACP,SAAS;IACT,QAAQ;IACR,UAAU;IACV,MAAM;IACN,WAAW;AACb;AAEO,MAAMC,QAAQ;IAAC;IAAG;IAAG;IAAG;IAAI;IAAI;CAAG,CAAC;AACpC,MAAMC,UAAU;IAAC;CAAkC,CAAC;AACpD,MAAMC,WAAW;IAAC,CAAC;IAAG;IAAG;IAAG;IAAG;IAAI;IAAI;IAAK;IAAK;CAAK,CAAC;AAE9D,sFAAsF;AAC/E,MAAM7B,eAAe;IAC1B,OAAO;QACL,YAAY;YACV,QAAQ;YACR,OAAO;QACT;QACA,OAAO;YACL,QAAQ;YACR,OAAO;QACT;QACA,SAAS;YACP,QAAQ;YACR,OAAO;QACT;QACA,QAAQ;YACN,QAAQ;YACR,OAAO;QACT;QACA,UAAU;YACR,QAAQ;YACR,OAAO;QACT;QACA,MAAM;YACJ,QAAQ;YACR,OAAO;QACT;QACA,WAAW;YACT,QAAQ;YACR,OAAO;QACT;IACF;IACA,OAAO;QACL,QAAQ;YACN,QAAQ;YACR,OAAO;QACT;IACF;AACF,EAAE;AAEF,MAAM8B,oBAAoB;AAC1B,MAAMC,UAAU;IACd,cAAc;AAChB;AAEA,MAAMC,aAAa,CACjBC,aAAa;IAAC;CAAM,EACpBxC,WAAWqC,iBAAiB,EAC5BI,SAASH,QAAQ,YAAY,GAC1BlF,0CAAG,CAAC;uBACc,EAAEoF,WAAW,IAAI,CAAC,KAAK;uBACvB,EAAExC,SAAS;8BACJ,EAAEyC,OAAO;AACvC,CAAC;AAED,MAAMC,SAASb,gDAAS,CAAC;;;;;;;EAOvB,CAAC;AACH,MAAMc,UAAUd,gDAAS,CAAC;;;;;;;EAOxB,CAAC;AACH,MAAMe,cAAcf,gDAAS,CAAC;;;;;;;;;AAS9B,CAAC;AACD,MAAMgB,WAAWhB,gDAAS,CAAC;;;;;;;;;EASzB,CAAC;AACH,MAAMiB,aAAa;IACjB,QAAQ,IAAM1F,0CAAG,CAAC;IAChB,EAAEsF,OAAO,CAAC,EAAEL,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACxD,CAAC;IACD,SAAS,IAAMlF,0CAAG,CAAC;IACjB,EAAEuF,QAAQ,CAAC,EAAEN,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACzD,CAAC;IACD,aAAa,IAAMlF,0CAAG,CAAC;IACrB,EAAEwF,YAAY,MAAM,EAAEN,QAAQ,YAAY,CAAC;EAC7C,CAAC;IACD,UAAU,IAAMlF,0CAAG,CAAC;IAClB,EAAEyF,SAAS,CAAC,EAAER,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EAC1D,CAAC;AACH;AACA,MAAMjD,WAAW;IACf,GAAGjC,0CAAG,CAAC;;;;;qBAKY,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,GAAGC,0CAAG,CAAC;;;;;qBAKY,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,OAAOC,0CAAG,CAAC;;;;;qBAKQ,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,IAAIC,0CAAG,CAAC;;;;qBAIW,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,WAAW;AACb;AA0CA,MAAM4F,QAAsB;IAC1B,OAAO;IACP,OAAO;QACL,QAAQ;YACN,MAAM;gBACJ,KAAK;oBACH,OAAO;gBACT;gBACA,OAAO;oBACL,OAAO;gBACT;YACF;YACA,OAAO;gBACL,KAAK;oBACH,QAAQ;oBACR,OAAO;gBACT;gBACA,KAAK;oBACH,QAAQ;oBACR,OAAO;gBACT;YACF;QACF;QACA,cAAc;QACd,cAAc;IAChB;IACAb;IACA3B;IACAyB;IACAC;IACA/C;IACAiD;IACA,QAAQL,mDAAc;IACtBgB;IACAzD;IACAkD;IACAH;IACAL;AACF;AAEA,2DAAegB,gDAAAA,KAAKA,EAAAA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnTrB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACN0B;AAG2C;AAC5B;AACD;AACR;AACN;AAG1B,2CAAe;IACb,OAAO;IACP,WAAW3E,eAAIA;IACf,UAAU;QACR,OAAO;YACL,MAAM;YACN,aAAa;YACb,UAAU;YACV,SAAS;gBAAE,MAAM;YAAO;QAC1B;QACA,SAAS;YAAE,SAAS;QAAM;QAC1B,UAAU;YAAE,SAAS;QAAM;QAC3B,UAAU;YAAE,MAAM;QAAU;QAC5B,YAAY;YAAE,MAAM;QAAU;QAC9B,0BAA0B;YAAE,MAAM;QAAU;IAC9C;AACF,CAAC,EAAC;AAEF,MAAM6E,WAAW,CAACC,qBAChB,uCAACnF,eAAIA;QAAC,eAAc;QAAS,OAAO;YAAE,QAAQ;QAAS;qBACrD,uCAACA,eAAIA;QACH,eAAc;QACd,YAAW;QACX,OAAO;YAAE,OAAO;YAAe,QAAQ;QAAS;qBAEhD,uCAAChB,eAAIA;QAAC,SAAQ;OAAK,2BACnB,uCAACc,2BAAuB;QAAC,OAAO;YAAE,YAAY;YAAM,UAAU,KAAO;QAAE;qBACrE,uCAACO,eAAIA,EAAK8E,oBACR,uCAACF,wBAAUA,0BAKjB,uCAACjF,eAAIA;QACH,eAAc;QACd,YAAW;QACX,OAAO;YAAE,OAAO;YAAe,QAAQ;QAAS;qBAEhD,uCAAChB,eAAIA;QAAC,SAAQ;OAAK,4BACnB,uCAACc,2BAAuB;QAAC,OAAO;YAAE,YAAY;YAAO,UAAU,KAAO;QAAE;qBACtE,uCAACO,eAAIA,EAAK8E,oBACR,uCAACF,wBAAUA;AAOd,MAAMG,UAAmCF,SAAS,IAAI,CAAC,CAAC,GAAG;AAC3D,MAAMG,QAAiCH,SAAS,IAAI,CAAC,CAAC,GAAG;AACzD,MAAMI,QAAiCJ,SAAS,IAAI,CAAC,CAAC,GAAG;AACzD,MAAMK,SAAkCL,SAAS,IAAI,CAAC,CAAC,GAAG;AAC1D,MAAMM,UAAmCN,SAAS,IAAI,CAAC,CAAC,GAAG;AAElEE,QAAQ,IAAI,GAAG;IACb,OAAO;IACP,SAAS,KAAO;AAClB;AACAG,OAAO,IAAI,GAAG;IACZ,OAAO;IACP,SAAS,KAAO;IAChB,UAAU;AACZ;AACAC,QAAQ,IAAI,GAAG;IACb,OAAO;IACP,SAAS,KAAO;IAChB,YAAY;AACd;AACAH,MAAM,IAAI,GAAG;IACX,OAAO;IACP,SAAS,KAAO;AAClB;AACAA,MAAM,UAAU,GAAG;IAAE,QAAQ;QAAE,OAAO;IAAK;AAAE;AAC7CC,MAAM,IAAI,GAAG;IACX,OAAO;IACP,SAAS,KAAO;AAClB;AACAA,MAAM,UAAU,GAAG;IAAE,QAAQ;QAAE,OAAO;IAAK;AAAE"}
1	+ {"version":3,"file":"components/navigation/sideBar/Item/Item.stories.js","sources":["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/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/Item/Item.tsx","webpack://@ledgerhq/react-ui/./src/components/navigation/sideBar/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.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/navigation/sideBar/Item/Item.stories.tsx"],"sourcesContent":["import 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}\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 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, { useContext } from \"react\";\nimport styled from \"styled-components\";\nimport SideBarContext from \"../index\";\nimport Text from \"../../../asorted/Text\";\nimport TransitionInOut from \"../../../transitions/TransitionInOut\";\nimport Flex from \"../../../layout/Flex\";\n\nconst ItemWrapper = styled.li`\n / DEFAULT VARIANT /\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-background-color: unset;\n\n display: flex;\n flex-direction: row;\n align-items: center;\n margin-top: ${p => p.theme.space[3]}px;\n column-gap: ${p => p.theme.space[5]}px;\n padding: ${p => p.theme.space[5]}px;\n border-radius: ${p => p.theme.space[3]}px;\n min-height: ${p => p.theme.space[13]}px;\n min-width: ${p => p.theme.space[13]}px;\n\n color: var(--ll-sidebar-item-icon-color);\n background-color: var(--ll-sidebar-item-background-color);\n cursor: pointer;\n\n / HOVER VARIANT /\n &:hover {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n --ll-sidebar-item-background-color: unset;\n }\n\n / FOCUS VARIANT /\n &:focus {\n box-shadow: 0px 0px 0px 4px rgba(187, 176, 255, 0.4);\n border-radius: ${p => p.theme.space[3]}px;\n }\n\n / ACTIVE VARIANT /\n &[data-active=\"true\"] {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c100};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.primary.c80};\n --ll-sidebar-item-background-color: ${props => props.theme.colors.primary.c20};\n }\n\n / DISABLE VARIANT /\n &[data-disable=\"true\"] {\n --ll-sidebar-item-label-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-icon-color: ${props => props.theme.colors.neutral.c80};\n --ll-sidebar-item-background-color: unset;\n opacity: 0.3;\n cursor: unset;\n pointer-events: none;\n }\n`;\n\nconst CollapsedBadgeContainer = styled.div`\n position: absolute;\n margin-top: -${p => p.theme.space[11]}px;\n margin-left: ${p => p.theme.space[8]}px;\n`;\n\nconst DefaultBadge = styled.div`\n height: ${p => p.theme.space[4]}px;\n width: ${p => p.theme.space[4]}px;\n border-radius: ${p => p.theme.radii[2]}px;\n background-color: ${p => p.theme.colors.primary.c80};\n`;\n\nexport const ItemLabel = styled(Text)`\n display: inline-block;\n color: var(--ll-sidebar-item-label-color);\n\n text-transform: capitalize;\n`;\n\nexport type ItemType = {\n label: string;\n children: JSX.Element;\n onClick: () => void;\n isActive?: boolean;\n isDisabled?: boolean;\n displayNotificationBadge?: boolean;\n customNotificationBadge?: JSX.Element;\n};\n\nconst Item = ({\n label,\n children,\n onClick,\n isActive,\n isDisabled,\n displayNotificationBadge,\n customNotificationBadge,\n}: ItemType): JSX.Element => {\n const { isExpanded } = useContext(SideBarContext);\n\n const handleClick = () => {\n if (isDisabled) return;\n onClick();\n };\n\n const badge = customNotificationBadge ?? <DefaultBadge />;\n\n return (\n <>\n <ItemWrapper\n role=\"button\"\n onClick={handleClick}\n data-active={isActive}\n data-disable={isDisabled}\n tabIndex={0}\n >\n {children}\n <CollapsedBadgeContainer>\n <TransitionInOut\n unmountOnExit\n mountOnEnter\n in={!isExpanded}\n style={{ transitionDelay: !isExpanded ? \"200ms\" : 0 }}\n >\n {displayNotificationBadge && badge}\n </TransitionInOut>\n </CollapsedBadgeContainer>\n <TransitionInOut\n timeout={200}\n in={isExpanded}\n unmountOnExit\n mountOnEnter\n style={{ transitionDelay: isExpanded ? \"200ms\" : 0, display: \"flex\", flex: \"1\" }}\n >\n <ItemLabel variant=\"paragraph\">{label}</ItemLabel>\n <Flex alignItems=\"center\" justifyContent=\"flex-end\" ml={2} flexGrow={1}>\n {displayNotificationBadge && badge}\n </Flex>\n </TransitionInOut>\n </ItemWrapper>\n </>\n );\n};\n\nexport default Item;\n","import { createContext } from \"react\";\n\ntype SideBarContextType = { isExpanded: boolean; onToggle: () => void };\nexport default createContext<Partial<SideBarContextType>>({});\n","import 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 };\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 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 & {\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): JSX.Element => (\n <CSSTransition {...TransitionProps} in={inProp} timeout={timeout} classNames=\"transition-inout\">\n <ChildrenWrapper timeout={timeout}>{children}</ChildrenWrapper>\n </CSSTransition>\n);\n\nexport default TransitionInOut;\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 from \"react\";\n\nimport { StoryTemplate } from \"../../../helpers\";\nimport WalletIcon from \"@ledgerhq/icons-ui/reactLegacy/WalletMedium\";\nimport Text from \"../../../asorted/Text\";\nimport Flex from \"../../../layout/Flex\";\nimport SideBarContext from \"..\";\nimport Item from \"./Item\";\nimport type { ItemType } from \"./Item\";\n\nexport default {\n title: \"Navigation/SideBar/Item\",\n component: Item,\n argTypes: {\n label: {\n type: \"text\",\n description: \"Label\",\n required: true,\n control: { type: \"text\" },\n },\n onClick: { control: false },\n children: { control: false },\n isActive: { type: \"boolean\" },\n isDisabled: { type: \"boolean\" },\n displayNotificationBadge: { type: \"boolean\" },\n },\n};\n\nconst Template = (args: ItemType) => (\n <Flex flexDirection=\"column\" style={{ rowGap: \"1.5rem\" }}>\n <Flex\n flexDirection=\"column\"\n alignItems=\"flex-Start\"\n style={{ width: \"fit-content\", rowGap: \"0.5rem\" }}\n >\n <Text variant=\"h3\">Expanded</Text>\n <SideBarContext.Provider value={{ isExpanded: true, onToggle: () => {} }}>\n <Item {...args}>\n <WalletIcon />\n </Item>\n </SideBarContext.Provider>\n </Flex>\n\n <Flex\n flexDirection=\"column\"\n alignItems=\"flex-Start\"\n style={{ width: \"fit-content\", rowGap: \"0.5rem\" }}\n >\n <Text variant=\"h3\">Collapsed</Text>\n <SideBarContext.Provider value={{ isExpanded: false, onToggle: () => {} }}>\n <Item {...args}>\n <WalletIcon />\n </Item>\n </SideBarContext.Provider>\n </Flex>\n </Flex>\n);\n\nexport const Default: StoryTemplate<ItemType> = Template.bind({});\nexport const Hover: StoryTemplate<ItemType> = Template.bind({});\nexport const Focus: StoryTemplate<ItemType> = Template.bind({});\nexport const Active: StoryTemplate<ItemType> = Template.bind({});\nexport const Disable: StoryTemplate<ItemType> = Template.bind({});\n\nDefault.args = {\n label: \"accounts\",\n onClick: () => {},\n};\nActive.args = {\n label: \"accounts\",\n onClick: () => {},\n isActive: true,\n};\nDisable.args = {\n label: \"accounts\",\n onClick: () => {},\n isDisabled: true,\n};\nHover.args = {\n label: \"accounts\",\n onClick: () => {},\n};\nHover.parameters = { pseudo: { hover: true } };\nFocus.args = {\n label: \"accounts\",\n onClick: () => {},\n};\nFocus.parameters = { pseudo: { focus: true } };\n"],"names":["baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","React","useContext","styled","SideBarContext","TransitionInOut","Flex","ItemWrapper","CollapsedBadgeContainer","DefaultBadge","ItemLabel","Item","label","children","onClick","isActive","isDisabled","displayNotificationBadge","customNotificationBadge","isExpanded","handleClick","badge","createContext","gaps","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","CSSTransition","duration","ChildrenWrapper","inProp","timeout","TransitionProps","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","WalletIcon","Template","args","Default","Hover","Focus","Active","Disable"],"mappings":"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"}

package/lib/cjs/components/navigation/sideBar/Item/index.js CHANGED Viewed

@@ -5,32 +5,29 @@ var __webpack_modules__ = ({
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* import */ var react__rspack_import_0 = __webpack_require__(2015);
-/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
-/* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
-/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
-/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
-/* import */ var _styles_styled_fontFamily__rspack_import_4 = __webpack_require__(3364);
-/* import */ var _styles__rspack_import_3 = __webpack_require__(4368);
+/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
+/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
+/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
-const uppercase = (0,styled_system__rspack_import_1.system)({
+const uppercase = (0,styled_system__rspack_import_0.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
         fontSize: fontSize ? fontSize : variant,
         color: color || "neutral.c100"
     }))`
   font-weight: 500;
   white-space: ${(props)=>props.whiteSpace ?? "normal"};
-  ${(p)=>_styles__rspack_import_3.textVariantStyle[p.variant || "body"]}
-  ${(0,styled_system__rspack_import_1.compose)(uppercase, styled_system__rspack_import_1.lineHeight, _styles_styled_fontFamily__rspack_import_4["default"], styled_system__rspack_import_1.fontSize, styled_system__rspack_import_1.textAlign, styled_system__rspack_import_1.fontWeight, styled_system__rspack_import_1.letterSpacing, (0,styled_system__rspack_import_1.system)({
+  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}
@@ -406,19 +403,14 @@ const ChildrenWrapper = (styled_components__rspack_import_2_default().div)`
     opacity: 0;
   }
 `;
-const TransitionInOut = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>{
-    const nodeRef = (0,react__rspack_import_0.useRef)(null);
-    return /*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
+const TransitionInOut = ({ children, in: inProp, timeout = duration, ...TransitionProps })=>/*#__PURE__*/ react__rspack_import_0_default().createElement(react_transition_group__rspack_import_1.CSSTransition, {
         ...TransitionProps,
-        nodeRef: nodeRef,
         in: inProp,
         timeout: timeout,
         classNames: "transition-inout"
     }, /*#__PURE__*/ react__rspack_import_0_default().createElement(ChildrenWrapper, {
-        ref: nodeRef,
         timeout: timeout
     }, children));
-};
 /* export default */ const __rspack_default_export = (TransitionInOut);