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/tabs/Pill/Pill.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/tabs/Pill/Pill.stories.js","sources":["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/styled.ts","webpack://@ledgerhq/react-ui/./src/components/tabs/Pill/index.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/tabs/Pill/Pill.stories.tsx"],"sourcesContent":["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 gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /*\n The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n /\n columnGap?: string \| number;\n /\n The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n /\n rowGap?: string \| number;\n color?: string;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps } from \"styled-system\";\nimport Flex from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n /\n An optional callback that will be called when the active tab changes.\n /\n onTabChange?: (activeIndex: number) => void;\n /\n The tab index to mark as active when rendering for the first time.\n * If omitted, then initially no tabs will be selected.\n /\n initialActiveIndex?: number;\n}>;\n\nconst Pill = styled.div<BorderProps>`\n display: inline-flex;\n & > :first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n padding-left: 12px;\n }\n & > :last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n padding-right: 12px;\n }\n & > :not(:first-child) {\n border-left-width: 0;\n }\n ${border};\n`;\nconst Item = styled(Flex).attrs({ flex: 1, justifyContent: \"center\", alignItems: \"center\" })`\n cursor: pointer;\n padding: 8px 10px 8px 10px;\n border: 1px solid;\n &[data-active=\"false\"] {\n color: ${p => p.theme.colors.neutral.c80};\n background-color: ${p => p.theme.colors.neutral.c00};\n border-color: ${p => p.theme.colors.neutral.c40};\n }\n &[data-active=\"true\"] {\n color: ${p => p.theme.colors.neutral.c00};\n background-color: ${p => p.theme.colors.neutral.c100};\n border-color: ${p => p.theme.colors.neutral.c100};\n\n &:not(:last-child) {\n border-right-width: 0;\n }\n }\n &[data-active=\"true\"] + div {\n border-left-width: 1px;\n }\n`;\n\nexport default function PillTabs({\n children,\n onTabChange,\n initialActiveIndex,\n}: Props): JSX.Element {\n const [activeIndex, setActiveIndex] = useState(initialActiveIndex);\n return (\n <Pill>\n {React.Children.toArray(children).map((child, index) => (\n <Item\n key={index}\n data-active={index === activeIndex}\n onClick={() => {\n setActiveIndex(index);\n onTabChange && onTabChange(index);\n }}\n >\n {child}\n </Item>\n ))}\n </Pill>\n );\n}\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, { useState } from \"react\";\n\nimport PillTabs, { Props } from \"./index\";\nimport Text from \"../../asorted/Text\";\nimport Icon from \"../../asorted/Icon\";\n\nexport default {\n title: \"Tabs/View\",\n component: PillTabs,\n argTypes: {\n initialActiveIndex: {\n control: { type: \"number\" },\n },\n },\n};\n\nconst navItems = [\"Manager\", \"MenuBurger\", \"Apple\", \"Crown\", \"Settings\"];\n\nfunction Sample({ children, ...args }: Props) {\n const [activeIndex, setActiveIndex] = useState(args.initialActiveIndex);\n return (\n <div style={{ marginBottom: \"10px\" }}>\n <div style={{ width: \"100px\" }}>\n <PillTabs {...args} onTabChange={setActiveIndex}>\n {children}\n </PillTabs>\n </div>\n <Text variant=\"subtitle\">Active index: {activeIndex}</Text>\n <hr />\n </div>\n );\n}\n\nexport const View = (args: Props): JSX.Element[] =>\n navItems.reduce<JSX.Element[]>((acc, _, index) => {\n const labels = navItems.slice(0, index + 1).map(label => <Icon name={label} />);\n return [\n ...acc,\n <Sample {...args} key={index}>\n {labels}\n </Sample>,\n ];\n }, []);\n\nView.args = {\n initialActiveIndex: 1,\n};\n"],"names":["icons","React","iconNames","Array","Object","set","rawKey","key","Set","Icon","name","size","color","weight","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","props","p","css","getFontSource","fontsPath","fontName","fontStyles","FlexBox","gaps","styled","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useState","Flex","Pill","Item","PillTabs","children","onTabChange","initialActiveIndex","activeIndex","setActiveIndex","child","index","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","navItems","Sample","args","View","acc","_","labels","label"],"mappings":"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"}
1	+ {"version":3,"file":"components/tabs/Pill/Pill.stories.js","sources":["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/styled.ts","webpack://@ledgerhq/react-ui/./src/components/tabs/Pill/index.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/tabs/Pill/Pill.stories.tsx"],"sourcesContent":["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 React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /*\n The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n /\n columnGap?: string \| number;\n /\n The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n /\n rowGap?: string \| number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps } from \"styled-system\";\nimport Flex from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n /\n An optional callback that will be called when the active tab changes.\n /\n onTabChange?: (activeIndex: number) => void;\n /\n The tab index to mark as active when rendering for the first time.\n * If omitted, then initially no tabs will be selected.\n /\n initialActiveIndex?: number;\n}>;\n\nconst Pill = styled.div<BorderProps>`\n display: inline-flex;\n & > :first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n padding-left: 12px;\n }\n & > :last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n padding-right: 12px;\n }\n & > :not(:first-child) {\n border-left-width: 0;\n }\n ${border};\n`;\nconst Item = styled(Flex).attrs({ flex: 1, justifyContent: \"center\", alignItems: \"center\" })`\n cursor: pointer;\n padding: 8px 10px 8px 10px;\n border: 1px solid;\n &[data-active=\"false\"] {\n color: ${p => p.theme.colors.neutral.c80};\n background-color: ${p => p.theme.colors.neutral.c00};\n border-color: ${p => p.theme.colors.neutral.c40};\n }\n &[data-active=\"true\"] {\n color: ${p => p.theme.colors.neutral.c00};\n background-color: ${p => p.theme.colors.neutral.c100};\n border-color: ${p => p.theme.colors.neutral.c100};\n\n &:not(:last-child) {\n border-right-width: 0;\n }\n }\n &[data-active=\"true\"] + div {\n border-left-width: 1px;\n }\n`;\n\nexport default function PillTabs({\n children,\n onTabChange,\n initialActiveIndex,\n}: Props): React.JSX.Element {\n const [activeIndex, setActiveIndex] = useState(initialActiveIndex);\n return (\n <Pill>\n {React.Children.toArray(children).map((child, index) => (\n <Item\n key={index}\n data-active={index === activeIndex}\n onClick={() => {\n setActiveIndex(index);\n onTabChange && onTabChange(index);\n }}\n >\n {child}\n </Item>\n ))}\n </Pill>\n );\n}\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, { useState } from \"react\";\n\nimport PillTabs, { Props } from \"./index\";\nimport Text from \"../../asorted/Text\";\nimport Icon from \"../../asorted/Icon\";\n\nexport default {\n title: \"Tabs/View\",\n component: PillTabs,\n argTypes: {\n initialActiveIndex: {\n control: { type: \"number\" },\n },\n },\n};\n\nconst navItems = [\"Manager\", \"MenuBurger\", \"Apple\", \"Crown\", \"Settings\"];\n\nfunction Sample({ children, ...args }: Props) {\n const [activeIndex, setActiveIndex] = useState(args.initialActiveIndex);\n return (\n <div style={{ marginBottom: \"10px\" }}>\n <div style={{ width: \"100px\" }}>\n <PillTabs {...args} onTabChange={setActiveIndex}>\n {children}\n </PillTabs>\n </div>\n <Text variant=\"subtitle\">Active index: {activeIndex}</Text>\n <hr />\n </div>\n );\n}\n\nexport const View = (args: Props): React.JSX.Element[] =>\n navItems.reduce<React.JSX.Element[]>((acc, _, index) => {\n const labels = navItems.slice(0, index + 1).map(label => <Icon name={label} />);\n return [\n ...acc,\n <Sample {...args} key={index}>\n {labels}\n </Sample>,\n ];\n }, []);\n\nView.args = {\n initialActiveIndex: 1,\n};\n"],"names":["icons","React","iconNames","Array","Object","set","rawKey","key","Set","Icon","name","size","color","weight","maybeIconName","Component","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","props","p","css","getFontSource","fontsPath","fontName","fontStyles","FlexBox","gaps","styled","flexbox","space","position","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useState","Flex","Pill","Item","PillTabs","children","onTabChange","initialActiveIndex","activeIndex","setActiveIndex","child","index","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","navItems","Sample","args","View","acc","_","labels","label"],"mappings":"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"}

