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

@ledgerhq/react-ui 0.46.0 → 0.47.0-nightly.20260228025221

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/Table/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Table/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Table/Columns.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","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/Table/index.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon, { Props as IconProps } from \"../asorted/Icon\";\nimport FlexBox from \"../layout/Flex\";\nimport Text, { TextProps } from \"../asorted/Text\";\nexport interface Column<T> {\n /*\n A function called to render each cell of the column.\n /\n render: (props: CellProps<T>) => React.ReactNode;\n /\n A valid grid template [value](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns#values).\n * This layout is applied to every cell of the column.\n * Default to \"min-content\" - the largest minimal content contribution of the grid item.\n /\n layout?: string;\n /\n A function called to render the header cell.\n * If omitted the rendered header element will be an empty div.\n /\n header?: () => React.ReactNode;\n}\n\nexport interface CellProps<T> {\n /\n The cell element.\n /\n elt: T;\n /\n The row index.\n /\n rowIndex: number;\n /\n The column index.\n /\n columnIndex: number;\n}\n\n/\n A column which contains a single icon and that has a fixed width.\n /\nfunction iconColumn<T>({\n props,\n header,\n layout,\n}: {\n /\n An object containing the unerlying <Text /> wrapper props as well as\n * the \"name\" and \"weight\" props of the unerlying <Icon />.\n /\n props: (elt: T) => Pick<IconProps, \"name\" \| \"weight\"> & TextProps;\n /\n An optional render function to display the column header.\n /\n header?: () => React.ReactNode;\n /\n The grid column layout, by default \"min-content\".\n /\n layout?: string;\n}): Column<T> {\n return {\n layout: layout \|\| \"min-content\",\n render: ({ elt }) => {\n const { name, weight, ...textProps } = props(elt);\n return (\n <Text {...textProps} style={{ display: \"flex\", alignItems: \"center\" }}>\n <Icon name={name} weight={weight} />\n </Text>\n );\n },\n header,\n };\n}\nexport { iconColumn as icon };\n\n/\n A column that contains a title and a subtitle.\n /\nfunction textColumn<T>({\n title,\n subtitle,\n header,\n layout,\n titleProps,\n subtitleProps,\n}: {\n /\n An optional title.\n /\n title?: (elt: T) => React.ReactNode;\n /\n An optional subtitle.\n /\n subtitle?: (elt: T) => React.ReactNode;\n /\n An optional render function to display the column header.\n /\n header?: () => React.ReactNode;\n /\n The grid column layout, by default \"auto\".\n /\n layout?: string;\n /\n Optional extra props passed to the title <Text /> wrapper.\n /\n titleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n /\n Optional extra props passed to the subtitle <Text /> wrapper.\n /\n subtitleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n}): Column<T> {\n return {\n layout: layout \|\| \"auto\",\n render: ({ elt }) => (\n <FlexBox flexDirection=\"column\" justifyContent=\"center\">\n {title && (\n <Text\n fontWeight=\"medium\"\n variant={\"body\"}\n textOverflow=\"ellipsis\"\n overflow=\"hidden\"\n color=\"neutral.c100\"\n {...((titleProps && titleProps(elt)) \|\| {})}\n >\n {title(elt)}\n </Text>\n )}\n {subtitle && (\n <Text\n fontWeight=\"medium\"\n variant={\"paragraph\"}\n textOverflow=\"ellipsis\"\n overflow=\"hidden\"\n color=\"neutral.c80\"\n {...((subtitleProps && subtitleProps(elt)) \|\| {})}\n >\n {subtitle(elt)}\n </Text>\n )}\n </FlexBox>\n ),\n header,\n };\n}\nexport { textColumn as text };\n","import as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n name: string;\n size?: number;\n weight?: \"Medium\";\n color?: string;\n};\n\nexport const iconNames = Array.from(\n Object.keys(icons).reduce((set, rawKey) => {\n const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nconst Icon = ({\n name,\n size = 16,\n color = \"currentColor\",\n weight = \"Medium\",\n}: Props): JSX.Element \| null => {\n const maybeIconName = `${name}${weight}`;\n if (maybeIconName in icons) {\n // @ts-expect-error FIXME I don't know how to make you happy ts\n const Component = icons[maybeIconName];\n return <Component size={size} color={color} />;\n }\n return null;\n};\n\nexport default Icon;\n","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 { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n columns?: number \| string;\n rows?: number \| string;\n}\n\nfunction getColumns(props: Props) {\n const { columns } = props;\n return columns === \"none\" ? columns : `repeat(${columns \|\| 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n const { rows } = props;\n return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n display: grid;\n grid-template-columns: ${getColumns};\n grid-template-rows: ${getRows};\n ${grid};\n`;\nexport default Grid;\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 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, { memo, useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps, gridColumn, GridColumnProps } from \"styled-system\";\nimport Grid, { Props as GridProps } from \"../layout/Grid\";\nimport Flex from \"../layout/Flex\";\nimport as Columns from \"./Columns\";\nimport type { Column } from \"./Columns\";\nimport { BaseStyledProps } from \"../styled\";\nexport type { Column };\n\nexport interface ContainerExtraProps extends BorderProps, BaseStyledProps {}\nexport interface ContainerProps extends ContainerExtraProps, GridProps {}\nconst Container = styled(Grid)<ContainerExtraProps>`\n ${border}\n`;\n\nexport const ExtraRowContainer = styled.div.attrs({ gridColumn: \"1 / -1\" })<GridColumnProps>`\n ${gridColumn}\n`;\n\nexport type RowContainerProps = { rowIndex: number };\nexport const RowContainer = styled(Flex)<RowContainerProps>`\n display: contents;\n`;\n\ninterface CommonProps<T> {\n /** Table data /\n data: T[];\n /* Columns used to render table cells and headers. /\n columns: Column<T>[];\n /\n An optional rendering function that will get called after each row render.\n * Can be used to display additional rows and columns dynamically.\n /\n extraRender?: (elt: T, index: number) => React.ReactNode;\n /\n A render function that can be used to wrap each row of the table inside an custom element.\n /\n renderRow?: (rowIndex: number, children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface Props<T> extends CommonProps<T>, Omit<ContainerProps, \"columns\" \| \"color\"> {\n /\n Renders headers if set to true.\n */\n withHeaders?: boolean;\n}\n\nexport interface RowProps<T> extends CommonProps<T> {\n render?: (args: {\n column: Column<T>;\n rowIndex: number;\n columnIndex: number;\n children: React.ReactNode;\n }) => React.ReactNode;\n}\n\nfunction RowsComponent<T>({\n data,\n columns,\n render,\n extraRender,\n renderRow,\n}: RowProps<T>): JSX.Element {\n return (\n <React.Fragment key=\"row-component\">\n {data.map((elt, rowIndex) => {\n const row = (\n <>\n {columns.map((column, columnIndex) => (\n <React.Fragment key={`row-component-column-${rowIndex}${columnIndex}`}>\n {render\n ? render({\n column,\n rowIndex,\n columnIndex,\n children: column.render({ elt, rowIndex, columnIndex }),\n })\n : column.render({ elt, rowIndex, columnIndex })}\n </React.Fragment>\n ))}\n {(extraRender && extraRender(elt, rowIndex)) \|\| null}\n </>\n );\n\n if (renderRow) {\n return renderRow(rowIndex, row);\n } else {\n return <React.Fragment key={`row-component-row-${rowIndex}`}>{row}</React.Fragment>;\n }\n })}\n </React.Fragment>\n );\n}\nexport const Rows = memo(RowsComponent) as typeof RowsComponent;\n\nexport function Table<T>({\n data,\n columns,\n withHeaders,\n extraRender,\n renderRow,\n ...containerProps\n}: Props<T>): JSX.Element {\n const gridTemplateColumns = useMemo(\n () => columns.reduce<string>((acc, col) => `${acc} ${col.layout \|\| \"auto\"}`, \"\"),\n [columns],\n );\n\n const headers = useMemo(\n () =>\n withHeaders\n ? columns.reduce<React.ReactNode[]>(\n (acc, col, index) => [\n ...acc,\n <React.Fragment key={`header-col-${index}`}>\n {col.header ? col.header() : <div />}\n </React.Fragment>,\n ],\n [],\n )\n : null,\n [withHeaders, columns],\n );\n\n return (\n <Container\n gridTemplateColumns={gridTemplateColumns}\n gridAutoRows=\"auto\"\n columns=\"none\"\n alignItems=\"center\"\n {...containerProps}\n >\n {headers}\n <Rows data={data} columns={columns} extraRender={extraRender} renderRow={renderRow} />\n </Container>\n );\n}\nTable.Columns = Columns;\nTable.ExtraRowContainer = ExtraRowContainer;\nTable.RowContainer = RowContainer;\n\nconst memoTable = memo(Table) as unknown as typeof Table;\nmemoTable.Columns = Columns;\nmemoTable.RowContainer = RowContainer;\nmemoTable.ExtraRowContainer = ExtraRowContainer;\n\nexport default memoTable;\n"],"names":["React","Icon","FlexBox","Text","iconColumn","props","header","layout","elt","name","weight","textProps","icon","textColumn","title","subtitle","titleProps","subtitleProps","text","icons","iconNames","Array","Object","set","rawKey","key","Set","size","color","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","p","css","getFontSource","fontsPath","fontName","fontStyles","grid","getColumns","columns","getRows","rows","Grid","gaps","styled","flexbox","space","position","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","memo","useMemo","gridColumn","Flex","Columns","Container","ExtraRowContainer","RowContainer","RowsComponent","data","render","extraRender","renderRow","rowIndex","row","column","columnIndex","Rows","Table","withHeaders","containerProps","gridTemplateColumns","acc","col","headers","index","memoTable"],"mappings":"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"}
1	+ {"version":3,"file":"components/Table/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Table/Columns.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","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/Table/index.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon, { Props as IconProps } from \"../asorted/Icon\";\nimport FlexBox from \"../layout/Flex\";\nimport Text, { TextProps } from \"../asorted/Text\";\nexport interface Column<T> {\n /*\n A function called to render each cell of the column.\n /\n render: (props: CellProps<T>) => React.ReactNode;\n /\n A valid grid template [value](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns#values).\n * This layout is applied to every cell of the column.\n * Default to \"min-content\" - the largest minimal content contribution of the grid item.\n /\n layout?: string;\n /\n A function called to render the header cell.\n * If omitted the rendered header element will be an empty div.\n /\n header?: () => React.ReactNode;\n}\n\nexport interface CellProps<T> {\n /\n The cell element.\n /\n elt: T;\n /\n The row index.\n /\n rowIndex: number;\n /\n The column index.\n /\n columnIndex: number;\n}\n\n/\n A column which contains a single icon and that has a fixed width.\n /\nfunction iconColumn<T>({\n props,\n header,\n layout,\n}: {\n /\n An object containing the unerlying <Text /> wrapper props as well as\n * the \"name\" and \"weight\" props of the unerlying <Icon />.\n /\n props: (elt: T) => Pick<IconProps, \"name\" \| \"weight\"> & TextProps;\n /\n An optional render function to display the column header.\n /\n header?: () => React.ReactNode;\n /\n The grid column layout, by default \"min-content\".\n /\n layout?: string;\n}): Column<T> {\n return {\n layout: layout \|\| \"min-content\",\n render: ({ elt }) => {\n const { name, weight, ...textProps } = props(elt);\n return (\n <Text {...textProps} style={{ display: \"flex\", alignItems: \"center\" }}>\n <Icon name={name} weight={weight} />\n </Text>\n );\n },\n header,\n };\n}\nexport { iconColumn as icon };\n\n/\n A column that contains a title and a subtitle.\n /\nfunction textColumn<T>({\n title,\n subtitle,\n header,\n layout,\n titleProps,\n subtitleProps,\n}: {\n /\n An optional title.\n /\n title?: (elt: T) => React.ReactNode;\n /\n An optional subtitle.\n /\n subtitle?: (elt: T) => React.ReactNode;\n /\n An optional render function to display the column header.\n /\n header?: () => React.ReactNode;\n /\n The grid column layout, by default \"auto\".\n /\n layout?: string;\n /\n Optional extra props passed to the title <Text /> wrapper.\n /\n titleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n /\n Optional extra props passed to the subtitle <Text /> wrapper.\n /\n subtitleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n}): Column<T> {\n return {\n layout: layout \|\| \"auto\",\n render: ({ elt }) => (\n <FlexBox flexDirection=\"column\" justifyContent=\"center\">\n {title && (\n <Text\n fontWeight=\"medium\"\n variant={\"body\"}\n textOverflow=\"ellipsis\"\n overflow=\"hidden\"\n color=\"neutral.c100\"\n {...((titleProps && titleProps(elt)) \|\| {})}\n >\n {title(elt)}\n </Text>\n )}\n {subtitle && (\n <Text\n fontWeight=\"medium\"\n variant={\"paragraph\"}\n textOverflow=\"ellipsis\"\n overflow=\"hidden\"\n color=\"neutral.c80\"\n {...((subtitleProps && subtitleProps(elt)) \|\| {})}\n >\n {subtitle(elt)}\n </Text>\n )}\n </FlexBox>\n ),\n header,\n };\n}\nexport { textColumn as text };\n","import as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n name: string;\n size?: number;\n weight?: \"Medium\";\n color?: string;\n};\n\nexport const iconNames = Array.from(\n Object.keys(icons).reduce((set, rawKey) => {\n const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nconst Icon = ({\n name,\n size = 16,\n color = \"currentColor\",\n weight = \"Medium\",\n}: Props): React.JSX.Element \| null => {\n const maybeIconName = `${name}${weight}`;\n if (maybeIconName in icons) {\n // @ts-expect-error FIXME I don't know how to make you happy ts\n const Component = icons[maybeIconName];\n return <Component size={size} color={color} />;\n }\n return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n compose,\n fontSize,\n fontWeight,\n textAlign,\n lineHeight,\n letterSpacing,\n system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n uppercase: {\n property: \"textTransform\",\n transform: value => (value ? \"uppercase\" : \"none\"),\n },\n});\n\ntype FontFamilies =\n \| \"Inter\|ExtraLight\"\n \| \"Inter\|Light\"\n \| \"Inter\|Regular\"\n \| \"Inter\|Medium\"\n \| \"Inter\|SemiBold\"\n \| \"Inter\|Bold\"\n \| \"Inter\|ExtraBold\"\n \| \"Alpha\|Medium\";\n\ntype WhiteSpace = \"normal\" \| \"nowrap\" \| \"pre\" \| \"pre-line\" \| \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n fontFamily?: string;\n ff?: FontFamilies;\n fontSize?: number \| string \| TextVariants;\n variant?: TextVariants;\n textAlign?: string;\n fontWeight?: string;\n lineHeight?: string;\n textTransform?: string;\n textOverflow?: string;\n uppercase?: boolean;\n whiteSpace?: WhiteSpace;\n children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n ({ variant = \"body\", fontSize, color }) => ({\n fontSize: fontSize ? fontSize : variant,\n color: color \|\| \"neutral.c100\",\n }),\n)`\n font-weight: 500;\n white-space: ${props => props.whiteSpace ?? \"normal\"};\n ${(p: TextProps) => textVariantStyle[p.variant \|\| \"body\"]}\n ${compose(\n uppercase,\n lineHeight,\n fontFamily,\n fontSize,\n textAlign,\n fontWeight,\n letterSpacing,\n system({\n textOverflow: true,\n }),\n )}\n ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n const fontsPath = props.fontsPath ?? \"assets/fonts\";\n const fontName = (props.fontMappings && props.fontMappings(name)) \|\| `${name}.woff2`;\n return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n font-weight: 100;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Light-BETA\")};\n font-weight: 300;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Regular\")};\n font-weight: 400;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-SemiBold\")};\n font-weight: 600;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraBold\")};\n font-weight: 900;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Alpha\";\n src: ${getFontSource(\"HMAlphaMono-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n`;\n\nexport const textVariantStyle: Record<\n TextVariants,\n {\n fontFamily: string;\n lineHeight?: string \| number;\n fontWeight?: number;\n \"text-transform\"?: string;\n }\n> = {\n h1: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h1Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n h4: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h4Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n },\n h5: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h5Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n large: {\n fontFamily: \"Inter, Sans\",\n },\n largeLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n body: {\n fontFamily: \"Inter, Sans\",\n },\n bodyLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n paragraph: {\n fontFamily: \"Inter, Sans\",\n },\n paragraphLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n small: {\n fontFamily: \"Inter, Sans\",\n },\n extraSmall: {\n fontFamily: \"Inter, Sans\",\n },\n tiny: {\n fontFamily: \"Inter, Sans\",\n },\n micro: {\n fontFamily: \"Inter, Sans\",\n },\n subtitle: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n \"text-transform\": \"uppercase\",\n },\n};\n","import 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 { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n columns?: number \| string;\n rows?: number \| string;\n}\n\nfunction getColumns(props: Props) {\n const { columns } = props;\n return columns === \"none\" ? columns : `repeat(${columns \|\| 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n const { rows } = props;\n return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n display: grid;\n grid-template-columns: ${getColumns};\n grid-template-rows: ${getRows};\n ${grid};\n`;\nexport default Grid;\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 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, { memo, useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps, gridColumn, GridColumnProps } from \"styled-system\";\nimport Grid, { Props as GridProps } from \"../layout/Grid\";\nimport Flex from \"../layout/Flex\";\nimport as Columns from \"./Columns\";\nimport type { Column } from \"./Columns\";\nimport { BaseStyledProps } from \"../styled\";\nexport type { Column };\n\nexport interface ContainerExtraProps extends BorderProps, BaseStyledProps {}\nexport interface ContainerProps extends ContainerExtraProps, GridProps {}\nconst Container = styled(Grid)<ContainerExtraProps>`\n ${border}\n`;\n\nexport const ExtraRowContainer = styled.div.attrs({ gridColumn: \"1 / -1\" })<GridColumnProps>`\n ${gridColumn}\n`;\n\nexport type RowContainerProps = { rowIndex: number };\nexport const RowContainer = styled(Flex)<RowContainerProps>`\n display: contents;\n`;\n\ninterface CommonProps<T> {\n /** Table data /\n data: T[];\n /* Columns used to render table cells and headers. /\n columns: Column<T>[];\n /\n An optional rendering function that will get called after each row render.\n * Can be used to display additional rows and columns dynamically.\n /\n extraRender?: (elt: T, index: number) => React.ReactNode;\n /\n A render function that can be used to wrap each row of the table inside an custom element.\n /\n renderRow?: (rowIndex: number, children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface Props<T> extends CommonProps<T>, Omit<ContainerProps, \"columns\" \| \"color\"> {\n /\n Renders headers if set to true.\n */\n withHeaders?: boolean;\n}\n\nexport interface RowProps<T> extends CommonProps<T> {\n render?: (args: {\n column: Column<T>;\n rowIndex: number;\n columnIndex: number;\n children: React.ReactNode;\n }) => React.ReactNode;\n}\n\nfunction RowsComponent<T>({\n data,\n columns,\n render,\n extraRender,\n renderRow,\n}: Readonly<RowProps<T>>): React.JSX.Element {\n return (\n <React.Fragment key=\"row-component\">\n {data.map((elt, rowIndex) => {\n const row = (\n <>\n {columns.map((column, columnIndex) => (\n <React.Fragment key={`row-component-column-${rowIndex}${columnIndex}`}>\n {render\n ? render({\n column,\n rowIndex,\n columnIndex,\n children: column.render({ elt, rowIndex, columnIndex }),\n })\n : column.render({ elt, rowIndex, columnIndex })}\n </React.Fragment>\n ))}\n {(extraRender && extraRender(elt, rowIndex)) \|\| null}\n </>\n );\n\n if (renderRow) {\n return renderRow(rowIndex, row);\n } else {\n return <React.Fragment key={`row-component-row-${rowIndex}`}>{row}</React.Fragment>;\n }\n })}\n </React.Fragment>\n );\n}\nexport const Rows = memo(RowsComponent) as typeof RowsComponent;\n\nexport function Table<T>({\n data,\n columns,\n withHeaders,\n extraRender,\n renderRow,\n ...containerProps\n}: Readonly<Props<T>>): React.JSX.Element {\n const gridTemplateColumns = useMemo(\n () => columns.reduce<string>((acc, col) => `${acc} ${col.layout \|\| \"auto\"}`, \"\"),\n [columns],\n );\n\n const headers = useMemo(\n () =>\n withHeaders\n ? columns.reduce<React.ReactNode[]>(\n (acc, col, index) => [\n ...acc,\n <React.Fragment key={`header-col-${index}`}>\n {col.header ? col.header() : <div />}\n </React.Fragment>,\n ],\n [],\n )\n : null,\n [withHeaders, columns],\n );\n\n return (\n <Container\n gridTemplateColumns={gridTemplateColumns}\n gridAutoRows=\"auto\"\n columns=\"none\"\n alignItems=\"center\"\n {...containerProps}\n >\n {headers}\n <Rows data={data} columns={columns} extraRender={extraRender} renderRow={renderRow} />\n </Container>\n );\n}\nTable.Columns = Columns;\nTable.ExtraRowContainer = ExtraRowContainer;\nTable.RowContainer = RowContainer;\n\nconst memoTable = memo(Table) as unknown as typeof Table;\nmemoTable.Columns = Columns;\nmemoTable.RowContainer = RowContainer;\nmemoTable.ExtraRowContainer = ExtraRowContainer;\n\nexport default memoTable;\n"],"names":["React","Icon","FlexBox","Text","iconColumn","props","header","layout","elt","name","weight","textProps","icon","textColumn","title","subtitle","titleProps","subtitleProps","text","icons","iconNames","Array","Object","set","rawKey","key","Set","size","color","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","p","css","getFontSource","fontsPath","fontName","fontStyles","grid","getColumns","columns","getRows","rows","Grid","gaps","styled","flexbox","space","position","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","memo","useMemo","gridColumn","Flex","Columns","Container","ExtraRowContainer","RowContainer","RowsComponent","data","render","extraRender","renderRow","rowIndex","row","column","columnIndex","Rows","Table","withHeaders","containerProps","gridTemplateColumns","acc","col","headers","index","memoTable"],"mappings":"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"}