package/lib/cjs/components/tabs/Pill/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/tabs/Pill/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.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/tabs/Pill/index.tsx"],"sourcesContent":["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 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 { 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","// 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, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps } from \"styled-system\";\nimport Flex from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n /\n An optional callback that will be called when the active tab changes.\n /\n onTabChange?: (activeIndex: number) => void;\n /\n The tab index to mark as active when rendering for the first time.\n * If omitted, then initially no tabs will be selected.\n */\n initialActiveIndex?: number;\n}>;\n\nconst Pill = styled.div<BorderProps>`\n display: inline-flex;\n & > :first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n padding-left: 12px;\n }\n & > :last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n padding-right: 12px;\n }\n & > :not(:first-child) {\n border-left-width: 0;\n }\n ${border};\n`;\nconst Item = styled(Flex).attrs({ flex: 1, justifyContent: \"center\", alignItems: \"center\" })`\n cursor: pointer;\n padding: 8px 10px 8px 10px;\n border: 1px solid;\n &[data-active=\"false\"] {\n color: ${p => p.theme.colors.neutral.c80};\n background-color: ${p => p.theme.colors.neutral.c00};\n border-color: ${p => p.theme.colors.neutral.c40};\n }\n &[data-active=\"true\"] {\n color: ${p => p.theme.colors.neutral.c00};\n background-color: ${p => p.theme.colors.neutral.c100};\n border-color: ${p => p.theme.colors.neutral.c100};\n\n &:not(:last-child) {\n border-right-width: 0;\n }\n }\n &[data-active=\"true\"] + div {\n border-left-width: 1px;\n }\n`;\n\nexport default function PillTabs({\n children,\n onTabChange,\n initialActiveIndex,\n}: Props): JSX.Element {\n const [activeIndex, setActiveIndex] = useState(initialActiveIndex);\n return (\n <Pill>\n {React.Children.toArray(children).map((child, index) => (\n <Item\n key={index}\n data-active={index === activeIndex}\n onClick={() => {\n setActiveIndex(index);\n onTabChange && onTabChange(index);\n }}\n >\n {child}\n </Item>\n ))}\n </Pill>\n );\n}\n"],"names":["baseStyled","FlexBox","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","React","useState","Flex","Pill","Item","p","PillTabs","children","onTabChange","initialActiveIndex","activeIndex","setActiveIndex","child","index"],"mappings":";;;;;;;;AAA2D;AAE3D,MAAMC,UAAUD,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;~~ACLkB~~;AAC0C;AAiB5D;~~AAoBhB~~,MAAMW,aAA6CR,0CAAOA,CAC/DC,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRC,oCAAKA,EACLC,qCAAMA,EACNC,uCAAQA,EACRR,+CAAIA,EACJS,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAMX,8CAAMA,EAAE;IACpC,OAAMY,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOd,4CAAMA,CAACY,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOf,4CAAMA,CAACY,MAAM,CAACG,SAAS,CAAC,KAAK,CAACf,8CAAMA,EAAE;gBAACS;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;~~AC7DL~~;AAEvC,MAAMX,OAAOiB,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAejB,IAAIA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPpB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;ACNwC;AACD;AACa;AACf;AAcrC,MAAMqB,OAAOpB,kDAAuB,CAAC;;;;;;;;;;;;;;;EAenC,EAAEQ,qCAAMA,CAAC;AACX,CAAC;AACD,MAAMa,OAAOrB,4CAAMA,CAACmB,4CAAIA,EAAE,KAAK,CAAC;IAAE,MAAM;IAAG,gBAAgB;IAAU,YAAY;AAAS,EAAE,CAAC;;;;;WAKlF,EAAEG,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;sBACvB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;kBACtC,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;WAGzC,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;sBACvB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;kBACvC,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;;;;;AASrD,CAAC;AAEc,SAASC,SAAS,EAC/BC,QAAQ,EACRC,WAAW,EACXC,kBAAkB,EACZ;IACN,MAAM,CAACC,aAAaC,eAAe,GAAGV,mCAAQA,CAACQ;IAC/C,qBACE,+CAACN,YACEH,iDAAsB,CAACO,UAAU,GAAG,CAAC,CAACK,OAAOC,sBAC5C,+CAACT;YACC,KAAKS;YACL,eAAaA,UAAUH;YACvB,SAAS;gBACPC,eAAeE;gBACfL,eAAeA,YAAYK;YAC7B;WAECD;AAKX"}
1	+ {"version":3,"file":"components/tabs/Pill/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.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/tabs/Pill/index.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({ display: \"flex\" })``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React 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 { 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","// 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, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport { border, BorderProps } from \"styled-system\";\nimport Flex from \"../../layout/Flex\";\n\nexport type Props = React.PropsWithChildren<{\n /\n An optional callback that will be called when the active tab changes.\n /\n onTabChange?: (activeIndex: number) => void;\n /\n The tab index to mark as active when rendering for the first time.\n * If omitted, then initially no tabs will be selected.\n */\n initialActiveIndex?: number;\n}>;\n\nconst Pill = styled.div<BorderProps>`\n display: inline-flex;\n & > :first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n padding-left: 12px;\n }\n & > :last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n padding-right: 12px;\n }\n & > :not(:first-child) {\n border-left-width: 0;\n }\n ${border};\n`;\nconst Item = styled(Flex).attrs({ flex: 1, justifyContent: \"center\", alignItems: \"center\" })`\n cursor: pointer;\n padding: 8px 10px 8px 10px;\n border: 1px solid;\n &[data-active=\"false\"] {\n color: ${p => p.theme.colors.neutral.c80};\n background-color: ${p => p.theme.colors.neutral.c00};\n border-color: ${p => p.theme.colors.neutral.c40};\n }\n &[data-active=\"true\"] {\n color: ${p => p.theme.colors.neutral.c00};\n background-color: ${p => p.theme.colors.neutral.c100};\n border-color: ${p => p.theme.colors.neutral.c100};\n\n &:not(:last-child) {\n border-right-width: 0;\n }\n }\n &[data-active=\"true\"] + div {\n border-left-width: 1px;\n }\n`;\n\nexport default function PillTabs({\n children,\n onTabChange,\n initialActiveIndex,\n}: Props): React.JSX.Element {\n const [activeIndex, setActiveIndex] = useState(initialActiveIndex);\n return (\n <Pill>\n {React.Children.toArray(children).map((child, index) => (\n <Item\n key={index}\n data-active={index === activeIndex}\n onClick={() => {\n setActiveIndex(index);\n onTabChange && onTabChange(index);\n }}\n >\n {child}\n </Item>\n ))}\n </Pill>\n );\n}\n"],"names":["baseStyled","FlexBox","gaps","styled","compose","flexbox","space","position","color","layout","overflow","border","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","system","React","useState","Flex","Pill","Item","p","PillTabs","children","onTabChange","initialActiveIndex","activeIndex","setActiveIndex","child","index"],"mappings":";;;;;;;;AAA2D;AAE3D,MAAMC,UAAUD,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAeC,OAAOA,EAAC;;;;;;;;;;;;;ACJkB;AAC0C;AAiB5D;AAqBhB,MAAMW,aAA6CR,0CAAOA,CAC/DC,sCAAOA,EACPC,oCAAKA,EACLC,uCAAQA,EACRC,oCAAKA,EACLC,qCAAMA,EACNC,uCAAQA,EACRR,+CAAIA,EACJS,qCAAMA,EACN;AAEF,MAAME,cAAc,IAAIC,MAAMX,8CAAMA,EAAE;IACpC,OAAMY,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOd,4CAAMA,CAACY,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOf,4CAAMA,CAACY,MAAM,CAACG,SAAS,CAAC,KAAK,CAACf,8CAAMA,EAAE;gBAACS;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;AC/DL;AAEvC,MAAMX,OAAOiB,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAejB,IAAIA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPpB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;;ACNwC;AACD;AACa;AACf;AAcrC,MAAMqB,OAAOpB,kDAAuB,CAAC;;;;;;;;;;;;;;;EAenC,EAAEQ,qCAAMA,CAAC;AACX,CAAC;AACD,MAAMa,OAAOrB,4CAAMA,CAACmB,4CAAIA,EAAE,KAAK,CAAC;IAAE,MAAM;IAAG,gBAAgB;IAAU,YAAY;AAAS,EAAE,CAAC;;;;;WAKlF,EAAEG,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;sBACvB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;kBACtC,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;;WAGzC,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;sBACvB,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;kBACvC,EAAEA,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;;;;;;;;;AASrD,CAAC;AAEc,SAASC,SAAS,EAC/BC,QAAQ,EACRC,WAAW,EACXC,kBAAkB,EACZ;IACN,MAAM,CAACC,aAAaC,eAAe,GAAGV,mCAAQA,CAACQ;IAC/C,qBACE,+CAACN,YACEH,iDAAsB,CAACO,UAAU,GAAG,CAAC,CAACK,OAAOC,sBAC5C,+CAACT;YACC,KAAKS;YACL,eAAaA,UAAUH;YACvB,SAAS;gBACPC,eAAeE;gBACfL,eAAeA,YAAYK;YAC7B;WAECD;AAKX"}