package/lib/cjs/components/Table/stories.helper.js CHANGED Viewed

@@ -200,29 +200,32 @@ const Icon = ({ name, size = 16, color = "currentColor", weight = "Medium" })=>{
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* 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);
+/* 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);
-const uppercase = (0,styled_system__rspack_import_0.system)({
+const uppercase = (0,styled_system__rspack_import_1.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_2["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_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)({
+  ${(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)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}

package/lib/cjs/components/Table/stories.helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/Table/stories.helper.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Table/Columns.tsx","webpack://@ledgerhq/react-ui/./src/components/Table/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","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/Table/stories.helper.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon, { Props as IconProps } from \"../asorted/Icon\";\nimport FlexBox from \"../layout/Flex\";\nimport Text, { TextProps } from \"../asorted/Text\";\nexport interface Column<T> {\n /*\n A function called to render each cell of the column.\n /\n render: (props: CellProps<T>) => React.ReactNode;\n /\n A valid grid template [value](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns#values).\n * This layout is applied to every cell of the column.\n * Default to \"min-content\" - the largest minimal content contribution of the grid item.\n /\n layout?: string;\n /\n A function called to render the header cell.\n * If omitted the rendered header element will be an empty div.\n /\n header?: () => React.ReactNode;\n}\n\nexport interface CellProps<T> {\n /\n The cell element.\n /\n elt: T;\n /\n The row index.\n /\n rowIndex: number;\n /\n The column index.\n /\n columnIndex: number;\n}\n\n/\n A column which contains a single icon and that has a fixed width.\n /\nfunction iconColumn<T>({\n props,\n header,\n layout,\n}: {\n /\n An object containing the unerlying <Text /> wrapper props as well as\n * the \"name\" and \"weight\" props of the unerlying <Icon />.\n /\n props: (elt: T) => Pick<IconProps, \"name\" \| \"weight\"> & TextProps;\n /\n An optional render function to display the column header.\n /\n header?: () => React.ReactNode;\n /\n The grid column layout, by default \"min-content\".\n /\n layout?: string;\n}): Column<T> {\n return {\n layout: layout \|\| \"min-content\",\n render: ({ elt }) => {\n const { name, weight, ...textProps } = props(elt);\n return (\n <Text {...textProps} style={{ display: \"flex\", alignItems: \"center\" }}>\n <Icon name={name} weight={weight} />\n </Text>\n );\n },\n header,\n };\n}\nexport { iconColumn as icon };\n\n/\n A column that contains a title and a subtitle.\n /\nfunction textColumn<T>({\n title,\n subtitle,\n header,\n layout,\n titleProps,\n subtitleProps,\n}: {\n /\n An optional title.\n /\n title?: (elt: T) => React.ReactNode;\n /\n An optional subtitle.\n /\n subtitle?: (elt: T) => React.ReactNode;\n /\n An optional render function to display the column header.\n /\n header?: () => React.ReactNode;\n /\n The grid column layout, by default \"auto\".\n /\n layout?: string;\n /\n Optional extra props passed to the title <Text /> wrapper.\n /\n titleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n /\n Optional extra props passed to the subtitle <Text /> wrapper.\n /\n subtitleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n}): Column<T> {\n return {\n layout: layout \|\| \"auto\",\n render: ({ elt }) => (\n <FlexBox flexDirection=\"column\" justifyContent=\"center\">\n {title && (\n <Text\n fontWeight=\"medium\"\n variant={\"body\"}\n textOverflow=\"ellipsis\"\n overflow=\"hidden\"\n color=\"neutral.c100\"\n {...((titleProps && titleProps(elt)) \|\| {})}\n >\n {title(elt)}\n </Text>\n )}\n {subtitle && (\n <Text\n fontWeight=\"medium\"\n variant={\"paragraph\"}\n textOverflow=\"ellipsis\"\n overflow=\"hidden\"\n color=\"neutral.c80\"\n {...((subtitleProps && subtitleProps(elt)) \|\| {})}\n >\n {subtitle(elt)}\n </Text>\n )}\n </FlexBox>\n ),\n header,\n };\n}\nexport { textColumn as text };\n","import React, { memo, useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps, gridColumn, GridColumnProps } from \"styled-system\";\nimport Grid, { Props as GridProps } from \"../layout/Grid\";\nimport Flex from \"../layout/Flex\";\nimport as Columns from \"./Columns\";\nimport type { Column } from \"./Columns\";\nimport { BaseStyledProps } from \"../styled\";\nexport type { Column };\n\nexport interface ContainerExtraProps extends BorderProps, BaseStyledProps {}\nexport interface ContainerProps extends ContainerExtraProps, GridProps {}\nconst Container = styled(Grid)<ContainerExtraProps>`\n ${border}\n`;\n\nexport const ExtraRowContainer = styled.div.attrs({ gridColumn: \"1 / -1\" })<GridColumnProps>`\n ${gridColumn}\n`;\n\nexport type RowContainerProps = { rowIndex: number };\nexport const RowContainer = styled(Flex)<RowContainerProps>`\n display: contents;\n`;\n\ninterface CommonProps<T> {\n /** Table data /\n data: T[];\n /* Columns used to render table cells and headers. /\n columns: Column<T>[];\n /\n An optional rendering function that will get called after each row render.\n * Can be used to display additional rows and columns dynamically.\n /\n extraRender?: (elt: T, index: number) => React.ReactNode;\n /\n A render function that can be used to wrap each row of the table inside an custom element.\n /\n renderRow?: (rowIndex: number, children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface Props<T> extends CommonProps<T>, Omit<ContainerProps, \"columns\" \| \"color\"> {\n /\n Renders headers if set to true.\n /\n withHeaders?: boolean;\n}\n\nexport interface RowProps<T> extends CommonProps<T> {\n render?: (args: {\n column: Column<T>;\n rowIndex: number;\n columnIndex: number;\n children: React.ReactNode;\n }) => React.ReactNode;\n}\n\nfunction RowsComponent<T>({\n data,\n columns,\n render,\n extraRender,\n renderRow,\n}: RowProps<T>): JSX.Element {\n return (\n <React.Fragment key=\"row-component\">\n {data.map((elt, rowIndex) => {\n const row = (\n <>\n {columns.map((column, columnIndex) => (\n <React.Fragment key={`row-component-column-${rowIndex}${columnIndex}`}>\n {render\n ? render({\n column,\n rowIndex,\n columnIndex,\n children: column.render({ elt, rowIndex, columnIndex }),\n })\n : column.render({ elt, rowIndex, columnIndex })}\n </React.Fragment>\n ))}\n {(extraRender && extraRender(elt, rowIndex)) \|\| null}\n </>\n );\n\n if (renderRow) {\n return renderRow(rowIndex, row);\n } else {\n return <React.Fragment key={`row-component-row-${rowIndex}`}>{row}</React.Fragment>;\n }\n })}\n </React.Fragment>\n );\n}\nexport const Rows = memo(RowsComponent) as typeof RowsComponent;\n\nexport function Table<T>({\n data,\n columns,\n withHeaders,\n extraRender,\n renderRow,\n ...containerProps\n}: Props<T>): JSX.Element {\n const gridTemplateColumns = useMemo(\n () => columns.reduce<string>((acc, col) => `${acc} ${col.layout \|\| \"auto\"}`, \"\"),\n [columns],\n );\n\n const headers = useMemo(\n () =>\n withHeaders\n ? columns.reduce<React.ReactNode[]>(\n (acc, col, index) => [\n ...acc,\n <React.Fragment key={`header-col-${index}`}>\n {col.header ? col.header() : <div />}\n </React.Fragment>,\n ],\n [],\n )\n : null,\n [withHeaders, columns],\n );\n\n return (\n <Container\n gridTemplateColumns={gridTemplateColumns}\n gridAutoRows=\"auto\"\n columns=\"none\"\n alignItems=\"center\"\n {...containerProps}\n >\n {headers}\n <Rows data={data} columns={columns} extraRender={extraRender} renderRow={renderRow} />\n </Container>\n );\n}\nTable.Columns = Columns;\nTable.ExtraRowContainer = ExtraRowContainer;\nTable.RowContainer = RowContainer;\n\nconst memoTable = memo(Table) as unknown as typeof Table;\nmemoTable.Columns = Columns;\nmemoTable.RowContainer = RowContainer;\nmemoTable.ExtraRowContainer = ExtraRowContainer;\n\nexport default memoTable;\n","import as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n name: string;\n size?: number;\n weight?: \"Medium\";\n color?: string;\n};\n\nexport const iconNames = Array.from(\n Object.keys(icons).reduce((set, rawKey) => {\n const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nconst Icon = ({\n name,\n size = 16,\n color = \"currentColor\",\n weight = \"Medium\",\n}: Props): JSX.Element \| null => {\n const maybeIconName = `${name}${weight}`;\n if (maybeIconName in icons) {\n // @ts-expect-error FIXME I don't know how to make you happy ts\n const Component = icons[maybeIconName];\n return <Component size={size} color={color} />;\n }\n return null;\n};\n\nexport default Icon;\n","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 { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n columns?: number \| string;\n rows?: number \| string;\n}\n\nfunction getColumns(props: Props) {\n const { columns } = props;\n return columns === \"none\" ? columns : `repeat(${columns \|\| 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n const { rows } = props;\n return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n display: grid;\n grid-template-columns: ${getColumns};\n grid-template-rows: ${getRows};\n ${grid};\n`;\nexport default Grid;\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 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\";\nimport { useTheme } from \"styled-components\";\nimport Text from \"../asorted/Text\";\nimport Table, { Column } from \"./index\";\nimport { CellProps } from \"./Columns\";\nconst { Columns } = Table;\n\nfunction Header({ children }: { children: React.ReactNode }) {\n const theme = useTheme();\n return (\n <Text\n fontWeight=\"semiBold\"\n variant={\"paragraph\"}\n style={{ borderBottom: `1px solid ${theme.colors.neutral.c40}` }}\n mx={-4}\n px={4}\n pb={8}\n >\n {children}\n </Text>\n );\n}\n\nexport type BalanceElement = {\n currency: string;\n amount: number;\n counterValue: number;\n address: string;\n evolution: number;\n starred: boolean;\n};\n\nexport const balance: { data: BalanceElement[]; columns: Column<BalanceElement>[] } = {\n data: [\n {\n currency: \"Ethereum Classic\",\n amount: 128.26484,\n counterValue: 53.29,\n address: \"0x32Be343B94f860124dC4fEe278FDCBD38C102D88\",\n evolution: 0.1,\n starred: false,\n },\n {\n currency: \"Ethereum\",\n amount: 1.23,\n counterValue: 3029.29,\n address: \"0xa910f92acdaf488fa6ef02174fb86208ad7722ba\",\n evolution: 3.0,\n starred: true,\n },\n {\n currency: \"Bitcoin\",\n amount: 0.003,\n counterValue: 1920.23,\n address: \"1F1tAaz5x1HUXrCNLbtMDqcw6o5GNn4xqX\",\n evolution: -2.1,\n starred: true,\n },\n {\n currency: \"Dai\",\n amount: 128,\n counterValue: 128,\n address: \"0x380389E04f7671AB849baF10bd89C75C3bf99cbB\",\n evolution: 0.2,\n starred: false,\n },\n ],\n columns: [\n Columns.text({\n header: () => <Header>Currency</Header>,\n title: elt => elt.currency,\n }),\n Columns.text({\n header: () => <Header>Amount</Header>,\n title: elt => elt.amount,\n subtitle: elt => elt.counterValue,\n }),\n Columns.text({\n header: () => <Header>Address</Header>,\n subtitle: elt => elt.address,\n }),\n Columns.text({\n header: () => <Header>Evolution</Header>,\n subtitle: elt => (elt.evolution > 0 ? \"+\" : \"\") + elt.evolution,\n subtitleProps: elt => ({\n color: elt.evolution < 0 ? \"error.c50\" : \"success.c50\",\n }),\n }),\n Columns.icon({\n header: () => <Header> </Header>,\n props: elt => ({\n name: \"StarSolid\",\n color: elt.starred ? \"neutral.c100\" : \"neutral.c70\",\n }),\n }),\n ],\n};\n\nexport type Account = {\n name: string;\n currency: { name: string; abbrev: string };\n synchronized: boolean;\n amount: number;\n evolution: number;\n starred: boolean;\n subAccounts?: Account[];\n};\n\nexport const accounts: { data: Account[]; columns: Column<Account>[] } = {\n data: [\n {\n name: \"Bitcoin 1\",\n currency: { name: \"Bitcoin\", abbrev: \"BTC\" },\n synchronized: false,\n amount: 0.304,\n evolution: 1.3,\n starred: false,\n },\n {\n name: \"Bitcoin 2\",\n currency: { name: \"Bitcoin\", abbrev: \"BTC\" },\n synchronized: true,\n amount: 0.409,\n evolution: 1.1,\n starred: false,\n },\n {\n name: \"Bitcoin 3\",\n currency: { name: \"Bitcoin\", abbrev: \"BTC\" },\n synchronized: true,\n amount: 2.304,\n evolution: -1.3,\n starred: true,\n },\n {\n name: \"Ethereum 1\",\n currency: { name: \"Ethereum\", abbrev: \"ETH\" },\n synchronized: true,\n amount: 1.23,\n evolution: 4,\n starred: true,\n subAccounts: [\n {\n name: \"Tether\",\n currency: { name: \"Tether\", abbrev: \"USDT\" },\n synchronized: false,\n amount: 0.304,\n evolution: 1.3,\n starred: false,\n },\n {\n name: \"Tether 2\",\n currency: { name: \"Tether\", abbrev: \"USDT\" },\n synchronized: false,\n amount: 0.904,\n evolution: 8.3,\n starred: true,\n },\n ],\n },\n {\n name: \"Ethereum 2\",\n currency: { name: \"Ethereum\", abbrev: \"ETH\" },\n synchronized: false,\n amount: 0.23,\n evolution: -3,\n starred: false,\n },\n ],\n columns: [\n {\n layout: \"64px\",\n render: ({ elt }: CellProps<Account>): JSX.Element =>\n elt.currency.abbrev === \"BTC\" ? svgBtc : elt.currency.abbrev === \"ETH\" ? svgEth : svgUsdt,\n },\n Columns.text({\n layout: \"2fr\",\n title: elt => elt.name,\n subtitle: elt => elt.currency.name,\n }),\n Columns.icon({\n props: elt => ({\n name: elt.synchronized ? \"CircledCheck\" : \"Clock\",\n color: elt.synchronized ? \"success.c50\" : \"neutral.c80\",\n }),\n }),\n Columns.text({\n layout: \"1fr\",\n subtitle: elt => elt.currency.abbrev,\n }),\n Columns.text({\n layout: \"1fr\",\n title: elt => elt.amount,\n }),\n Columns.text({\n layout: \"1fr\",\n subtitle: elt => (elt.evolution > 0 ? \"+\" : \"\") + elt.evolution,\n subtitleProps: elt => ({\n color: elt.evolution < 0 ? \"error.c50\" : \"success.c50\",\n }),\n }),\n Columns.icon({\n props: elt => ({\n name: \"StarSolid\",\n color: elt.starred ? \"neutral.c100\" : \"neutral.c70\",\n }),\n }),\n ],\n};\n\nconst svgBtc = (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z\"\n fill=\"#F7931A\"\n />\n <path\n d=\"M21.8917 14.3672C22.154 12.616 20.8198 11.6745 18.9968 11.0462L19.5883 8.67348L18.1446 8.31423L17.5682 10.6243C17.1889 10.529 16.7995 10.4405 16.4111 10.3519L16.9917 8.02683L15.548 7.66675L14.9565 10.0386C14.6424 9.96678 14.3333 9.8966 14.0342 9.82141L14.0358 9.81389L12.0441 9.31679L11.6598 10.8591C11.6598 10.8591 12.7317 11.1047 12.7091 11.1197C13.2939 11.2659 13.3992 11.6527 13.3817 11.9602L12.7083 14.6629C12.7484 14.6729 12.8002 14.688 12.8587 14.7105L12.7058 14.6729L11.7617 18.4593C11.6899 18.6364 11.5086 18.9029 11.0992 18.8018C11.1142 18.8227 10.0498 18.5403 10.0498 18.5403L9.33301 20.1929L11.2128 20.6616C11.562 20.7493 11.9046 20.8412 12.2413 20.9272L11.6439 23.3267L13.0867 23.6859L13.6783 21.3132C14.0726 21.4193 14.4552 21.5179 14.8295 21.6115L14.2397 23.9742L15.6834 24.3334L16.2807 21.939C18.7437 22.4052 20.5951 22.2172 21.3745 19.9898C22.0028 18.1969 21.3436 17.1618 20.0478 16.4876C20.9919 16.2704 21.7021 15.6496 21.8917 14.3672ZM18.5916 18.994C18.1463 20.7877 15.1261 19.8177 14.147 19.5746L14.9406 16.3957C15.9198 16.6405 19.0586 17.1242 18.5916 18.994ZM19.0386 14.3413C18.6317 15.9729 16.1186 15.1433 15.3041 14.9403L16.0226 12.0579C16.8371 12.261 19.463 12.6394 19.0386 14.3413Z\"\n fill=\"white\"\n />\n </svg>\n);\n\nconst svgEth = (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z\"\n fill=\"#0EBDCD\"\n />\n <path\n d=\"M21.2066 15.5834L15.9992 7.66669L10.7916 15.5834L15.9992 18.6067L21.2066 15.5834Z\"\n fill=\"white\"\n />\n <path\n d=\"M15.9992 24.3333L21.21 17.1241L15.9992 20.147L10.7916 17.1241L15.9992 24.3333Z\"\n fill=\"white\"\n />\n </svg>\n);\n\nconst svgUsdt = (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z\"\n fill=\"#00A478\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M17.7205 16.6265V16.6246C17.6175 16.6321 17.0863 16.6639 15.9013 16.6639C14.9551 16.6639 14.289 16.6358 14.0548 16.6246V16.6274C10.4125 16.4672 7.69393 15.833 7.69393 15.0742C7.69393 14.3163 10.4125 13.6821 14.0548 13.5191V15.996C14.2928 16.0128 14.9748 16.0531 15.9172 16.0531C17.0479 16.0531 17.6147 16.0063 17.7205 15.9969V13.521C21.3553 13.683 24.0674 14.3172 24.0674 15.0742C24.0674 15.833 21.3553 16.4653 17.7205 16.6265ZM17.7205 13.2633V11.0469H22.7924V7.66687H8.98297V11.0469H14.0548V13.2624C9.93289 13.4516 6.83301 14.2685 6.83301 15.2465C6.83301 16.2246 9.93289 17.0405 14.0548 17.2307V24.3335H17.7205V17.2288C21.8359 17.0396 24.9283 16.2236 24.9283 15.2465C24.9283 14.2695 21.8359 13.4535 17.7205 13.2633Z\"\n fill=\"white\"\n />\n </svg>\n);\n"],"names":["React","Icon","FlexBox","Text","iconColumn","props","header","layout","elt","name","weight","textProps","icon","textColumn","title","subtitle","titleProps","subtitleProps","text","memo","useMemo","styled","border","gridColumn","Grid","Flex","Columns","Container","ExtraRowContainer","RowContainer","RowsComponent","data","columns","render","extraRender","renderRow","rowIndex","row","column","columnIndex","Rows","Table","withHeaders","containerProps","gridTemplateColumns","acc","col","headers","index","memoTable","icons","iconNames","Array","Object","set","rawKey","key","Set","size","color","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","p","css","getFontSource","fontsPath","fontName","fontStyles","grid","getColumns","getRows","rows","gaps","flexbox","space","position","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","useTheme","Header","children","balance","accounts","svgBtc","svgEth","svgUsdt"],"mappings":"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"}
1	+ {"version":3,"file":"components/Table/stories.helper.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Table/Columns.tsx","webpack://@ledgerhq/react-ui/./src/components/Table/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Icon/Icon.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Grid/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","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/Table/stories.helper.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon, { Props as IconProps } from \"../asorted/Icon\";\nimport FlexBox from \"../layout/Flex\";\nimport Text, { TextProps } from \"../asorted/Text\";\nexport interface Column<T> {\n /*\n A function called to render each cell of the column.\n /\n render: (props: CellProps<T>) => React.ReactNode;\n /\n A valid grid template [value](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns#values).\n * This layout is applied to every cell of the column.\n * Default to \"min-content\" - the largest minimal content contribution of the grid item.\n /\n layout?: string;\n /\n A function called to render the header cell.\n * If omitted the rendered header element will be an empty div.\n /\n header?: () => React.ReactNode;\n}\n\nexport interface CellProps<T> {\n /\n The cell element.\n /\n elt: T;\n /\n The row index.\n /\n rowIndex: number;\n /\n The column index.\n /\n columnIndex: number;\n}\n\n/\n A column which contains a single icon and that has a fixed width.\n /\nfunction iconColumn<T>({\n props,\n header,\n layout,\n}: {\n /\n An object containing the unerlying <Text /> wrapper props as well as\n * the \"name\" and \"weight\" props of the unerlying <Icon />.\n /\n props: (elt: T) => Pick<IconProps, \"name\" \| \"weight\"> & TextProps;\n /\n An optional render function to display the column header.\n /\n header?: () => React.ReactNode;\n /\n The grid column layout, by default \"min-content\".\n /\n layout?: string;\n}): Column<T> {\n return {\n layout: layout \|\| \"min-content\",\n render: ({ elt }) => {\n const { name, weight, ...textProps } = props(elt);\n return (\n <Text {...textProps} style={{ display: \"flex\", alignItems: \"center\" }}>\n <Icon name={name} weight={weight} />\n </Text>\n );\n },\n header,\n };\n}\nexport { iconColumn as icon };\n\n/\n A column that contains a title and a subtitle.\n /\nfunction textColumn<T>({\n title,\n subtitle,\n header,\n layout,\n titleProps,\n subtitleProps,\n}: {\n /\n An optional title.\n /\n title?: (elt: T) => React.ReactNode;\n /\n An optional subtitle.\n /\n subtitle?: (elt: T) => React.ReactNode;\n /\n An optional render function to display the column header.\n /\n header?: () => React.ReactNode;\n /\n The grid column layout, by default \"auto\".\n /\n layout?: string;\n /\n Optional extra props passed to the title <Text /> wrapper.\n /\n titleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n /\n Optional extra props passed to the subtitle <Text /> wrapper.\n /\n subtitleProps?: (elt: T) => Partial<React.ComponentProps<typeof Text>>;\n}): Column<T> {\n return {\n layout: layout \|\| \"auto\",\n render: ({ elt }) => (\n <FlexBox flexDirection=\"column\" justifyContent=\"center\">\n {title && (\n <Text\n fontWeight=\"medium\"\n variant={\"body\"}\n textOverflow=\"ellipsis\"\n overflow=\"hidden\"\n color=\"neutral.c100\"\n {...((titleProps && titleProps(elt)) \|\| {})}\n >\n {title(elt)}\n </Text>\n )}\n {subtitle && (\n <Text\n fontWeight=\"medium\"\n variant={\"paragraph\"}\n textOverflow=\"ellipsis\"\n overflow=\"hidden\"\n color=\"neutral.c80\"\n {...((subtitleProps && subtitleProps(elt)) \|\| {})}\n >\n {subtitle(elt)}\n </Text>\n )}\n </FlexBox>\n ),\n header,\n };\n}\nexport { textColumn as text };\n","import React, { memo, useMemo } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps, gridColumn, GridColumnProps } from \"styled-system\";\nimport Grid, { Props as GridProps } from \"../layout/Grid\";\nimport Flex from \"../layout/Flex\";\nimport as Columns from \"./Columns\";\nimport type { Column } from \"./Columns\";\nimport { BaseStyledProps } from \"../styled\";\nexport type { Column };\n\nexport interface ContainerExtraProps extends BorderProps, BaseStyledProps {}\nexport interface ContainerProps extends ContainerExtraProps, GridProps {}\nconst Container = styled(Grid)<ContainerExtraProps>`\n ${border}\n`;\n\nexport const ExtraRowContainer = styled.div.attrs({ gridColumn: \"1 / -1\" })<GridColumnProps>`\n ${gridColumn}\n`;\n\nexport type RowContainerProps = { rowIndex: number };\nexport const RowContainer = styled(Flex)<RowContainerProps>`\n display: contents;\n`;\n\ninterface CommonProps<T> {\n /** Table data /\n data: T[];\n /* Columns used to render table cells and headers. /\n columns: Column<T>[];\n /\n An optional rendering function that will get called after each row render.\n * Can be used to display additional rows and columns dynamically.\n /\n extraRender?: (elt: T, index: number) => React.ReactNode;\n /\n A render function that can be used to wrap each row of the table inside an custom element.\n /\n renderRow?: (rowIndex: number, children: React.ReactNode) => React.ReactNode;\n}\n\nexport interface Props<T> extends CommonProps<T>, Omit<ContainerProps, \"columns\" \| \"color\"> {\n /\n Renders headers if set to true.\n /\n withHeaders?: boolean;\n}\n\nexport interface RowProps<T> extends CommonProps<T> {\n render?: (args: {\n column: Column<T>;\n rowIndex: number;\n columnIndex: number;\n children: React.ReactNode;\n }) => React.ReactNode;\n}\n\nfunction RowsComponent<T>({\n data,\n columns,\n render,\n extraRender,\n renderRow,\n}: Readonly<RowProps<T>>): React.JSX.Element {\n return (\n <React.Fragment key=\"row-component\">\n {data.map((elt, rowIndex) => {\n const row = (\n <>\n {columns.map((column, columnIndex) => (\n <React.Fragment key={`row-component-column-${rowIndex}${columnIndex}`}>\n {render\n ? render({\n column,\n rowIndex,\n columnIndex,\n children: column.render({ elt, rowIndex, columnIndex }),\n })\n : column.render({ elt, rowIndex, columnIndex })}\n </React.Fragment>\n ))}\n {(extraRender && extraRender(elt, rowIndex)) \|\| null}\n </>\n );\n\n if (renderRow) {\n return renderRow(rowIndex, row);\n } else {\n return <React.Fragment key={`row-component-row-${rowIndex}`}>{row}</React.Fragment>;\n }\n })}\n </React.Fragment>\n );\n}\nexport const Rows = memo(RowsComponent) as typeof RowsComponent;\n\nexport function Table<T>({\n data,\n columns,\n withHeaders,\n extraRender,\n renderRow,\n ...containerProps\n}: Readonly<Props<T>>): React.JSX.Element {\n const gridTemplateColumns = useMemo(\n () => columns.reduce<string>((acc, col) => `${acc} ${col.layout \|\| \"auto\"}`, \"\"),\n [columns],\n );\n\n const headers = useMemo(\n () =>\n withHeaders\n ? columns.reduce<React.ReactNode[]>(\n (acc, col, index) => [\n ...acc,\n <React.Fragment key={`header-col-${index}`}>\n {col.header ? col.header() : <div />}\n </React.Fragment>,\n ],\n [],\n )\n : null,\n [withHeaders, columns],\n );\n\n return (\n <Container\n gridTemplateColumns={gridTemplateColumns}\n gridAutoRows=\"auto\"\n columns=\"none\"\n alignItems=\"center\"\n {...containerProps}\n >\n {headers}\n <Rows data={data} columns={columns} extraRender={extraRender} renderRow={renderRow} />\n </Container>\n );\n}\nTable.Columns = Columns;\nTable.ExtraRowContainer = ExtraRowContainer;\nTable.RowContainer = RowContainer;\n\nconst memoTable = memo(Table) as unknown as typeof Table;\nmemoTable.Columns = Columns;\nmemoTable.RowContainer = RowContainer;\nmemoTable.ExtraRowContainer = ExtraRowContainer;\n\nexport default memoTable;\n","import as icons from \"@ledgerhq/icons-ui/reactLegacy\";\nimport React from \"react\";\n\nexport type Props = {\n name: string;\n size?: number;\n weight?: \"Medium\";\n color?: string;\n};\n\nexport const iconNames = Array.from(\n Object.keys(icons).reduce((set, rawKey) => {\n const key = rawKey.replace(/(.+)(Medium)+$/g, \"$1\");\n if (!set.has(key)) set.add(key);\n return set;\n }, new Set<string>()),\n);\n\nconst Icon = ({\n name,\n size = 16,\n color = \"currentColor\",\n weight = \"Medium\",\n}: Props): React.JSX.Element \| null => {\n const maybeIconName = `${name}${weight}`;\n if (maybeIconName in icons) {\n // @ts-expect-error FIXME I don't know how to make you happy ts\n const Component = icons[maybeIconName];\n return <Component size={size} color={color} />;\n }\n return null;\n};\n\nexport default Icon;\n","import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n compose,\n fontSize,\n fontWeight,\n textAlign,\n lineHeight,\n letterSpacing,\n system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n uppercase: {\n property: \"textTransform\",\n transform: value => (value ? \"uppercase\" : \"none\"),\n },\n});\n\ntype FontFamilies =\n \| \"Inter\|ExtraLight\"\n \| \"Inter\|Light\"\n \| \"Inter\|Regular\"\n \| \"Inter\|Medium\"\n \| \"Inter\|SemiBold\"\n \| \"Inter\|Bold\"\n \| \"Inter\|ExtraBold\"\n \| \"Alpha\|Medium\";\n\ntype WhiteSpace = \"normal\" \| \"nowrap\" \| \"pre\" \| \"pre-line\" \| \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n fontFamily?: string;\n ff?: FontFamilies;\n fontSize?: number \| string \| TextVariants;\n variant?: TextVariants;\n textAlign?: string;\n fontWeight?: string;\n lineHeight?: string;\n textTransform?: string;\n textOverflow?: string;\n uppercase?: boolean;\n whiteSpace?: WhiteSpace;\n children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n ({ variant = \"body\", fontSize, color }) => ({\n fontSize: fontSize ? fontSize : variant,\n color: color \|\| \"neutral.c100\",\n }),\n)`\n font-weight: 500;\n white-space: ${props => props.whiteSpace ?? \"normal\"};\n ${(p: TextProps) => textVariantStyle[p.variant \|\| \"body\"]}\n ${compose(\n uppercase,\n lineHeight,\n fontFamily,\n fontSize,\n textAlign,\n fontWeight,\n letterSpacing,\n system({\n textOverflow: true,\n }),\n )}\n ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n const fontsPath = props.fontsPath ?? \"assets/fonts\";\n const fontName = (props.fontMappings && props.fontMappings(name)) \|\| `${name}.woff2`;\n return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n font-weight: 100;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Light-BETA\")};\n font-weight: 300;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Regular\")};\n font-weight: 400;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-SemiBold\")};\n font-weight: 600;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Inter\";\n src: ${getFontSource(\"Inter-ExtraBold\")};\n font-weight: 900;\n font-style: normal;\n }\n\n @font-face {\n font-family: \"Alpha\";\n src: ${getFontSource(\"HMAlphaMono-Medium\")};\n font-weight: 500;\n font-style: normal;\n }\n`;\n\nexport const textVariantStyle: Record<\n TextVariants,\n {\n fontFamily: string;\n lineHeight?: string \| number;\n fontWeight?: number;\n \"text-transform\"?: string;\n }\n> = {\n h1: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h1Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h2Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h3Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n h4: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h4Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n },\n h5: {\n fontFamily: \"Alpha, Inter, Sans\",\n fontWeight: 500,\n \"text-transform\": \"uppercase\",\n },\n h5Inter: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 500,\n },\n large: {\n fontFamily: \"Inter, Sans\",\n },\n largeLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n body: {\n fontFamily: \"Inter, Sans\",\n },\n bodyLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n paragraph: {\n fontFamily: \"Inter, Sans\",\n },\n paragraphLineHeight: {\n fontFamily: \"Inter, Sans\",\n lineHeight: 1.7,\n },\n small: {\n fontFamily: \"Inter, Sans\",\n },\n extraSmall: {\n fontFamily: \"Inter, Sans\",\n },\n tiny: {\n fontFamily: \"Inter, Sans\",\n },\n micro: {\n fontFamily: \"Inter, Sans\",\n },\n subtitle: {\n fontFamily: \"Inter, Sans\",\n fontWeight: 600,\n \"text-transform\": \"uppercase\",\n },\n};\n","import 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 { grid, GridProps } from \"styled-system\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport interface Props extends GridProps, BaseStyledProps {\n columns?: number \| string;\n rows?: number \| string;\n}\n\nfunction getColumns(props: Props) {\n const { columns } = props;\n return columns === \"none\" ? columns : `repeat(${columns \|\| 12}, minmax(0, 1fr));`;\n}\n\nfunction getRows(props: Props) {\n const { rows } = props;\n return !rows ? \"initial\" : rows === \"none\" ? rows : `repeat(${rows}, minmax(0, 1fr));`;\n}\n\nconst Grid = baseStyled.div<Props>`\n display: grid;\n grid-template-columns: ${getColumns};\n grid-template-rows: ${getRows};\n ${grid};\n`;\nexport default Grid;\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 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\";\nimport { useTheme } from \"styled-components\";\nimport Text from \"../asorted/Text\";\nimport Table, { Column } from \"./index\";\nimport { CellProps } from \"./Columns\";\nconst { Columns } = Table;\n\nfunction Header({ children }: { children: React.ReactNode }) {\n const theme = useTheme();\n return (\n <Text\n fontWeight=\"semiBold\"\n variant={\"paragraph\"}\n style={{ borderBottom: `1px solid ${theme.colors.neutral.c40}` }}\n mx={-4}\n px={4}\n pb={8}\n >\n {children}\n </Text>\n );\n}\n\nexport type BalanceElement = {\n currency: string;\n amount: number;\n counterValue: number;\n address: string;\n evolution: number;\n starred: boolean;\n};\n\nexport const balance: { data: BalanceElement[]; columns: Column<BalanceElement>[] } = {\n data: [\n {\n currency: \"Ethereum Classic\",\n amount: 128.26484,\n counterValue: 53.29,\n address: \"0x32Be343B94f860124dC4fEe278FDCBD38C102D88\",\n evolution: 0.1,\n starred: false,\n },\n {\n currency: \"Ethereum\",\n amount: 1.23,\n counterValue: 3029.29,\n address: \"0xa910f92acdaf488fa6ef02174fb86208ad7722ba\",\n evolution: 3.0,\n starred: true,\n },\n {\n currency: \"Bitcoin\",\n amount: 0.003,\n counterValue: 1920.23,\n address: \"1F1tAaz5x1HUXrCNLbtMDqcw6o5GNn4xqX\",\n evolution: -2.1,\n starred: true,\n },\n {\n currency: \"Dai\",\n amount: 128,\n counterValue: 128,\n address: \"0x380389E04f7671AB849baF10bd89C75C3bf99cbB\",\n evolution: 0.2,\n starred: false,\n },\n ],\n columns: [\n Columns.text({\n header: () => <Header>Currency</Header>,\n title: elt => elt.currency,\n }),\n Columns.text({\n header: () => <Header>Amount</Header>,\n title: elt => elt.amount,\n subtitle: elt => elt.counterValue,\n }),\n Columns.text({\n header: () => <Header>Address</Header>,\n subtitle: elt => elt.address,\n }),\n Columns.text({\n header: () => <Header>Evolution</Header>,\n subtitle: elt => (elt.evolution > 0 ? \"+\" : \"\") + elt.evolution,\n subtitleProps: elt => ({\n color: elt.evolution < 0 ? \"error.c50\" : \"success.c50\",\n }),\n }),\n Columns.icon({\n header: () => <Header> </Header>,\n props: elt => ({\n name: \"StarSolid\",\n color: elt.starred ? \"neutral.c100\" : \"neutral.c70\",\n }),\n }),\n ],\n};\n\nexport type Account = {\n name: string;\n currency: { name: string; abbrev: string };\n synchronized: boolean;\n amount: number;\n evolution: number;\n starred: boolean;\n subAccounts?: Account[];\n};\n\nexport const accounts: { data: Account[]; columns: Column<Account>[] } = {\n data: [\n {\n name: \"Bitcoin 1\",\n currency: { name: \"Bitcoin\", abbrev: \"BTC\" },\n synchronized: false,\n amount: 0.304,\n evolution: 1.3,\n starred: false,\n },\n {\n name: \"Bitcoin 2\",\n currency: { name: \"Bitcoin\", abbrev: \"BTC\" },\n synchronized: true,\n amount: 0.409,\n evolution: 1.1,\n starred: false,\n },\n {\n name: \"Bitcoin 3\",\n currency: { name: \"Bitcoin\", abbrev: \"BTC\" },\n synchronized: true,\n amount: 2.304,\n evolution: -1.3,\n starred: true,\n },\n {\n name: \"Ethereum 1\",\n currency: { name: \"Ethereum\", abbrev: \"ETH\" },\n synchronized: true,\n amount: 1.23,\n evolution: 4,\n starred: true,\n subAccounts: [\n {\n name: \"Tether\",\n currency: { name: \"Tether\", abbrev: \"USDT\" },\n synchronized: false,\n amount: 0.304,\n evolution: 1.3,\n starred: false,\n },\n {\n name: \"Tether 2\",\n currency: { name: \"Tether\", abbrev: \"USDT\" },\n synchronized: false,\n amount: 0.904,\n evolution: 8.3,\n starred: true,\n },\n ],\n },\n {\n name: \"Ethereum 2\",\n currency: { name: \"Ethereum\", abbrev: \"ETH\" },\n synchronized: false,\n amount: 0.23,\n evolution: -3,\n starred: false,\n },\n ],\n columns: [\n {\n layout: \"64px\",\n render: ({ elt }: CellProps<Account>): React.JSX.Element =>\n elt.currency.abbrev === \"BTC\" ? svgBtc : elt.currency.abbrev === \"ETH\" ? svgEth : svgUsdt,\n },\n Columns.text({\n layout: \"2fr\",\n title: elt => elt.name,\n subtitle: elt => elt.currency.name,\n }),\n Columns.icon({\n props: elt => ({\n name: elt.synchronized ? \"CircledCheck\" : \"Clock\",\n color: elt.synchronized ? \"success.c50\" : \"neutral.c80\",\n }),\n }),\n Columns.text({\n layout: \"1fr\",\n subtitle: elt => elt.currency.abbrev,\n }),\n Columns.text({\n layout: \"1fr\",\n title: elt => elt.amount,\n }),\n Columns.text({\n layout: \"1fr\",\n subtitle: elt => (elt.evolution > 0 ? \"+\" : \"\") + elt.evolution,\n subtitleProps: elt => ({\n color: elt.evolution < 0 ? \"error.c50\" : \"success.c50\",\n }),\n }),\n Columns.icon({\n props: elt => ({\n name: \"StarSolid\",\n color: elt.starred ? \"neutral.c100\" : \"neutral.c70\",\n }),\n }),\n ],\n};\n\nconst svgBtc = (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z\"\n fill=\"#F7931A\"\n />\n <path\n d=\"M21.8917 14.3672C22.154 12.616 20.8198 11.6745 18.9968 11.0462L19.5883 8.67348L18.1446 8.31423L17.5682 10.6243C17.1889 10.529 16.7995 10.4405 16.4111 10.3519L16.9917 8.02683L15.548 7.66675L14.9565 10.0386C14.6424 9.96678 14.3333 9.8966 14.0342 9.82141L14.0358 9.81389L12.0441 9.31679L11.6598 10.8591C11.6598 10.8591 12.7317 11.1047 12.7091 11.1197C13.2939 11.2659 13.3992 11.6527 13.3817 11.9602L12.7083 14.6629C12.7484 14.6729 12.8002 14.688 12.8587 14.7105L12.7058 14.6729L11.7617 18.4593C11.6899 18.6364 11.5086 18.9029 11.0992 18.8018C11.1142 18.8227 10.0498 18.5403 10.0498 18.5403L9.33301 20.1929L11.2128 20.6616C11.562 20.7493 11.9046 20.8412 12.2413 20.9272L11.6439 23.3267L13.0867 23.6859L13.6783 21.3132C14.0726 21.4193 14.4552 21.5179 14.8295 21.6115L14.2397 23.9742L15.6834 24.3334L16.2807 21.939C18.7437 22.4052 20.5951 22.2172 21.3745 19.9898C22.0028 18.1969 21.3436 17.1618 20.0478 16.4876C20.9919 16.2704 21.7021 15.6496 21.8917 14.3672ZM18.5916 18.994C18.1463 20.7877 15.1261 19.8177 14.147 19.5746L14.9406 16.3957C15.9198 16.6405 19.0586 17.1242 18.5916 18.994ZM19.0386 14.3413C18.6317 15.9729 16.1186 15.1433 15.3041 14.9403L16.0226 12.0579C16.8371 12.261 19.463 12.6394 19.0386 14.3413Z\"\n fill=\"white\"\n />\n </svg>\n);\n\nconst svgEth = (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z\"\n fill=\"#0EBDCD\"\n />\n <path\n d=\"M21.2066 15.5834L15.9992 7.66669L10.7916 15.5834L15.9992 18.6067L21.2066 15.5834Z\"\n fill=\"white\"\n />\n <path\n d=\"M15.9992 24.3333L21.21 17.1241L15.9992 20.147L10.7916 17.1241L15.9992 24.3333Z\"\n fill=\"white\"\n />\n </svg>\n);\n\nconst svgUsdt = (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16Z\"\n fill=\"#00A478\"\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M17.7205 16.6265V16.6246C17.6175 16.6321 17.0863 16.6639 15.9013 16.6639C14.9551 16.6639 14.289 16.6358 14.0548 16.6246V16.6274C10.4125 16.4672 7.69393 15.833 7.69393 15.0742C7.69393 14.3163 10.4125 13.6821 14.0548 13.5191V15.996C14.2928 16.0128 14.9748 16.0531 15.9172 16.0531C17.0479 16.0531 17.6147 16.0063 17.7205 15.9969V13.521C21.3553 13.683 24.0674 14.3172 24.0674 15.0742C24.0674 15.833 21.3553 16.4653 17.7205 16.6265ZM17.7205 13.2633V11.0469H22.7924V7.66687H8.98297V11.0469H14.0548V13.2624C9.93289 13.4516 6.83301 14.2685 6.83301 15.2465C6.83301 16.2246 9.93289 17.0405 14.0548 17.2307V24.3335H17.7205V17.2288C21.8359 17.0396 24.9283 16.2236 24.9283 15.2465C24.9283 14.2695 21.8359 13.4535 17.7205 13.2633Z\"\n fill=\"white\"\n />\n </svg>\n);\n"],"names":["React","Icon","FlexBox","Text","iconColumn","props","header","layout","elt","name","weight","textProps","icon","textColumn","title","subtitle","titleProps","subtitleProps","text","memo","useMemo","styled","border","gridColumn","Grid","Flex","Columns","Container","ExtraRowContainer","RowContainer","RowsComponent","data","columns","render","extraRender","renderRow","rowIndex","row","column","columnIndex","Rows","Table","withHeaders","containerProps","gridTemplateColumns","acc","col","headers","index","memoTable","icons","iconNames","Array","Object","set","rawKey","key","Set","size","color","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","p","css","getFontSource","fontsPath","fontName","fontStyles","grid","getColumns","getRows","rows","gaps","flexbox","space","position","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","type","style","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontSizes","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","duration","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","useTheme","Header","children","balance","accounts","svgBtc","svgEth","svgUsdt"],"mappings":"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"}

package/lib/cjs/components/Tag/Tag.stories.js CHANGED Viewed

@@ -109,29 +109,32 @@ function Tag({ children, textProps, size = "large", ...props }) {
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* 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);
+/* 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);
-const uppercase = (0,styled_system__rspack_import_0.system)({
+const uppercase = (0,styled_system__rspack_import_1.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_2["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_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)({
+  ${(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)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}