package/lib/cjs/components/tabs/Tabs/Tabs.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};` : ""}

package/lib/cjs/components/tabs/Tabs/Tabs.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/tabs/Tabs/Tabs.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Tag/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/tabs/Tabs/index.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/tabs/Tabs/Tabs.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { border, BorderProps } from \"styled-system\";\nimport Text, { TextProps } from \"../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../styled\";\n\nexport type Size = \"large\" \| \"medium\" \| \"small\" \| \"tiny\";\nexport type Type = \"plain\" \| \"opacity\" \| \"outlined\" \| \"outlinedOpacity\";\n\nexport type TagProps = BaseStyledProps &\n React.HTMLAttributes<HTMLDivElement> &\n BorderProps &\n React.PropsWithChildren<{\n /*\n Changes the appearance based on the active state.\n /\n active?: boolean;\n /\n Tag style.\n /\n type?: Type;\n /\n Size of the tag, affects the padding and the casing (uppercase for small and medium)\n /\n size?: Size;\n /\n Props passed to the text component, overriding props set internally by Tag component\n /\n textProps?: TextProps;\n\n disabled?: boolean;\n }>;\n\nfunction getColor({ type, active, disabled }: TagProps) {\n switch (type) {\n case \"plain\":\n if (disabled) return active ? \"neutral.c00\" : \"neutral.c70\";\n return active ? \"neutral.c00\" : \"primary.c90\";\n default:\n return disabled ? \"neutral.c70\" : \"primary.c90\";\n }\n}\n\nfunction getBgColor({ type, active, disabled }: TagProps) {\n switch (type) {\n case \"plain\":\n return active ? (disabled ? \"neutral.c70\" : \"primary.c90\") : undefined;\n case \"opacity\":\n return active ? (disabled ? \"neutral.c30\" : \"primary.c20\") : undefined;\n default:\n return;\n }\n}\n\nfunction getBorderColor({ type, active, disabled }: TagProps) {\n if (!active) return;\n switch (type) {\n case \"outlined\":\n return disabled ? \"neutral.c70\" : \"primary.c90\";\n case \"outlinedOpacity\":\n return disabled ? \"neutral.c40\" : \"primary.c40\";\n }\n}\n\nfunction getPadding({ size }: TagProps) {\n // Padding is 1px less than what's indicated in the design because of the 1px wide border.\n switch (size) {\n case \"tiny\":\n return \"1px 3px\";\n case \"small\":\n return \"2px 4px\";\n case \"medium\":\n return \"5px 7px\";\n case \"large\":\n default:\n return \"8px 9px 9px\";\n }\n}\n\nfunction getTextProps({ size }: TagProps): TextProps {\n switch (size) {\n case \"tiny\":\n case \"small\":\n case \"medium\":\n return {\n variant: \"tiny\",\n fontWeight: \"semiBold\",\n lineHeight: \"normal\",\n };\n case \"large\":\n default:\n return {\n variant: \"extraSmall\",\n fontWeight: \"semiBold\",\n };\n }\n}\n\nconst TagContainer = baseStyled.div.attrs<TagProps, TagProps>(props => ({\n backgroundColor: props.bg \|\| props.backgroundColor \|\| getBgColor(props),\n color: props.color \|\| getColor(props),\n borderColor: getBorderColor(props),\n}))`\n display: inline-flex;\n justify-content: center;\n border: 1px solid transparent;\n border-radius: ${p => `${p.theme.radii[1]}px`};\n padding: ${p => getPadding(p)};\n ${border}\n`;\n\nexport default function Tag({\n children,\n textProps,\n size = \"large\",\n ...props\n}: TagProps): JSX.Element {\n const textColor = getColor(props);\n const baseTextProps = getTextProps({ size, ...props });\n return (\n <TagContainer size={size} {...props}>\n <Text {...baseTextProps} color={textColor} {...(textProps ? textProps : {})}>\n {children}\n </Text>\n </TagContainer>\n );\n}\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 gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /\n The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n /\n columnGap?: string \| number;\n /\n The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n /\n rowGap?: string \| number;\n color?: string;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useState, useEffect, createRef, forwardRef } from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\nimport Tag from \"../../Tag\";\nimport Text from \"../../asorted/Text\";\n\nexport interface TabContent {\n index: number;\n title: string;\n disabled?: boolean;\n badge?: string \| number;\n Component: React.ReactNode;\n}\n\nexport type Props = React.PropsWithChildren<{\n /\n An optional callback that will be called when the active tab changes.\n /\n onTabChange?: (index: number) => void;\n /\n The tab index to mark as active when rendering for the first time.\n * If omitted, then initially no tabs will be selected.\n /\n activeIndex?: number;\n tabs: TabContent[];\n}>;\n\nconst Container = styled(Flex).attrs({\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n})``;\n\nconst TabHeader = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n width: 100%;\n`;\n\nconst TabHeaderContent = styled(Flex).attrs({\n flex: 1,\n alignItems: \"center\",\n})`\n width: 100%;\n`;\n\nconst TabHeaderBox = styled.div<{ disabled: boolean }>`\n display: flex;\n flex-grow: inherit;\n justify-content: center;\n text-align: center;\n cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n padding: 8px 12px;\n`;\n\nconst HeaderTitle = styled(Text).attrs({\n fontWeight: \"600\",\n})<{ selected: boolean }>`\n margin-inline: 12px;\n color: ${p => (p.selected ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c80)};\n`;\n\nconst HeaderBottomBarFixed = styled(Flex).attrs({\n flex: 1,\n})`\n width: 100%;\n position: relative;\n top: 3px;\n border-bottom: 1px solid ${p => p.theme.colors.neutral.c40};\n`;\n\nconst HeaderBottomBarMoving = styled.div<HeaderBottomBarProps>`\n position: relative;\n left: ${p => p.left}px;\n width: ${p => p.width}px;\n transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n border-bottom: solid 3px;\n border-bottom-color: ${p => p.theme.colors.primary.c70};\n`;\n\nconst Badge = styled(Tag).attrs(p => ({\n borderRadius: p.theme.radii[3],\n backgroundColor: p.theme.colors.primary.c70,\n color: p.theme.colors.neutral.c00,\n}))`\n padding: 5px;\n min-width: 24px;\n`;\n\ninterface HeaderBottomBarProps {\n left: number;\n width: number;\n}\n\nconst MyBottomBar = (props: HeaderBottomBarProps) => {\n const { width, left } = props;\n return (\n <>\n <HeaderBottomBarFixed />\n <HeaderBottomBarMoving width={width} left={left} />\n </>\n );\n};\n\ninterface HeaderElementProps {\n title: string;\n selected: boolean;\n disabled: boolean;\n badge?: string \| number;\n onClick: () => void;\n}\n\nconst HeaderElement = forwardRef<HTMLDivElement, HeaderElementProps>((props, ref) => {\n const { onClick, badge, disabled, selected, title } = props;\n\n return (\n <TabHeaderBox ref={ref} disabled={disabled} onClick={onClick}>\n <HeaderTitle selected={selected}>{title}</HeaderTitle>\n {(badge \|\| badge === 0) && <Badge>{badge}</Badge>}\n </TabHeaderBox>\n );\n});\n\nconst MainContent = styled(Flex).attrs({\n flex: 1,\n})<{ active?: boolean }>`\n width: 100%;\n color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};\n background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};\n`;\n\nexport default function Tabs(props: Props): JSX.Element {\n const { tabs, onTabChange } = props;\n const [activeIndex, setActiveIndex] = useState(tabs[0].index);\n const [bottomBar, updateBottomBar] = useState<HeaderBottomBarProps>({ left: 0, width: 0 });\n const mainTab = activeIndex >= 0 ? tabs[activeIndex] : null;\n const refs = tabs.map(() => createRef<HTMLDivElement>());\n\n useEffect(() => {\n const newIndex = props.activeIndex \|\| activeIndex;\n setActiveIndex(newIndex);\n\n if (refs[0].current) {\n const refIndex = tabs.findIndex(t => t.index === newIndex);\n const refsToHandle = refs.slice(0, refIndex);\n const width = refs[refIndex].current?.offsetWidth \|\| 0;\n const left = refsToHandle.reduce((total, ref) => total + (ref.current?.offsetWidth \|\| 0), 0);\n updateBottomBar({\n width,\n left,\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [activeIndex]);\n\n const onTabClick = (index: number) => {\n const tab = tabs.find(t => t.index === index);\n if (tab && !tab.disabled) {\n setActiveIndex(index);\n onTabChange && onTabChange(index);\n }\n };\n\n return (\n <Container>\n <TabHeader>\n <TabHeaderContent>\n {tabs.map((tab, i) => (\n <HeaderElement\n ref={refs[i]}\n title={tab.title}\n selected={activeIndex === tab.index}\n badge={tab.badge}\n disabled={!!tab.disabled}\n onClick={() => onTabClick(tab.index)}\n />\n ))}\n </TabHeaderContent>\n <MyBottomBar width={bottomBar.width} left={bottomBar.left} />\n </TabHeader>\n <MainContent>{mainTab && mainTab.Component}</MainContent>\n </Container>\n );\n}\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, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport TabsComponent, { Props, TabContent } from \"../../tabs/Tabs\";\nimport Text from \"../../asorted/Text\";\n\nexport default {\n title: \"Tabs/Tabs\",\n component: TabsComponent,\n argTypes: {\n initialActiveIndex: {\n control: { type: \"number\" },\n },\n },\n};\n\nconst Content = styled.div`\n padding: 10px;\n`;\n\nconst myTabs: TabContent[][] = [\n [\n {\n index: 0,\n title: \"Title 1\",\n badge: 2,\n Component: <Content>Have a break, have a KitKat !</Content>,\n },\n {\n index: 1,\n title: \"Title 2\",\n Component: (\n <Content>I'm disabled below, you will never see me... So stay here pls ^^</Content>\n ),\n },\n {\n index: 2,\n title: \"Title 3\",\n badge: \"banana\",\n Component: <Content>Look mom i'm on tv !</Content>,\n },\n ],\n [\n {\n index: 0,\n title: \"Title 1\",\n disabled: false,\n badge: 2,\n Component: <Content>Pst ! Title 2 is disabled. You can't see it ...</Content>,\n },\n {\n index: 1,\n title: \"Title 2\",\n disabled: true,\n Component: <Content>I'm disabled, you will never see me...</Content>,\n },\n {\n index: 2,\n title: \"Title 3 a little bit longer\",\n disabled: false,\n badge: \"banana\",\n Component: <Content>Pst ! Title 2 is disabled. You can't see it ...</Content>,\n },\n ],\n [\n {\n index: 0,\n title: \"One\",\n badge: 1,\n Component: <Content>One is the first</Content>,\n },\n {\n index: 1,\n title: \"Two\",\n badge: 2,\n Component: <Content>Two is the second</Content>,\n },\n ],\n];\n\nfunction Sample(args: Props) {\n const [activeIndex, setActiveIndex] = useState(0);\n return (\n <div style={{ marginBottom: \"40px\" }}>\n <div style={{ width: \"100%\" }}>\n <TabsComponent {...args} onTabChange={setActiveIndex} tabs={args.tabs} />\n </div>\n <Text variant=\"subtitle\">Active index: {activeIndex}</Text>\n <hr />\n </div>\n );\n}\n\nexport const Tabs = (): React.ReactNode[] =>\n myTabs.reduce<React.ReactNode[]>((acc, tabs, index) => {\n return [...acc, <Sample key={index} tabs={tabs} />];\n }, []);\n"],"names":["React","border","Text","baseStyled","getColor","type","active","disabled","getBgColor","undefined","getBorderColor","getPadding","size","getTextProps","TagContainer","props","p","Tag","children","textProps","textColor","baseTextProps","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","gaps","styled","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useState","useEffect","createRef","forwardRef","Flex","Container","TabHeader","TabHeaderContent","TabHeaderBox","HeaderTitle","HeaderBottomBarFixed","HeaderBottomBarMoving","Badge","MyBottomBar","width","left","HeaderElement","ref","onClick","badge","selected","title","MainContent","Tabs","tabs","onTabChange","activeIndex","setActiveIndex","bottomBar","updateBottomBar","mainTab","refs","newIndex","refIndex","t","refsToHandle","total","onTabClick","index","tab","i","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","style","weight","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","TabsComponent","Content","myTabs","Sample","args","acc"],"mappings":"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"}
1	+ {"version":3,"file":"components/tabs/Tabs/Tabs.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/Tag/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/tabs/Tabs/index.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/tabs/Tabs/Tabs.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { border, BorderProps } from \"styled-system\";\nimport Text, { TextProps } from \"../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../styled\";\n\nexport type Size = \"large\" \| \"medium\" \| \"small\" \| \"tiny\";\nexport type Type = \"plain\" \| \"opacity\" \| \"outlined\" \| \"outlinedOpacity\";\n\nexport type TagProps = BaseStyledProps &\n React.HTMLAttributes<HTMLDivElement> &\n BorderProps &\n React.PropsWithChildren<{\n /*\n Changes the appearance based on the active state.\n /\n active?: boolean;\n /\n Tag style.\n /\n type?: Type;\n /\n Size of the tag, affects the padding and the casing (uppercase for small and medium)\n /\n size?: Size;\n /\n Props passed to the text component, overriding props set internally by Tag component\n /\n textProps?: TextProps;\n\n disabled?: boolean;\n }>;\n\nfunction getColor({ type, active, disabled }: TagProps) {\n switch (type) {\n case \"plain\":\n if (disabled) return active ? \"neutral.c00\" : \"neutral.c70\";\n return active ? \"neutral.c00\" : \"primary.c90\";\n default:\n return disabled ? \"neutral.c70\" : \"primary.c90\";\n }\n}\n\nfunction getBgColor({ type, active, disabled }: TagProps) {\n switch (type) {\n case \"plain\":\n return active ? (disabled ? \"neutral.c70\" : \"primary.c90\") : undefined;\n case \"opacity\":\n return active ? (disabled ? \"neutral.c30\" : \"primary.c20\") : undefined;\n default:\n return;\n }\n}\n\nfunction getBorderColor({ type, active, disabled }: TagProps) {\n if (!active) return;\n switch (type) {\n case \"outlined\":\n return disabled ? \"neutral.c70\" : \"primary.c90\";\n case \"outlinedOpacity\":\n return disabled ? \"neutral.c40\" : \"primary.c40\";\n }\n}\n\nfunction getPadding({ size }: TagProps) {\n // Padding is 1px less than what's indicated in the design because of the 1px wide border.\n switch (size) {\n case \"tiny\":\n return \"1px 3px\";\n case \"small\":\n return \"2px 4px\";\n case \"medium\":\n return \"5px 7px\";\n case \"large\":\n default:\n return \"8px 9px 9px\";\n }\n}\n\nfunction getTextProps({ size }: TagProps): TextProps {\n switch (size) {\n case \"tiny\":\n case \"small\":\n case \"medium\":\n return {\n variant: \"tiny\",\n fontWeight: \"semiBold\",\n lineHeight: \"normal\",\n };\n case \"large\":\n default:\n return {\n variant: \"extraSmall\",\n fontWeight: \"semiBold\",\n };\n }\n}\n\nconst TagContainer = baseStyled.div.attrs<TagProps, TagProps>(props => ({\n backgroundColor: props.bg \|\| props.backgroundColor \|\| getBgColor(props),\n color: props.color \|\| getColor(props),\n borderColor: getBorderColor(props),\n}))`\n display: inline-flex;\n justify-content: center;\n border: 1px solid transparent;\n border-radius: ${p => `${p.theme.radii[1]}px`};\n padding: ${p => getPadding(p)};\n ${border}\n`;\n\nexport default function Tag({\n children,\n textProps,\n size = \"large\",\n ...props\n}: TagProps): React.JSX.Element {\n const textColor = getColor(props);\n const baseTextProps = getTextProps({ size, ...props });\n return (\n <TagContainer size={size} {...props}>\n <Text {...baseTextProps} color={textColor} {...(textProps ? textProps : {})}>\n {children}\n </Text>\n </TagContainer>\n );\n}\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 React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n compose,\n flexbox,\n FlexboxProps,\n space,\n SpaceProps,\n position,\n PositionProps,\n color,\n ColorProps,\n layout,\n LayoutProps,\n overflow,\n OverflowProps,\n border,\n BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n FlexboxProps &\n PositionProps &\n ColorProps &\n LayoutProps &\n BorderProps &\n OverflowProps & {\n /\n The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n /\n columnGap?: string \| number;\n /\n The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n /\n rowGap?: string \| number;\n color?: string;\n children?: React.ReactNode;\n };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n flexbox,\n space,\n position,\n color,\n layout,\n overflow,\n gaps,\n border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n return styled(target.apply(thisArg, argumentsList)(baseStyles));\n },\n get(target, property: keyof typeof styled) {\n if (typeof target[property] === \"function\") {\n return styled(target[property].apply(styled, [baseStyles]));\n }\n return target[property];\n },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useState, useEffect, createRef, forwardRef } from \"react\";\nimport styled from \"styled-components\";\nimport Flex from \"../../layout/Flex\";\nimport Tag from \"../../Tag\";\nimport Text from \"../../asorted/Text\";\n\nexport interface TabContent {\n index: number;\n title: string;\n disabled?: boolean;\n badge?: string \| number;\n Component: React.ReactNode;\n}\n\nexport type Props = React.PropsWithChildren<{\n /\n An optional callback that will be called when the active tab changes.\n /\n onTabChange?: (index: number) => void;\n /\n The tab index to mark as active when rendering for the first time.\n * If omitted, then initially no tabs will be selected.\n /\n activeIndex?: number;\n tabs: TabContent[];\n}>;\n\nconst Container = styled(Flex).attrs({\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n})``;\n\nconst TabHeader = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n width: 100%;\n`;\n\nconst TabHeaderContent = styled(Flex).attrs({\n flex: 1,\n alignItems: \"center\",\n})`\n width: 100%;\n`;\n\nconst TabHeaderBox = styled.div<{ disabled: boolean }>`\n display: flex;\n flex-grow: inherit;\n justify-content: center;\n text-align: center;\n cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n padding: 8px 12px;\n`;\n\nconst HeaderTitle = styled(Text).attrs({\n fontWeight: \"600\",\n})<{ selected: boolean }>`\n margin-inline: 12px;\n color: ${p => (p.selected ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c80)};\n`;\n\nconst HeaderBottomBarFixed = styled(Flex).attrs({\n flex: 1,\n})`\n width: 100%;\n position: relative;\n top: 3px;\n border-bottom: 1px solid ${p => p.theme.colors.neutral.c40};\n`;\n\nconst HeaderBottomBarMoving = styled.div<HeaderBottomBarProps>`\n position: relative;\n left: ${p => p.left}px;\n width: ${p => p.width}px;\n transition: all 400ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n border-bottom: solid 3px;\n border-bottom-color: ${p => p.theme.colors.primary.c70};\n`;\n\nconst Badge = styled(Tag).attrs(p => ({\n borderRadius: p.theme.radii[3],\n backgroundColor: p.theme.colors.primary.c70,\n color: p.theme.colors.neutral.c00,\n}))`\n padding: 5px;\n min-width: 24px;\n`;\n\ninterface HeaderBottomBarProps {\n left: number;\n width: number;\n}\n\nconst MyBottomBar = (props: HeaderBottomBarProps) => {\n const { width, left } = props;\n return (\n <>\n <HeaderBottomBarFixed />\n <HeaderBottomBarMoving width={width} left={left} />\n </>\n );\n};\n\ninterface HeaderElementProps {\n title: string;\n selected: boolean;\n disabled: boolean;\n badge?: string \| number;\n onClick: () => void;\n}\n\nconst HeaderElement = forwardRef<HTMLDivElement, HeaderElementProps>((props, ref) => {\n const { onClick, badge, disabled, selected, title } = props;\n\n return (\n <TabHeaderBox ref={ref} disabled={disabled} onClick={onClick}>\n <HeaderTitle selected={selected}>{title}</HeaderTitle>\n {(badge \|\| badge === 0) && <Badge>{badge}</Badge>}\n </TabHeaderBox>\n );\n});\n\nconst MainContent = styled(Flex).attrs({\n flex: 1,\n})<{ active?: boolean }>`\n width: 100%;\n color: ${p => (p.active ? p.theme.colors.neutral.c00 : p.theme.colors.neutral.c70)};\n background-color: ${p => (p.active ? p.theme.colors.neutral.c100 : p.theme.colors.neutral.c00)};\n`;\n\nexport default function Tabs(props: Props): React.JSX.Element {\n const { tabs, onTabChange } = props;\n const [activeIndex, setActiveIndex] = useState(tabs[0].index);\n const [bottomBar, updateBottomBar] = useState<HeaderBottomBarProps>({ left: 0, width: 0 });\n const mainTab = activeIndex >= 0 ? tabs[activeIndex] : null;\n const refs = tabs.map(() => createRef<HTMLDivElement>());\n\n useEffect(() => {\n const newIndex = props.activeIndex \|\| activeIndex;\n setActiveIndex(newIndex);\n\n if (refs[0].current) {\n const refIndex = tabs.findIndex(t => t.index === newIndex);\n const refsToHandle = refs.slice(0, refIndex);\n const width = refs[refIndex].current?.offsetWidth \|\| 0;\n const left = refsToHandle.reduce((total, ref) => total + (ref.current?.offsetWidth \|\| 0), 0);\n updateBottomBar({\n width,\n left,\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [activeIndex]);\n\n const onTabClick = (index: number) => {\n const tab = tabs.find(t => t.index === index);\n if (tab && !tab.disabled) {\n setActiveIndex(index);\n onTabChange && onTabChange(index);\n }\n };\n\n return (\n <Container>\n <TabHeader>\n <TabHeaderContent>\n {tabs.map((tab, i) => (\n <HeaderElement\n ref={refs[i]}\n title={tab.title}\n selected={activeIndex === tab.index}\n badge={tab.badge}\n disabled={!!tab.disabled}\n onClick={() => onTabClick(tab.index)}\n />\n ))}\n </TabHeaderContent>\n <MyBottomBar width={bottomBar.width} left={bottomBar.left} />\n </TabHeader>\n <MainContent>{mainTab && mainTab.Component}</MainContent>\n </Container>\n );\n}\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, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport TabsComponent, { Props, TabContent } from \"../../tabs/Tabs\";\nimport Text from \"../../asorted/Text\";\n\nexport default {\n title: \"Tabs/Tabs\",\n component: TabsComponent,\n argTypes: {\n initialActiveIndex: {\n control: { type: \"number\" },\n },\n },\n};\n\nconst Content = styled.div`\n padding: 10px;\n`;\n\nconst myTabs: TabContent[][] = [\n [\n {\n index: 0,\n title: \"Title 1\",\n badge: 2,\n Component: <Content>Have a break, have a KitKat !</Content>,\n },\n {\n index: 1,\n title: \"Title 2\",\n Component: (\n <Content>I'm disabled below, you will never see me... So stay here pls ^^</Content>\n ),\n },\n {\n index: 2,\n title: \"Title 3\",\n badge: \"banana\",\n Component: <Content>Look mom i'm on tv !</Content>,\n },\n ],\n [\n {\n index: 0,\n title: \"Title 1\",\n disabled: false,\n badge: 2,\n Component: <Content>Pst ! Title 2 is disabled. You can't see it ...</Content>,\n },\n {\n index: 1,\n title: \"Title 2\",\n disabled: true,\n Component: <Content>I'm disabled, you will never see me...</Content>,\n },\n {\n index: 2,\n title: \"Title 3 a little bit longer\",\n disabled: false,\n badge: \"banana\",\n Component: <Content>Pst ! Title 2 is disabled. You can't see it ...</Content>,\n },\n ],\n [\n {\n index: 0,\n title: \"One\",\n badge: 1,\n Component: <Content>One is the first</Content>,\n },\n {\n index: 1,\n title: \"Two\",\n badge: 2,\n Component: <Content>Two is the second</Content>,\n },\n ],\n];\n\nfunction Sample(args: Props) {\n const [activeIndex, setActiveIndex] = useState(0);\n return (\n <div style={{ marginBottom: \"40px\" }}>\n <div style={{ width: \"100%\" }}>\n <TabsComponent {...args} onTabChange={setActiveIndex} tabs={args.tabs} />\n </div>\n <Text variant=\"subtitle\">Active index: {activeIndex}</Text>\n <hr />\n </div>\n );\n}\n\nexport const Tabs = (): React.ReactNode[] =>\n myTabs.reduce<React.ReactNode[]>((acc, tabs, index) => {\n return [...acc, <Sample key={index} tabs={tabs} />];\n }, []);\n"],"names":["React","border","Text","baseStyled","getColor","type","active","disabled","getBgColor","undefined","getBorderColor","getPadding","size","getTextProps","TagContainer","props","p","Tag","children","textProps","textColor","baseTextProps","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","variant","color","css","getFontSource","name","fontsPath","fontName","fontStyles","FlexBox","gaps","styled","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useState","useEffect","createRef","forwardRef","Flex","Container","TabHeader","TabHeaderContent","TabHeaderBox","HeaderTitle","HeaderBottomBarFixed","HeaderBottomBarMoving","Badge","MyBottomBar","width","left","HeaderElement","ref","onClick","badge","selected","title","MainContent","Tabs","tabs","onTabChange","activeIndex","setActiveIndex","bottomBar","updateBottomBar","mainTab","refs","newIndex","refIndex","t","refsToHandle","total","onTabClick","index","tab","i","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","style","weight","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","TabsComponent","Content","myTabs","Sample","args","acc"],"mappings":"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"}

package/lib/cjs/components/tabs/Tabs/index.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};` : ""}