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

package/lib/cjs/components/message/Notification/Notification.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/message/Notification/Notification.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/cta/Link/getLinkStyle.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Link/index.tsx","webpack://@ledgerhq/react-ui/./src/components/cta/getCtaStyle.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/message/Notification/Badge.tsx","webpack://@ledgerhq/react-ui/./src/components/message/Notification/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/message/Notification/Notification.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 { Theme } from \"../../../styles/theme\";\n\nexport function getLinkColors(\n  colors: Theme[\"colors\"],\n): Record<\"disabled\" | \"main\" | \"color\" | \"shade\", Record<\"default\" | \"pressed\", string>> {\n  return {\n    disabled: {\n      default: colors.neutral.c50,\n      pressed: colors.neutral.c50,\n    },\n    main: {\n      default: colors.neutral.c100,\n      pressed: colors.neutral.c80,\n    },\n    color: {\n      default: colors.primary.c80,\n      pressed: colors.primary.c70,\n    },\n    shade: {\n      default: colors.neutral.c70,\n      pressed: colors.neutral.c80,\n    },\n  };\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { getLinkColors } from \"./getLinkStyle\";\nimport { ctaIconSize, ctaTextType } from \"../getCtaStyle\";\nimport { Text } from \"../../asorted\";\nimport { TextProps } from \"../../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  BaseStyledProps & {\n    /**\n     * Component that takes `{size: number; color?: string}` as props\n     */\n    Icon?: React.ComponentType<{ size: number; color?: string }>;\n    /**\n     * Affects the colors of the text, icon & underline, can be overriden by the `color` prop\n     */\n    type?: \"main\" | \"shade\" | \"color\";\n    /**\n     * Affect the font variant & icon size\n     */\n    size?: \"small\" | \"medium\" | \"large\";\n    /**\n     * Color of the link, overrides colors defined by the `type` prop\n     */\n    color?: string;\n    /**\n     * Props passed to the rendered text\n     */\n    textProps?: TextProps;\n    /**\n     * If true text will always be underlined, else it will be underlined only on hover\n     */\n    alwaysUnderline?: boolean;\n    /**\n     * Position of the icon relative to the text\n     */\n    iconPosition?: \"right\" | \"left\";\n    disabled?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const DEFAULT_ICON_POSITION = \"right\";\nexport const DEFAULT_SIZE = \"medium\";\nexport const DEFAULT_TYPE = \"main\";\n\nconst IconContainer = styled.div<{\n  iconPosition: \"right\" | \"left\";\n  iconLink?: boolean;\n}>`\n  ${p => (p.iconLink ? \"\" : p.iconPosition === \"left\" ? `margin-right: 6px;` : `margin-left: 6px;`)}\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const Base = baseStyled.a<LinkProps>`\n  color: ${({ color, theme, disabled, type = \"main\" }) =>\n    color || getLinkColors(theme.colors)[disabled ? \"disabled\" : type][\"default\"]};\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: row;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    text-decoration: underline;\n  }\n  &:active {\n    color: ${({ color, theme, type = \"main\" }) =>\n      color || getLinkColors(theme.colors)[type][\"pressed\"]};\n    text-decoration: underline;\n  }\n\n  text-decoration: ${p => (p.alwaysUnderline ? \"underline\" : \"none\")};\n\n`;\n\nconst LinkContainer = ({\n  Icon,\n  iconPosition = DEFAULT_ICON_POSITION,\n  children,\n  color,\n  size = DEFAULT_SIZE,\n  textProps,\n}: LinkProps): React.ReactElement => {\n  const text = (\n    <Text\n      variant={ctaTextType[size]}\n      fontWeight=\"semiBold\"\n      color={color || \"inherit\"}\n      {...textProps}\n    >\n      {children}\n    </Text>\n  );\n\n  return (\n    <>\n      {iconPosition === \"right\" && children ? text : null}\n      {Icon ? (\n        <IconContainer iconLink={!children} iconPosition={iconPosition}>\n          <Icon size={ctaIconSize[size]} color={color || \"currentcolor\"} />\n        </IconContainer>\n      ) : null}\n      {iconPosition === \"left\" && children ? text : null}\n    </>\n  );\n};\n\nconst Link = (props: LinkProps): React.ReactElement => {\n  const { type = DEFAULT_TYPE, size = DEFAULT_SIZE, color } = props;\n  return (\n    <Base color={color} {...props}>\n      <LinkContainer {...props} type={type} size={size} />\n    </Base>\n  );\n};\n\nexport default Link;\n","import { TextVariants } from \"../../styles/theme\";\n\nexport const ctaTextType: { [index: string]: TextVariants } = {\n  small: \"small\",\n  medium: \"paragraph\",\n  large: \"body\",\n};\n\nexport const ctaIconSize: { [index: string]: number } = {\n  small: 16,\n  medium: 18,\n  large: 20,\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 styled from \"styled-components\";\nimport { color, position, shadow, border, background, layout } from \"styled-system\";\n\nconst ActiveCircle = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 10px;\n  width: 10px;\n  border-radius: 9999px;\n  box-sizing: content-box;\n  background-color: ${p => p.theme.colors.error.c50};\n\n  border: 2px solid\n    var(\n      --notification-badge-border,\n      ${p => {\n        /* The CSS variable is dynamically set by the Notification component */\n        return p.theme.colors.background.main;\n      }}\n    );\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 9999px;\n  ${color}\n  ${position}\n  ${shadow}\n  ${border}\n  ${background}\n  ${layout}\n`;\n\nexport type Props = {\n  /* If true a notification bubble will be displayed in the top right corner of the badge. */\n  active?: boolean;\n  /* JSX filling up the space inside the badge, usually an <Icon />. */\n  icon: JSX.Element;\n} & React.ComponentProps<typeof Wrapper>;\nexport default function Badge({ active, icon, ...props }: Props): JSX.Element {\n  return (\n    <Wrapper {...props}>\n      {icon}\n      {active && <ActiveCircle />}\n    </Wrapper>\n  );\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport Badge from \"./Badge\";\nimport Link, { LinkProps } from \"../../cta/Link\";\nimport { ExternalLinkMedium } from \"@ledgerhq/icons-ui/reactLegacy\";\n\ninterface ContainerProps extends FlexBoxProps {\n  /* Add the pre-selected background. */\n  hasBackground?: boolean;\n}\n\nexport interface Props extends ContainerProps {\n  /* The title to be displayed. */\n  title: string;\n  /* JSX that should be rendered by a call to the <Notification.Badge /> component.*/\n  badge: React.ReactNode;\n  /* An optional description. */\n  description?: string;\n  /* An optional link. */\n  link?: string;\n  /* A callback to perform when clicking on the link. */\n  onLinkClick?: LinkProps[\"onClick\"];\n}\n\nconst Container = styled(FlexBox).attrs<ContainerProps>({\n  p: 6,\n  columnGap: 8,\n  alignItems: \"center\",\n})<ContainerProps>`\n  --notification-badge-border: ${p => {\n    /* Set a CSS variable that will be consumed by the Badge component */\n    return p.hasBackground ? p.theme.colors.neutral.c30 : p.theme.colors.background.main;\n  }};\n  background-color: ${p => (p.hasBackground ? p.theme.colors.neutral.c30 : \"transparent\")};\n\n  border-radius: 8px;\n`;\n\nfunction Notification({\n  title,\n  description,\n  badge,\n  link,\n  onLinkClick,\n  hasBackground = false,\n  ...containerProps\n}: Props): JSX.Element {\n  return (\n    <Container hasBackground={hasBackground} {...containerProps}>\n      {badge}\n      <FlexBox flexDirection=\"column\" rowGap={3} flex=\"auto\">\n        <Text variant={\"large\"} fontWeight=\"medium\" color=\"neutral.c100\">\n          {title}\n        </Text>\n        {description && (\n          <Text variant={\"paragraph\"} fontWeight=\"medium\" color=\"neutral.c80\" whiteSpace=\"pre-wrap\">\n            {description}\n          </Text>\n        )}\n        {link && (\n          <FlexBox justifyContent={\"flex-start\"}>\n            <Link onClick={event => onLinkClick && onLinkClick(event)} Icon={ExternalLinkMedium}>\n              {link}\n            </Link>\n          </FlexBox>\n        )}\n      </FlexBox>\n    </Container>\n  );\n}\nNotification.Badge = Badge;\n\nexport type NotificationType = { (p: Props): JSX.Element; Badge: typeof Badge };\nexport default Notification as NotificationType;\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\n\nimport Icon from \"../../asorted/Icon\";\nimport FlexBox from \"../../layout/Flex\";\nimport Notification, { Props } from \"./index\";\n\nexport default {\n  title: \"Messages/Notifications\",\n  component: Notification,\n  argTypes: {\n    title: {\n      type: \"string\",\n    },\n    description: {\n      type: \"string\",\n    },\n    link: {\n      type: \"string\",\n    },\n    active: {\n      type: \"boolean\",\n    },\n    badge: {\n      control: false,\n    },\n    theme: { table: { disable: true } },\n    as: { table: { disable: true } },\n    forwardedAs: { table: { disable: true } },\n  },\n  args: {\n    title: \"Informational title\",\n    description:\n      \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh felis, pom id...\",\n    link: \"Learn more\",\n    active: false,\n  },\n};\n\nexport function Notifications(args: Props & { active: boolean }): JSX.Element {\n  const { description, link, ...props } = args;\n\n  const warningBadge = (\n    <Notification.Badge\n      color=\"warning.c50\"\n      backgroundColor=\"warning.c10\"\n      icon={<Icon name=\"Warning\" size={24} />}\n      active={args.active}\n    />\n  );\n\n  const infoBadge = (\n    <Notification.Badge\n      color=\"primary.c100\"\n      backgroundColor=\"primary.c10\"\n      icon={<Icon name=\"Info\" size={24} weight=\"Medium\" />}\n      active={args.active}\n    />\n  );\n\n  return (\n    <FlexBox flexDirection=\"column\" rowGap={5}>\n      <Notification {...props} badge={warningBadge} hasBackground />\n      <Notification {...props} badge={infoBadge} />\n      <Notification {...props} description={description} badge={warningBadge} hasBackground />\n      <Notification {...props} description={description} badge={infoBadge} />\n      <Notification\n        description={description}\n        link={link}\n        {...props}\n        badge={warningBadge}\n        hasBackground\n      />\n      <Notification {...props} description={description} link={link} badge={infoBadge} />\n    </FlexBox>\n  );\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","getLinkColors","colors","styled","ctaIconSize","ctaTextType","DEFAULT_ICON_POSITION","DEFAULT_SIZE","DEFAULT_TYPE","IconContainer","Base","theme","disabled","type","LinkContainer","iconPosition","children","textProps","text","Link","FlexBox","position","shadow","border","background","layout","ActiveCircle","Wrapper","Badge","active","icon","ExternalLinkMedium","Container","Notification","title","description","badge","link","onLinkClick","hasBackground","containerProps","event","gaps","flexbox","space","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","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","Notifications","args","warningBadge","infoBadge"],"mappings":";;;;;;;;;;;AAAwD;AAC9B;AASnB,MAAME,YAAYC,MAAM,IAAI,CACjCC,OAAO,IAAI,CAACJ,+CAAKA,EAAE,MAAM,CAAC,CAACK,KAAKC;IAC9B,MAAMC,MAAMD,OAAO,OAAO,CAAC,mBAAmB;IAC9C,IAAI,CAACD,IAAI,GAAG,CAACE,MAAMF,IAAI,GAAG,CAACE;IAC3B,OAAOF;AACT,GAAG,IAAIG,QACP;AAEF,MAAMC,OAAO,CAAC,EACZC,IAAI,EACJC,OAAO,EAAE,EACTC,QAAQ,cAAc,EACtBC,SAAS,QAAQ,EACX;IACN,MAAMC,gBAAgB,GAAGJ,OAAOG,QAAQ;IACxC,IAAIC,iBAAiBd,+CAAKA,EAAE;QAC1B,+DAA+D;QAC/D,MAAMe,YAAYf,+CAAK,CAACc,cAAc;QACtC,qBAAO,+CAACC;YAAU,MAAMJ;YAAM,OAAOC;;IACvC;IACA,OAAO;AACT;AAEA,sDAAeH,IAAIA,EAAC;;;;;;;;;;;;;ACjCuC;AASpC;AACoC;AAEf;AAE5C,MAAMiB,YAAYH,yCAAMA,CAAC;IACvB,WAAW;QACT,UAAU;QACV,WAAWI,CAAAA,QAAUA,QAAQ,cAAc;IAC7C;AACF;AA4BA,MAAMC,OAAOZ,8CAAqB,CAChC,CAAC,EAAEa,UAAU,MAAM,EAAEX,QAAQ,EAAEN,KAAK,EAAE,GAAM;QAC1C,UAAUM,WAAWA,WAAWW;QAChC,OAAOjB,SAAS;IAClB,GACD,CAAC;;eAEa,EAAEkB,CAAAA,QAASA,MAAM,UAAU,IAAI,SAAS;EACrD,EAAE,CAACC,IAAiBN,yCAAgB,CAACM,EAAE,OAAO,IAAI,OAAO,CAAC;EAC1D,EAAEd,0CAAOA,CACPS,WACAL,yCAAUA,EACVG,qDAAUA,EACVN,uCAAQA,EACRE,wCAASA,EACTD,yCAAUA,EACVG,4CAAaA,EACbC,yCAAMA,CAAC;IACL,cAAc;AAChB,IACA;EACF,EAAEQ,CAAAA,IAAMA,EAAE,aAAa,GAAG,CAAC,gBAAgB,EAAEA,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,GAAI;AACxE,CAAC;AAED,sDAAeH,IAAIA,EAAC;;;;;;;;;;ACtEoB;AAGxC,MAAMK,gBAAgB,CAACvB,OAAiB,CAACoB;QACvC,MAAMI,YAAYJ,MAAM,SAAS,IAAI;QACrC,MAAMK,WAAYL,MAAM,YAAY,IAAIA,MAAM,YAAY,CAACpB,SAAU,GAAGA,KAAK,MAAM,CAAC;QACpF,OAAO,CAAC,KAAK,EAAEwB,UAAU,CAAC,EAAEC,SAAS,kBAAkB,CAAC;IAC1D;AAEO,MAAMC,aAAaJ,0CAAG,CAAC;;;SAGrB,EAAEC,cAAc,yBAAyB;;;;;;;SAOzC,EAAEA,cAAc,oBAAoB;;;;;;;SAOpC,EAAEA,cAAc,iBAAiB;;;;;;;SAOjC,EAAEA,cAAc,gBAAgB;;;;;;;SAOhC,EAAEA,cAAc,kBAAkB;;;;;;;SAOlC,EAAEA,cAAc,mBAAmB;;;;;;;SAOnC,EAAEA,cAAc,sBAAsB;;;;AAI/C,CAAC,CAAC;AAEK,MAAMR,mBAQT;IACF,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,IAAI;QACF,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;IACA,SAAS;QACP,YAAY;QACZ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,iBAAiB;QACf,YAAY;QACZ,YAAY;IACd;IACA,MAAM;QACJ,YAAY;IACd;IACA,gBAAgB;QACd,YAAY;QACZ,YAAY;IACd;IACA,WAAW;QACT,YAAY;IACd;IACA,qBAAqB;QACnB,YAAY;QACZ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,YAAY;QACV,YAAY;IACd;IACA,MAAM;QACJ,YAAY;IACd;IACA,OAAO;QACL,YAAY;IACd;IACA,UAAU;QACR,YAAY;QACZ,YAAY;QACZ,kBAAkB;IACpB;AACF,EAAE;;;;;;;;ACzJK,SAASY,cACdC,MAAuB;IAEvB,OAAO;QACL,UAAU;YACR,SAASA,OAAO,OAAO,CAAC,GAAG;YAC3B,SAASA,OAAO,OAAO,CAAC,GAAG;QAC7B;QACA,MAAM;YACJ,SAASA,OAAO,OAAO,CAAC,IAAI;YAC5B,SAASA,OAAO,OAAO,CAAC,GAAG;QAC7B;QACA,OAAO;YACL,SAASA,OAAO,OAAO,CAAC,GAAG;YAC3B,SAASA,OAAO,OAAO,CAAC,GAAG;QAC7B;QACA,OAAO;YACL,SAASA,OAAO,OAAO,CAAC,GAAG;YAC3B,SAASA,OAAO,OAAO,CAAC,GAAG;QAC7B;IACF;AACF;;;;;;;;;;;;;;;;ACvB0B;AACa;AACQ;AACW;AACrB;AAEsB;AAoCpD,MAAMI,wBAAwB,QAAQ;AACtC,MAAMC,eAAe,SAAS;AAC9B,MAAMC,eAAe,OAAO;AAEnC,MAAMC,gBAAgBN,kDAGpB,CAAC;EACD,EAAER,CAAAA,IAAMA,EAAE,QAAQ,GAAG,KAAKA,EAAE,YAAY,KAAK,SAAS,CAAC,kBAAkB,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAE;;;;AAIpG,CAAC;AAEM,MAAMe,OAAO9B,qCAAuB,CAAC;SACnC,EAAE,CAAC,EAAEJ,KAAK,EAAEmC,KAAK,EAAEC,QAAQ,EAAEC,OAAO,MAAM,EAAE,GACjDrC,SAASyB,gDAAaA,CAACU,MAAM,MAAM,CAAC,CAACC,WAAW,aAAaC,KAAK,CAAC,UAAU,CAAC;;;;;;;;;;;;WAYvE,EAAE,CAAC,EAAErC,KAAK,EAAEmC,KAAK,EAAEE,OAAO,MAAM,EAAE,GACvCrC,SAASyB,gDAAaA,CAACU,MAAM,MAAM,CAAC,CAACE,KAAK,CAAC,UAAU,CAAC;;;;mBAIzC,EAAElB,CAAAA,IAAMA,EAAE,eAAe,GAAG,cAAc,OAAQ;;AAErE,CAAC,CAAC;AAEF,MAAMmB,gBAAgB,CAAC,EACrBzC,IAAI,EACJ0C,eAAeT,qBAAqB,EACpCU,QAAQ,EACRxC,KAAK,EACLD,OAAOgC,YAAY,EACnBU,SAAS,EACC;IACV,MAAMC,qBACJ,+CAAC1B,oCAAIA;QACH,SAASa,yCAAW,CAAC9B,KAAK;QAC1B,YAAW;QACX,OAAOC,SAAS;QACf,GAAGyC,SAAS;OAEZD;IAIL,qBACE,kGACGD,iBAAiB,WAAWC,WAAWE,OAAO,MAC9C7C,qBACC,+CAACoC;QAAc,UAAU,CAACO;QAAU,cAAcD;qBAChD,+CAAC1C;QAAK,MAAM+B,yCAAW,CAAC7B,KAAK;QAAE,OAAOC,SAAS;UAE/C,MACHuC,iBAAiB,UAAUC,WAAWE,OAAO;AAGpD;AAEA,MAAMC,OAAO,CAACzB;IACZ,MAAM,EAAEmB,OAAOL,YAAY,EAAEjC,OAAOgC,YAAY,EAAE/B,KAAK,EAAE,GAAGkB;IAC5D,qBACE,+CAACgB;QAAK,OAAOlC;QAAQ,GAAGkB,KAAK;qBAC3B,+CAACoB;QAAe,GAAGpB,KAAK;QAAE,MAAMmB;QAAM,MAAMtC;;AAGlD;AAEA,sDAAe4C,IAAIA,EAAC;;;;;;;;;ACtHb,MAAMd,cAAiD;IAC5D,OAAO;IACP,QAAQ;IACR,OAAO;AACT,EAAE;AAEK,MAAMD,cAA2C;IACtD,OAAO;IACP,QAAQ;IACR,OAAO;AACT,EAAE;;;;;;;;;ACZyD;AAE3D,MAAMgB,UAAUxC,6CAAoB,CAAmC;IAAE,SAAS;AAAO,EAAE,CAAC,CAAC;AAG7F,sDAAewC,OAAOA,EAAC;;;;;;;;;;;;;;ACLG;AACa;AAC6C;AAEpF,MAAMM,eAAevB,kDAAU,CAAC;;;;;;;;oBAQZ,EAAER,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;;;;;MAK9C,EAAEA,CAAAA;IACA,qEAAqE,GACrE,OAAOA,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI;AACvC,EAAE;;AAER,CAAC;AAED,MAAMgC,UAAUxB,kDAAU,CAAC;;;;;;;;EAQzB,EAAE3B,oCAAKA,CAAC;EACR,EAAE6C,uCAAQA,CAAC;EACX,EAAEC,qCAAMA,CAAC;EACT,EAAEC,qCAAMA,CAAC;EACT,EAAEC,yCAAUA,CAAC;EACb,EAAEC,qCAAMA,CAAC;AACX,CAAC;AAQc,SAASG,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAE,GAAGpC,OAAc;IAC7D,qBACE,+CAACiC,SAAYjC,OACVoC,MACAD,wBAAU,+CAACH;AAGlB;;;;;;;;;;;;;;;;;;ACrD0B;AACa;AACmB;AACpB;AACV;AACqB;AACmB;AAoBpE,MAAMM,YAAY7B,4CAAMA,CAACiB,4CAAOA,EAAE,KAAK,CAAiB;IACtD,GAAG;IACH,WAAW;IACX,YAAY;AACd,EAAkB,CAAC;+BACY,EAAEzB,CAAAA;IAC7B,mEAAmE,GACnE,OAAOA,EAAE,aAAa,GAAGA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,GAAGA,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI;AACtF,EAAE;oBACgB,EAAEA,CAAAA,IAAMA,EAAE,aAAa,GAAGA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,GAAG,cAAe;;;AAG1F,CAAC;AAED,SAASsC,aAAa,EACpBC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,IAAI,EACJC,WAAW,EACXC,gBAAgB,KAAK,EACrB,GAAGC,gBACG;IACN,qBACE,+CAACR;QAAU,eAAeO;QAAgB,GAAGC,cAAc;OACxDJ,qBACD,+CAAChB,wCAAOA;QAAC,eAAc;QAAS,QAAQ;QAAG,MAAK;qBAC9C,+CAAC5B,yCAAIA;QAAC,SAAS;QAAS,YAAW;QAAS,OAAM;OAC/C0C,QAEFC,6BACC,+CAAC3C,yCAAIA;QAAC,SAAS;QAAa,YAAW;QAAS,OAAM;QAAc,YAAW;OAC5E2C,cAGJE,sBACC,+CAACjB,wCAAOA;QAAC,gBAAgB;qBACvB,+CAACD,qCAAIA;QAAC,SAASsB,CAAAA,QAASH,eAAeA,YAAYG;QAAQ,MAAMV,kEAAkBA;OAChFM;AAOf;AACAJ,aAAa,KAAK,GAAGL,kCAAKA;AAG1B,sDAAeK,YAAYA,EAAqB;;;;;;;;;;;;;AC3EP;AAC0C;AAiB5D;AAoBhB,MAAMa,aAA6CjE,0CAAOA,CAC/D8D,sCAAOA,EACPC,oCAAKA,EACLvB,uCAAQA,EACR7C,oCAAKA,EACLiD,qCAAMA,EACNoB,uCAAQA,EACRH,+CAAIA,EACJnB,qCAAMA,EACN;AAEF,MAAMwB,cAAc,IAAIC,MAAM7C,8CAAMA,EAAE;IACpC,OAAM8C,MAAqB,EAAEC,OAAO,EAAEC,aAAwC;QAC5E,OAAOhD,4CAAMA,CAAC8C,OAAO,KAAK,CAACC,SAASC,eAAeL;IACrD;IACA,KAAIG,MAAM,EAAEG,QAA6B;QACvC,IAAI,OAAOH,MAAM,CAACG,SAAS,KAAK,YAAY;YAC1C,OAAOjD,4CAAMA,CAAC8C,MAAM,CAACG,SAAS,CAAC,KAAK,CAACjD,8CAAMA,EAAE;gBAAC2C;aAAW;QAC3D;QACA,OAAOG,MAAM,CAACG,SAAS;IACzB;AACF;AAEA,sDAAgCL,WAAWA,EAAC;;;;;;;;;;;;;;;;;;AC7DlB;AAEa;AAEhC,MAAMQ,OAAO,CAACC,GAAWC,IAAsBJ,MAAMG,GAAG,KAAK,CAACC,GAAG,GAAG,GAAG,QAAQ,GAAG;AAElF,MAAMC,SAAS,CAACF,GAAWC,IAAsBJ,MAAMG,GAAG,MAAM,CAACC,GAAG,QAAQ,GAAG;AAE/E,MAAME,UAAU,CAACH,GAAWC,IAAsBJ,MAAMG,GAAG,OAAO,CAACC,GAAG,QAAQ,GAAG;AAEjF,MAAMG,MAAM,CAACJ,GAAWK,GAAWJ,IACxCJ,MAAMG,GAAG,GAAG,CAACH,MAAMQ,IAAIJ,GAAG,QAAQ,GAAG;AAEhC,MAAMK,KAAK,CAACC;IACjB,MAAM,CAACC,MAAMnD,OAAO,SAAS,CAAC,GAAGkD,EAAE,KAAK,CAAC;IACzC,yBAAyB;IACzB,MAAM,EAAEE,KAAK,EAAExF,MAAM,EAAE,GAAG6E,kBAAY,CAACU,KAAK,CAACnD,KAAK;IAClD,yBAAyB;IACzB,MAAMqD,WAAmBZ,kBAAY,CAACU,KAAK,CAAC,QAAQ,IAAI;IAExD,OAAO;QACL,YAAY,GAAGA,KAAK,EAAE,EAAEE,UAAU;QAClC,YAAYzF;QACZ,WAAWwF;IACb;AACF,EAAE;AAEK,MAAME,iBAAiB,CAACC,QAAgBC;IAC7C,MAAMC,UAAUjB,MAAMe,QAAQ,UAAU,KAAK;IAC7C,MAAMG,UAAUlB,MAAMgB,QAAQ,UAAU,KAAK;IAE7C,MAAMG,SAASF,UAAUC,UAAUD,UAAUC,UAAUA,UAAUD;IAEjE,IAAIE,SAAS,KAAK;QAChB,OAAOnB,MAAMe,QAAQ,MAAM,CAAC,KAAK,MAAM,GAAG,MAAM;IAClD;IACA,OAAOA;AACT,EAAE;;;;;;;;;ACrC8B;AAEhC,sDAAgB,CAAA1E;IACd,MAAM+E,OAAO/E,MAAM,EAAE;IAErB,IAAI+E,QAAQ,MAAM;QAChB,OAAO;IACT;IAEA,OAAOX,gCAAEA,CAACW;AACZ,CAAC,EAAC;;;;;;;;;;ACVqC;AAEvC,MAAM/B,OAAOvD,yCAAMA,CAAC;IAClB,QAAQ;QAAE,UAAU;QAAU,OAAO;IAAQ;IAC7C,WAAW;QAAE,UAAU;QAAa,OAAO;IAAQ;AACrD;AAEA,sDAAeuD,IAAIA,EAAC;;;;;;;;;;;;ACPqC;AACI;AAItD,MAAMkC,cAAc;IACzB,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,KAAK;AACP,EAAwC;AAEjC,MAAMhC,QAAQ;IACnB;qFACmF,GACnF;IAAG;IAAG;IAAG;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CACjF,CAAC;AA2BK,MAAMiC,YAAY;IAAC;IAAG;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;IAAI;CAAG,CAGtE;AAEF,CACEA,UAAU,KAAK,EACfA,UAAU,IAAI,EACdA,UAAU,UAAU,EACpBA,UAAU,KAAK,EACfA,UAAU,SAAS,EACnBA,UAAU,IAAI,EACdA,UAAU,KAAK,EACfA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,EACZA,UAAU,EAAE,CACb,GAAGA;AACJA,UAAU,eAAe,GAAGA,UAAU,KAAK;AAC3CA,UAAU,cAAc,GAAGA,UAAU,IAAI;AACzCA,UAAU,mBAAmB,GAAGA,UAAU,SAAS;AACnDA,UAAU,QAAQ,GAAGA,UAAU,UAAU;AACzCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAChCA,UAAU,OAAO,GAAGA,UAAU,EAAE;AAEhC,MAAMC,cAAc;IAClB,YAAY;IACZ,OAAO;IACP,SAAS;IACT,QAAQ;IACR,UAAU;IACV,MAAM;IACN,WAAW;AACb;AAEO,MAAMC,QAAQ;IAAC;IAAG;IAAG;IAAG;IAAI;IAAI;CAAG,CAAC;AACpC,MAAMC,UAAU;IAAC;CAAkC,CAAC;AACpD,MAAMC,WAAW;IAAC,CAAC;IAAG;IAAG;IAAG;IAAG;IAAI;IAAI;IAAK;IAAK;CAAK,CAAC;AAE9D,sFAAsF;AAC/E,MAAM3B,eAAe;IAC1B,OAAO;QACL,YAAY;YACV,QAAQ;YACR,OAAO;QACT;QACA,OAAO;YACL,QAAQ;YACR,OAAO;QACT;QACA,SAAS;YACP,QAAQ;YACR,OAAO;QACT;QACA,QAAQ;YACN,QAAQ;YACR,OAAO;QACT;QACA,UAAU;YACR,QAAQ;YACR,OAAO;QACT;QACA,MAAM;YACJ,QAAQ;YACR,OAAO;QACT;QACA,WAAW;YACT,QAAQ;YACR,OAAO;QACT;IACF;IACA,OAAO;QACL,QAAQ;YACN,QAAQ;YACR,OAAO;QACT;IACF;AACF,EAAE;AAEF,MAAM4B,oBAAoB;AAC1B,MAAMC,UAAU;IACd,cAAc;AAChB;AAEA,MAAMC,aAAa,CACjBC,aAAa;IAAC;CAAM,EACpBC,WAAWJ,iBAAiB,EAC5BK,SAASJ,QAAQ,YAAY,GAC1BvF,0CAAG,CAAC;uBACc,EAAEyF,WAAW,IAAI,CAAC,KAAK;uBACvB,EAAEC,SAAS;8BACJ,EAAEC,OAAO;AACvC,CAAC;AAED,MAAMC,SAASd,gDAAS,CAAC;;;;;;;EAOvB,CAAC;AACH,MAAMe,UAAUf,gDAAS,CAAC;;;;;;;EAOxB,CAAC;AACH,MAAMgB,cAAchB,gDAAS,CAAC;;;;;;;;;AAS9B,CAAC;AACD,MAAMiB,WAAWjB,gDAAS,CAAC;;;;;;;;;EASzB,CAAC;AACH,MAAMkB,aAAa;IACjB,QAAQ,IAAMhG,0CAAG,CAAC;IAChB,EAAE4F,OAAO,CAAC,EAAEN,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACxD,CAAC;IACD,SAAS,IAAMvF,0CAAG,CAAC;IACjB,EAAE6F,QAAQ,CAAC,EAAEP,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EACzD,CAAC;IACD,aAAa,IAAMvF,0CAAG,CAAC;IACrB,EAAE8F,YAAY,MAAM,EAAEP,QAAQ,YAAY,CAAC;EAC7C,CAAC;IACD,UAAU,IAAMvF,0CAAG,CAAC;IAClB,EAAE+F,SAAS,CAAC,EAAET,kBAAkB,CAAC,EAAEC,QAAQ,YAAY,CAAC;EAC1D,CAAC;AACH;AACA,MAAMtC,WAAW;IACf,GAAGjD,0CAAG,CAAC;;;;;qBAKY,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,GAAGC,0CAAG,CAAC;;;;;qBAKY,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,OAAOC,0CAAG,CAAC;;;;;qBAKQ,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,IAAIC,0CAAG,CAAC;;;;qBAIW,EAAED,CAAAA,IAAKA,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC;;EAErD,CAAC;IACD,WAAW;AACb;AA0CA,MAAMgB,QAAsB;IAC1B,OAAO;IACP,OAAO;QACL,QAAQ;YACN,MAAM;gBACJ,KAAK;oBACH,OAAO;gBACT;gBACA,OAAO;oBACL,OAAO;gBACT;YACF;YACA,OAAO;gBACL,KAAK;oBACH,QAAQ;oBACR,OAAO;gBACT;gBACA,KAAK;oBACH,QAAQ;oBACR,OAAO;gBACT;YACF;QACF;QACA,cAAc;QACd,cAAc;IAChB;IACAoE;IACAzB;IACAuB;IACAC;IACAlC;IACAoC;IACA,QAAQL,mDAAc;IACtBiB;IACA/C;IACAuC;IACAH;IACAL;AACF;AAEA,2DAAejE,gDAAAA,KAAKA,EAAAA,EAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACnTrB;AACA;AACA;AACA;AACA;AACA,iCAAiC,WAAW;AAC5C;AACA;;;;;ACPA;AACA;AACA;AACA,kDAAkD,wCAAwC;AAC1F;AACA;AACA,E;;;;ACNA,wF;;;;ACAA;AACA;AACA;AACA,uDAAuD,iBAAiB;AACxE;AACA,gDAAgD,aAAa;AAC7D,E;;;;;;;;;;;;;;;ACN0B;AAEY;AACE;AACM;AAE9C,sDAAe;IACb,OAAO;IACP,WAAWsB,kCAAYA;IACvB,UAAU;QACR,OAAO;YACL,MAAM;QACR;QACA,aAAa;YACX,MAAM;QACR;QACA,MAAM;YACJ,MAAM;QACR;QACA,QAAQ;YACN,MAAM;QACR;QACA,OAAO;YACL,SAAS;QACX;QACA,OAAO;YAAE,OAAO;gBAAE,SAAS;YAAK;QAAE;QAClC,IAAI;YAAE,OAAO;gBAAE,SAAS;YAAK;QAAE;QAC/B,aAAa;YAAE,OAAO;gBAAE,SAAS;YAAK;QAAE;IAC1C;IACA,MAAM;QACJ,OAAO;QACP,aACE;QACF,MAAM;QACN,QAAQ;IACV;AACF,CAAC,EAAC;AAEK,SAAS4D,cAAcC,IAAiC;IAC7D,MAAM,EAAE3D,WAAW,EAAEE,IAAI,EAAE,GAAG3C,OAAO,GAAGoG;IAExC,MAAMC,6BACJ,+CAAC9D,wCAAkB;QACjB,OAAM;QACN,iBAAgB;QAChB,oBAAM,+CAAC5D,yCAAIA;YAAC,MAAK;YAAU,MAAM;;QACjC,QAAQyH,KAAK,MAAM;;IAIvB,MAAME,0BACJ,+CAAC/D,wCAAkB;QACjB,OAAM;QACN,iBAAgB;QAChB,oBAAM,+CAAC5D,yCAAIA;YAAC,MAAK;YAAO,MAAM;YAAI,QAAO;;QACzC,QAAQyH,KAAK,MAAM;;IAIvB,qBACE,+CAAC1E,wCAAOA;QAAC,eAAc;QAAS,QAAQ;qBACtC,+CAACa,kCAAYA;QAAE,GAAGvC,KAAK;QAAE,OAAOqG;QAAc;sBAC9C,+CAAC9D,kCAAYA;QAAE,GAAGvC,KAAK;QAAE,OAAOsG;sBAChC,+CAAC/D,kCAAYA;QAAE,GAAGvC,KAAK;QAAE,aAAayC;QAAa,OAAO4D;QAAc;sBACxE,+CAAC9D,kCAAYA;QAAE,GAAGvC,KAAK;QAAE,aAAayC;QAAa,OAAO6D;sBAC1D,+CAAC/D,kCAAYA;QACX,aAAaE;QACb,MAAME;QACL,GAAG3C,KAAK;QACT,OAAOqG;QACP;sBAEF,+CAAC9D,kCAAYA;QAAE,GAAGvC,KAAK;QAAE,aAAayC;QAAa,MAAME;QAAM,OAAO2D;;AAG5E"}
+{"version":3,"file":"components/message/Notification/Notification.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/cta/Link/getLinkStyle.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Link/index.tsx","webpack://@ledgerhq/react-ui/./src/components/cta/getCtaStyle.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/message/Notification/Badge.tsx","webpack://@ledgerhq/react-ui/./src/components/message/Notification/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/message/Notification/Notification.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 { Theme } from \"../../../styles/theme\";\n\nexport function getLinkColors(\n  colors: Theme[\"colors\"],\n): Record<\"disabled\" | \"main\" | \"color\" | \"shade\", Record<\"default\" | \"pressed\", string>> {\n  return {\n    disabled: {\n      default: colors.neutral.c50,\n      pressed: colors.neutral.c50,\n    },\n    main: {\n      default: colors.neutral.c100,\n      pressed: colors.neutral.c80,\n    },\n    color: {\n      default: colors.primary.c80,\n      pressed: colors.primary.c70,\n    },\n    shade: {\n      default: colors.neutral.c70,\n      pressed: colors.neutral.c80,\n    },\n  };\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { getLinkColors } from \"./getLinkStyle\";\nimport { ctaIconSize, ctaTextType } from \"../getCtaStyle\";\nimport { Text } from \"../../asorted\";\nimport { TextProps } from \"../../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  BaseStyledProps & {\n    /**\n     * Component that takes `{size: number; color?: string}` as props\n     */\n    Icon?: React.ComponentType<{ size: number; color?: string }>;\n    /**\n     * Affects the colors of the text, icon & underline, can be overriden by the `color` prop\n     */\n    type?: \"main\" | \"shade\" | \"color\";\n    /**\n     * Affect the font variant & icon size\n     */\n    size?: \"small\" | \"medium\" | \"large\";\n    /**\n     * Color of the link, overrides colors defined by the `type` prop\n     */\n    color?: string;\n    /**\n     * Props passed to the rendered text\n     */\n    textProps?: TextProps;\n    /**\n     * If true text will always be underlined, else it will be underlined only on hover\n     */\n    alwaysUnderline?: boolean;\n    /**\n     * Position of the icon relative to the text\n     */\n    iconPosition?: \"right\" | \"left\";\n    disabled?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const DEFAULT_ICON_POSITION = \"right\";\nexport const DEFAULT_SIZE = \"medium\";\nexport const DEFAULT_TYPE = \"main\";\n\nconst IconContainer = styled.div<{\n  iconPosition: \"right\" | \"left\";\n  iconLink?: boolean;\n}>`\n  ${p => (p.iconLink ? \"\" : p.iconPosition === \"left\" ? `margin-right: 6px;` : `margin-left: 6px;`)}\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const Base = baseStyled.a<LinkProps>`\n  color: ${({ color, theme, disabled, type = \"main\" }) =>\n    color || getLinkColors(theme.colors)[disabled ? \"disabled\" : type][\"default\"]};\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: row;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    text-decoration: underline;\n  }\n  &:active {\n    color: ${({ color, theme, type = \"main\" }) =>\n      color || getLinkColors(theme.colors)[type][\"pressed\"]};\n    text-decoration: underline;\n  }\n\n  text-decoration: ${p => (p.alwaysUnderline ? \"underline\" : \"none\")};\n\n`;\n\nconst LinkContainer = ({\n  Icon,\n  iconPosition = DEFAULT_ICON_POSITION,\n  children,\n  color,\n  size = DEFAULT_SIZE,\n  textProps,\n}: LinkProps): React.ReactElement => {\n  const text = (\n    <Text\n      variant={ctaTextType[size]}\n      fontWeight=\"semiBold\"\n      color={color || \"inherit\"}\n      {...textProps}\n    >\n      {children}\n    </Text>\n  );\n\n  return (\n    <>\n      {iconPosition === \"right\" && children ? text : null}\n      {Icon ? (\n        <IconContainer iconLink={!children} iconPosition={iconPosition}>\n          <Icon size={ctaIconSize[size]} color={color || \"currentcolor\"} />\n        </IconContainer>\n      ) : null}\n      {iconPosition === \"left\" && children ? text : null}\n    </>\n  );\n};\n\nconst Link = (props: LinkProps): React.ReactElement => {\n  const { type = DEFAULT_TYPE, size = DEFAULT_SIZE, color } = props;\n  return (\n    <Base color={color} {...props}>\n      <LinkContainer {...props} type={type} size={size} />\n    </Base>\n  );\n};\n\nexport default Link;\n","import { TextVariants } from \"../../styles/theme\";\n\nexport const ctaTextType: { [index: string]: TextVariants } = {\n  small: \"small\",\n  medium: \"paragraph\",\n  large: \"body\",\n};\n\nexport const ctaIconSize: { [index: string]: number } = {\n  small: 16,\n  medium: 18,\n  large: 20,\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 styled from \"styled-components\";\nimport { color, position, shadow, border, background, layout } from \"styled-system\";\n\nconst ActiveCircle = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 10px;\n  width: 10px;\n  border-radius: 9999px;\n  box-sizing: content-box;\n  background-color: ${p => p.theme.colors.error.c50};\n\n  border: 2px solid\n    var(\n      --notification-badge-border,\n      ${p => {\n        /* The CSS variable is dynamically set by the Notification component */\n        return p.theme.colors.background.main;\n      }}\n    );\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 9999px;\n  ${color}\n  ${position}\n  ${shadow}\n  ${border}\n  ${background}\n  ${layout}\n`;\n\nexport type Props = {\n  /* If true a notification bubble will be displayed in the top right corner of the badge. */\n  active?: boolean;\n  /* JSX filling up the space inside the badge, usually an <Icon />. */\n  icon: React.JSX.Element;\n} & React.ComponentProps<typeof Wrapper>;\nexport default function Badge({ active, icon, ...props }: Props): React.JSX.Element {\n  return (\n    <Wrapper {...props}>\n      {icon}\n      {active && <ActiveCircle />}\n    </Wrapper>\n  );\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport Badge from \"./Badge\";\nimport Link, { LinkProps } from \"../../cta/Link\";\nimport { ExternalLinkMedium } from \"@ledgerhq/icons-ui/reactLegacy\";\n\ninterface ContainerProps extends FlexBoxProps {\n  /* Add the pre-selected background. */\n  hasBackground?: boolean;\n}\n\nexport interface Props extends ContainerProps {\n  /* The title to be displayed. */\n  title: string;\n  /* JSX that should be rendered by a call to the <Notification.Badge /> component.*/\n  badge: React.ReactNode;\n  /* An optional description. */\n  description?: string;\n  /* An optional link. */\n  link?: string;\n  /* A callback to perform when clicking on the link. */\n  onLinkClick?: LinkProps[\"onClick\"];\n}\n\nconst Container = styled(FlexBox).attrs<ContainerProps>({\n  p: 6,\n  columnGap: 8,\n  alignItems: \"center\",\n})<ContainerProps>`\n  --notification-badge-border: ${p => {\n    /* Set a CSS variable that will be consumed by the Badge component */\n    return p.hasBackground ? p.theme.colors.neutral.c30 : p.theme.colors.background.main;\n  }};\n  background-color: ${p => (p.hasBackground ? p.theme.colors.neutral.c30 : \"transparent\")};\n\n  border-radius: 8px;\n`;\n\nfunction Notification({\n  title,\n  description,\n  badge,\n  link,\n  onLinkClick,\n  hasBackground = false,\n  ...containerProps\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <Container hasBackground={hasBackground} {...containerProps}>\n      {badge}\n      <FlexBox flexDirection=\"column\" rowGap={3} flex=\"auto\">\n        <Text variant={\"large\"} fontWeight=\"medium\" color=\"neutral.c100\">\n          {title}\n        </Text>\n        {description && (\n          <Text variant={\"paragraph\"} fontWeight=\"medium\" color=\"neutral.c80\" whiteSpace=\"pre-wrap\">\n            {description}\n          </Text>\n        )}\n        {link && (\n          <FlexBox justifyContent={\"flex-start\"}>\n            <Link onClick={event => onLinkClick && onLinkClick(event)} Icon={ExternalLinkMedium}>\n              {link}\n            </Link>\n          </FlexBox>\n        )}\n      </FlexBox>\n    </Container>\n  );\n}\nNotification.Badge = Badge;\n\nexport type NotificationType = { (p: Props): React.JSX.Element; Badge: typeof Badge };\nexport default Notification as NotificationType;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\n\nimport Icon from \"../../asorted/Icon\";\nimport FlexBox from \"../../layout/Flex\";\nimport Notification, { Props } from \"./index\";\n\nexport default {\n  title: \"Messages/Notifications\",\n  component: Notification,\n  argTypes: {\n    title: {\n      type: \"string\",\n    },\n    description: {\n      type: \"string\",\n    },\n    link: {\n      type: \"string\",\n    },\n    active: {\n      type: \"boolean\",\n    },\n    badge: {\n      control: false,\n    },\n    theme: { table: { disable: true } },\n    as: { table: { disable: true } },\n    forwardedAs: { table: { disable: true } },\n  },\n  args: {\n    title: \"Informational title\",\n    description:\n      \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nibh felis, pom id...\",\n    link: \"Learn more\",\n    active: false,\n  },\n};\n\nexport function Notifications(args: Props & { active: boolean }): React.JSX.Element {\n  const { description, link, ...props } = args;\n\n  const warningBadge = (\n    <Notification.Badge\n      color=\"warning.c50\"\n      backgroundColor=\"warning.c10\"\n      icon={<Icon name=\"Warning\" size={24} />}\n      active={args.active}\n    />\n  );\n\n  const infoBadge = (\n    <Notification.Badge\n      color=\"primary.c100\"\n      backgroundColor=\"primary.c10\"\n      icon={<Icon name=\"Info\" size={24} weight=\"Medium\" />}\n      active={args.active}\n    />\n  );\n\n  return (\n    <FlexBox flexDirection=\"column\" rowGap={5}>\n      <Notification {...props} badge={warningBadge} hasBackground />\n      <Notification {...props} badge={infoBadge} />\n      <Notification {...props} description={description} badge={warningBadge} hasBackground />\n      <Notification {...props} description={description} badge={infoBadge} />\n      <Notification\n        description={description}\n        link={link}\n        {...props}\n        badge={warningBadge}\n        hasBackground\n      />\n      <Notification {...props} description={description} link={link} badge={infoBadge} />\n    </FlexBox>\n  );\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","getLinkColors","colors","styled","ctaIconSize","ctaTextType","DEFAULT_ICON_POSITION","DEFAULT_SIZE","DEFAULT_TYPE","IconContainer","Base","theme","disabled","type","LinkContainer","iconPosition","children","textProps","text","Link","FlexBox","position","shadow","border","background","layout","ActiveCircle","Wrapper","Badge","active","icon","ExternalLinkMedium","Container","Notification","title","description","badge","link","onLinkClick","hasBackground","containerProps","event","gaps","flexbox","space","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","Color","fontFamilies","rgba","c","a","darken","lighten","mix","b","ff","v","font","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","Notifications","args","warningBadge","infoBadge"],"mappings":"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"}

package/lib/cjs/components/message/Notification/index.js

@@ -5,29 +5,32 @@ var __webpack_modules__ = ({
 __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/message/Notification/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/message/Notification/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Link/getLinkStyle.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Link/index.tsx","webpack://@ledgerhq/react-ui/./src/components/cta/getCtaStyle.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/message/Notification/Badge.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/message/Notification/index.tsx"],"sourcesContent":["import baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import { Theme } from \"../../../styles/theme\";\n\nexport function getLinkColors(\n  colors: Theme[\"colors\"],\n): Record<\"disabled\" | \"main\" | \"color\" | \"shade\", Record<\"default\" | \"pressed\", string>> {\n  return {\n    disabled: {\n      default: colors.neutral.c50,\n      pressed: colors.neutral.c50,\n    },\n    main: {\n      default: colors.neutral.c100,\n      pressed: colors.neutral.c80,\n    },\n    color: {\n      default: colors.primary.c80,\n      pressed: colors.primary.c70,\n    },\n    shade: {\n      default: colors.neutral.c70,\n      pressed: colors.neutral.c80,\n    },\n  };\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { getLinkColors } from \"./getLinkStyle\";\nimport { ctaIconSize, ctaTextType } from \"../getCtaStyle\";\nimport { Text } from \"../../asorted\";\nimport { TextProps } from \"../../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  BaseStyledProps & {\n    /**\n     * Component that takes `{size: number; color?: string}` as props\n     */\n    Icon?: React.ComponentType<{ size: number; color?: string }>;\n    /**\n     * Affects the colors of the text, icon & underline, can be overriden by the `color` prop\n     */\n    type?: \"main\" | \"shade\" | \"color\";\n    /**\n     * Affect the font variant & icon size\n     */\n    size?: \"small\" | \"medium\" | \"large\";\n    /**\n     * Color of the link, overrides colors defined by the `type` prop\n     */\n    color?: string;\n    /**\n     * Props passed to the rendered text\n     */\n    textProps?: TextProps;\n    /**\n     * If true text will always be underlined, else it will be underlined only on hover\n     */\n    alwaysUnderline?: boolean;\n    /**\n     * Position of the icon relative to the text\n     */\n    iconPosition?: \"right\" | \"left\";\n    disabled?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const DEFAULT_ICON_POSITION = \"right\";\nexport const DEFAULT_SIZE = \"medium\";\nexport const DEFAULT_TYPE = \"main\";\n\nconst IconContainer = styled.div<{\n  iconPosition: \"right\" | \"left\";\n  iconLink?: boolean;\n}>`\n  ${p => (p.iconLink ? \"\" : p.iconPosition === \"left\" ? `margin-right: 6px;` : `margin-left: 6px;`)}\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const Base = baseStyled.a<LinkProps>`\n  color: ${({ color, theme, disabled, type = \"main\" }) =>\n    color || getLinkColors(theme.colors)[disabled ? \"disabled\" : type][\"default\"]};\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: row;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    text-decoration: underline;\n  }\n  &:active {\n    color: ${({ color, theme, type = \"main\" }) =>\n      color || getLinkColors(theme.colors)[type][\"pressed\"]};\n    text-decoration: underline;\n  }\n\n  text-decoration: ${p => (p.alwaysUnderline ? \"underline\" : \"none\")};\n\n`;\n\nconst LinkContainer = ({\n  Icon,\n  iconPosition = DEFAULT_ICON_POSITION,\n  children,\n  color,\n  size = DEFAULT_SIZE,\n  textProps,\n}: LinkProps): React.ReactElement => {\n  const text = (\n    <Text\n      variant={ctaTextType[size]}\n      fontWeight=\"semiBold\"\n      color={color || \"inherit\"}\n      {...textProps}\n    >\n      {children}\n    </Text>\n  );\n\n  return (\n    <>\n      {iconPosition === \"right\" && children ? text : null}\n      {Icon ? (\n        <IconContainer iconLink={!children} iconPosition={iconPosition}>\n          <Icon size={ctaIconSize[size]} color={color || \"currentcolor\"} />\n        </IconContainer>\n      ) : null}\n      {iconPosition === \"left\" && children ? text : null}\n    </>\n  );\n};\n\nconst Link = (props: LinkProps): React.ReactElement => {\n  const { type = DEFAULT_TYPE, size = DEFAULT_SIZE, color } = props;\n  return (\n    <Base color={color} {...props}>\n      <LinkContainer {...props} type={type} size={size} />\n    </Base>\n  );\n};\n\nexport default Link;\n","import { TextVariants } from \"../../styles/theme\";\n\nexport const ctaTextType: { [index: string]: TextVariants } = {\n  small: \"small\",\n  medium: \"paragraph\",\n  large: \"body\",\n};\n\nexport const ctaIconSize: { [index: string]: number } = {\n  small: 16,\n  medium: 18,\n  large: 20,\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 styled from \"styled-components\";\nimport { color, position, shadow, border, background, layout } from \"styled-system\";\n\nconst ActiveCircle = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 10px;\n  width: 10px;\n  border-radius: 9999px;\n  box-sizing: content-box;\n  background-color: ${p => p.theme.colors.error.c50};\n\n  border: 2px solid\n    var(\n      --notification-badge-border,\n      ${p => {\n        /* The CSS variable is dynamically set by the Notification component */\n        return p.theme.colors.background.main;\n      }}\n    );\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 9999px;\n  ${color}\n  ${position}\n  ${shadow}\n  ${border}\n  ${background}\n  ${layout}\n`;\n\nexport type Props = {\n  /* If true a notification bubble will be displayed in the top right corner of the badge. */\n  active?: boolean;\n  /* JSX filling up the space inside the badge, usually an <Icon />. */\n  icon: JSX.Element;\n} & React.ComponentProps<typeof Wrapper>;\nexport default function Badge({ active, icon, ...props }: Props): JSX.Element {\n  return (\n    <Wrapper {...props}>\n      {icon}\n      {active && <ActiveCircle />}\n    </Wrapper>\n  );\n}\n","import gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport Badge from \"./Badge\";\nimport Link, { LinkProps } from \"../../cta/Link\";\nimport { ExternalLinkMedium } from \"@ledgerhq/icons-ui/reactLegacy\";\n\ninterface ContainerProps extends FlexBoxProps {\n  /* Add the pre-selected background. */\n  hasBackground?: boolean;\n}\n\nexport interface Props extends ContainerProps {\n  /* The title to be displayed. */\n  title: string;\n  /* JSX that should be rendered by a call to the <Notification.Badge /> component.*/\n  badge: React.ReactNode;\n  /* An optional description. */\n  description?: string;\n  /* An optional link. */\n  link?: string;\n  /* A callback to perform when clicking on the link. */\n  onLinkClick?: LinkProps[\"onClick\"];\n}\n\nconst Container = styled(FlexBox).attrs<ContainerProps>({\n  p: 6,\n  columnGap: 8,\n  alignItems: \"center\",\n})<ContainerProps>`\n  --notification-badge-border: ${p => {\n    /* Set a CSS variable that will be consumed by the Badge component */\n    return p.hasBackground ? p.theme.colors.neutral.c30 : p.theme.colors.background.main;\n  }};\n  background-color: ${p => (p.hasBackground ? p.theme.colors.neutral.c30 : \"transparent\")};\n\n  border-radius: 8px;\n`;\n\nfunction Notification({\n  title,\n  description,\n  badge,\n  link,\n  onLinkClick,\n  hasBackground = false,\n  ...containerProps\n}: Props): JSX.Element {\n  return (\n    <Container hasBackground={hasBackground} {...containerProps}>\n      {badge}\n      <FlexBox flexDirection=\"column\" rowGap={3} flex=\"auto\">\n        <Text variant={\"large\"} fontWeight=\"medium\" color=\"neutral.c100\">\n          {title}\n        </Text>\n        {description && (\n          <Text variant={\"paragraph\"} fontWeight=\"medium\" color=\"neutral.c80\" whiteSpace=\"pre-wrap\">\n            {description}\n          </Text>\n        )}\n        {link && (\n          <FlexBox justifyContent={\"flex-start\"}>\n            <Link onClick={event => onLinkClick && onLinkClick(event)} Icon={ExternalLinkMedium}>\n              {link}\n            </Link>\n          </FlexBox>\n        )}\n      </FlexBox>\n    </Container>\n  );\n}\nNotification.Badge = Badge;\n\nexport type NotificationType = { (p: Props): JSX.Element; Badge: typeof Badge };\nexport default Notification as NotificationType;\n"],"names":["baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","getLinkColors","colors","React","styled","ctaIconSize","ctaTextType","DEFAULT_ICON_POSITION","DEFAULT_SIZE","DEFAULT_TYPE","IconContainer","Base","theme","disabled","type","LinkContainer","Icon","iconPosition","children","size","textProps","text","Link","FlexBox","position","shadow","border","background","layout","ActiveCircle","Wrapper","Badge","active","icon","gaps","flexbox","space","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","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","ExternalLinkMedium","Container","Notification","title","description","badge","link","onLinkClick","hasBackground","containerProps","event"],"mappings":"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"}
+{"version":3,"file":"components/message/Notification/index.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Link/getLinkStyle.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Link/index.tsx","webpack://@ledgerhq/react-ui/./src/components/cta/getCtaStyle.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/message/Notification/Badge.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/message/Notification/index.tsx"],"sourcesContent":["import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n  children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import { Theme } from \"../../../styles/theme\";\n\nexport function getLinkColors(\n  colors: Theme[\"colors\"],\n): Record<\"disabled\" | \"main\" | \"color\" | \"shade\", Record<\"default\" | \"pressed\", string>> {\n  return {\n    disabled: {\n      default: colors.neutral.c50,\n      pressed: colors.neutral.c50,\n    },\n    main: {\n      default: colors.neutral.c100,\n      pressed: colors.neutral.c80,\n    },\n    color: {\n      default: colors.primary.c80,\n      pressed: colors.primary.c70,\n    },\n    shade: {\n      default: colors.neutral.c70,\n      pressed: colors.neutral.c80,\n    },\n  };\n}\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { getLinkColors } from \"./getLinkStyle\";\nimport { ctaIconSize, ctaTextType } from \"../getCtaStyle\";\nimport { Text } from \"../../asorted\";\nimport { TextProps } from \"../../asorted/Text\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\nexport type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> &\n  BaseStyledProps & {\n    /**\n     * Component that takes `{size: number; color?: string}` as props\n     */\n    Icon?: React.ComponentType<{ size: number; color?: string }>;\n    /**\n     * Affects the colors of the text, icon & underline, can be overriden by the `color` prop\n     */\n    type?: \"main\" | \"shade\" | \"color\";\n    /**\n     * Affect the font variant & icon size\n     */\n    size?: \"small\" | \"medium\" | \"large\";\n    /**\n     * Color of the link, overrides colors defined by the `type` prop\n     */\n    color?: string;\n    /**\n     * Props passed to the rendered text\n     */\n    textProps?: TextProps;\n    /**\n     * If true text will always be underlined, else it will be underlined only on hover\n     */\n    alwaysUnderline?: boolean;\n    /**\n     * Position of the icon relative to the text\n     */\n    iconPosition?: \"right\" | \"left\";\n    disabled?: boolean;\n    children?: React.ReactNode;\n  };\n\nexport const DEFAULT_ICON_POSITION = \"right\";\nexport const DEFAULT_SIZE = \"medium\";\nexport const DEFAULT_TYPE = \"main\";\n\nconst IconContainer = styled.div<{\n  iconPosition: \"right\" | \"left\";\n  iconLink?: boolean;\n}>`\n  ${p => (p.iconLink ? \"\" : p.iconPosition === \"left\" ? `margin-right: 6px;` : `margin-left: 6px;`)}\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const Base = baseStyled.a<LinkProps>`\n  color: ${({ color, theme, disabled, type = \"main\" }) =>\n    color || getLinkColors(theme.colors)[disabled ? \"disabled\" : type][\"default\"]};\n  cursor: pointer;\n  display: inline-flex;\n  flex-direction: row;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    text-decoration: underline;\n  }\n  &:active {\n    color: ${({ color, theme, type = \"main\" }) =>\n      color || getLinkColors(theme.colors)[type][\"pressed\"]};\n    text-decoration: underline;\n  }\n\n  text-decoration: ${p => (p.alwaysUnderline ? \"underline\" : \"none\")};\n\n`;\n\nconst LinkContainer = ({\n  Icon,\n  iconPosition = DEFAULT_ICON_POSITION,\n  children,\n  color,\n  size = DEFAULT_SIZE,\n  textProps,\n}: LinkProps): React.ReactElement => {\n  const text = (\n    <Text\n      variant={ctaTextType[size]}\n      fontWeight=\"semiBold\"\n      color={color || \"inherit\"}\n      {...textProps}\n    >\n      {children}\n    </Text>\n  );\n\n  return (\n    <>\n      {iconPosition === \"right\" && children ? text : null}\n      {Icon ? (\n        <IconContainer iconLink={!children} iconPosition={iconPosition}>\n          <Icon size={ctaIconSize[size]} color={color || \"currentcolor\"} />\n        </IconContainer>\n      ) : null}\n      {iconPosition === \"left\" && children ? text : null}\n    </>\n  );\n};\n\nconst Link = (props: LinkProps): React.ReactElement => {\n  const { type = DEFAULT_TYPE, size = DEFAULT_SIZE, color } = props;\n  return (\n    <Base color={color} {...props}>\n      <LinkContainer {...props} type={type} size={size} />\n    </Base>\n  );\n};\n\nexport default Link;\n","import { TextVariants } from \"../../styles/theme\";\n\nexport const ctaTextType: { [index: string]: TextVariants } = {\n  small: \"small\",\n  medium: \"paragraph\",\n  large: \"body\",\n};\n\nexport const ctaIconSize: { [index: string]: number } = {\n  small: 16,\n  medium: 18,\n  large: 20,\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 styled from \"styled-components\";\nimport { color, position, shadow, border, background, layout } from \"styled-system\";\n\nconst ActiveCircle = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  height: 10px;\n  width: 10px;\n  border-radius: 9999px;\n  box-sizing: content-box;\n  background-color: ${p => p.theme.colors.error.c50};\n\n  border: 2px solid\n    var(\n      --notification-badge-border,\n      ${p => {\n        /* The CSS variable is dynamically set by the Notification component */\n        return p.theme.colors.background.main;\n      }}\n    );\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 40px;\n  height: 40px;\n  border-radius: 9999px;\n  ${color}\n  ${position}\n  ${shadow}\n  ${border}\n  ${background}\n  ${layout}\n`;\n\nexport type Props = {\n  /* If true a notification bubble will be displayed in the top right corner of the badge. */\n  active?: boolean;\n  /* JSX filling up the space inside the badge, usually an <Icon />. */\n  icon: React.JSX.Element;\n} & React.ComponentProps<typeof Wrapper>;\nexport default function Badge({ active, icon, ...props }: Props): React.JSX.Element {\n  return (\n    <Wrapper {...props}>\n      {icon}\n      {active && <ActiveCircle />}\n    </Wrapper>\n  );\n}\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import Color from \"color\";\n\nimport { fontFamilies } from \"./theme\";\n\nexport const rgba = (c: string, a: number): string => Color(c).alpha(a).rgb().toString();\n\nexport const darken = (c: string, a: number): string => Color(c).darken(a).toString();\n\nexport const lighten = (c: string, a: number): string => Color(c).lighten(a).toString();\n\nexport const mix = (c: string, b: string, a: number): string =>\n  Color(c).mix(Color(b), a).toString();\n\nexport const ff = (v: string) => {\n  const [font, type = \"Regular\"] = v.split(\"|\");\n  // @ts-expect-error FIXME\n  const { style, weight } = fontFamilies[font][type];\n  // @ts-expect-error FIXME\n  const fallback: string = fontFamilies[font].fallback ?? \"Arial\";\n\n  return {\n    fontFamily: `${font}, ${fallback}`,\n    fontWeight: weight,\n    fontStyle: style,\n  };\n};\n\nexport const ensureContrast = (color1: string, color2: string) => {\n  const colorL1 = Color(color1).luminosity() + 0.05;\n  const colorL2 = Color(color2).luminosity() + 0.05;\n\n  const lRatio = colorL1 > colorL2 ? colorL1 / colorL2 : colorL2 / colorL1;\n\n  if (lRatio < 1.5) {\n    return Color(color1).rotate(180).negate().string();\n  }\n  return color1;\n};\n","import { ff } from \"../helpers\";\n\nexport default (props: { ff?: string }) => {\n  const prop = props.ff;\n\n  if (prop == null) {\n    return null;\n  }\n\n  return ff(prop);\n};\n","import { system } from \"styled-system\";\n\nconst gaps = system({\n  rowGap: { property: \"rowGap\", scale: \"space\" },\n  columnGap: { property: \"columnGap\", scale: \"space\" },\n});\n\nexport default gaps;\n","import { keyframes, css, Font } from \"styled-components\";\nimport { palettes, ColorPalette } from \"@ledgerhq/ui-shared\";\n\nexport type screensBreakpoints = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n\nexport const breakpoints = {\n  sm: \"640px\",\n  md: \"768px\",\n  lg: \"1024px\",\n  xl: \"1280px\",\n  xxl: \"1536px\",\n} as Record<screensBreakpoints, string>;\n\nexport const space = [\n  /* space indexes:\n  0, 1, 2, 3, 4,  5,  6,  7,  8,  9,  10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21 */\n  0, 2, 4, 8, 10, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 68, 72, 76,\n];\n\nexport type TextVariants =\n  | \"h1\"\n  | \"h1Inter\"\n  | \"h2\"\n  | \"h2Inter\"\n  | \"h3\"\n  | \"h3Inter\"\n  | \"h4\"\n  | \"h4Inter\"\n  | \"h5\"\n  | \"h5Inter\"\n  | \"large\"\n  | \"largeLineHeight\"\n  | \"body\"\n  | \"bodyLineHeight\"\n  | \"paragraph\"\n  | \"paragraphLineHeight\"\n  | \"small\"\n  | \"extraSmall\"\n  | \"tiny\"\n  | \"micro\"\n  | \"subtitle\";\n\nexport type ThemeScale<Type, Aliases extends string> = Array<Type> & Record<Aliases, Type>;\n\nexport const fontSizes = [8, 10, 11, 12, 13, 14, 16, 20, 24, 28, 32, 36] as ThemeScale<\n  number,\n  TextVariants\n>;\n\n[\n  fontSizes.micro,\n  fontSizes.tiny,\n  fontSizes.extraSmall,\n  fontSizes.small,\n  fontSizes.paragraph,\n  fontSizes.body,\n  fontSizes.large,\n  fontSizes.h5,\n  fontSizes.h4,\n  fontSizes.h3,\n  fontSizes.h2,\n  fontSizes.h1,\n] = fontSizes;\nfontSizes.largeLineHeight = fontSizes.large;\nfontSizes.bodyLineHeight = fontSizes.body;\nfontSizes.paragraphLineHeight = fontSizes.paragraph;\nfontSizes.subtitle = fontSizes.extraSmall;\nfontSizes.h1Inter = fontSizes.h1;\nfontSizes.h2Inter = fontSizes.h2;\nfontSizes.h3Inter = fontSizes.h3;\nfontSizes.h4Inter = fontSizes.h4;\nfontSizes.h5Inter = fontSizes.h5;\n\nconst fontWeights = {\n  extraLight: \"100\",\n  light: \"300\",\n  regular: \"400\",\n  medium: \"500\",\n  semiBold: \"600\",\n  bold: \"700\",\n  extraBold: \"800\",\n};\n\nexport const radii = [0, 4, 8, 12, 16, 20];\nexport const shadows = [\"0 4px 8px 0 rgba(0, 0, 0, 0.03)\"];\nexport const zIndexes = [-1, 0, 1, 9, 10, 90, 100, 900, 1000];\n\n// Those fonts are now defined in global.css, this is just a mapping for styled-system\nexport const fontFamilies = {\n  Inter: {\n    ExtraLight: {\n      weight: 100,\n      style: \"normal\",\n    },\n    Light: {\n      weight: 300,\n      style: \"normal\",\n    },\n    Regular: {\n      weight: 400,\n      style: \"normal\",\n    },\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n    SemiBold: {\n      weight: 600,\n      style: \"normal\",\n    },\n    Bold: {\n      weight: 700,\n      style: \"normal\",\n    },\n    ExtraBold: {\n      weight: 800,\n      style: \"normal\",\n    },\n  },\n  Alpha: {\n    Medium: {\n      weight: 500,\n      style: \"normal\",\n    },\n  },\n};\n\nconst animationDuration = \"0.33s\";\nconst easings = {\n  outQuadratic: \"cubic-bezier(0.25, 0.46, 0.45, 0.94)\",\n};\n\nconst transition = (\n  properties = [\"all\"],\n  duration = animationDuration,\n  easing = easings.outQuadratic,\n) => css`\n  transition-property: ${properties.join(\",\")};\n  transition-duration: ${duration};\n  transition-timing-function: ${easing};\n`;\n\nconst fadeIn = keyframes`\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  `;\nconst fadeOut = keyframes`\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  `;\nconst fadeInGrowX = keyframes`\n    0% {\n      opacity: 0;\n      transform: scaleX(0);\n    }\n    100% {\n      opacity: 1;\n      transform: scaleX(1);\n    }\n`;\nconst fadeInUp = keyframes`\n    0% {\n      opacity: 0;\n      transform: translateY(66%);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0%);\n    }\n  `;\nconst animations = {\n  fadeIn: () => css`\n    ${fadeIn} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeOut: () => css`\n    ${fadeOut} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n  fadeInGrowX: () => css`\n    ${fadeInGrowX} 0.6s ${easings.outQuadratic} forwards\n  `,\n  fadeInUp: () => css`\n    ${fadeInUp} ${animationDuration} ${easings.outQuadratic} forwards\n  `,\n};\nconst overflow = {\n  x: css`\n    overflow-y: hidden;\n    overflow-x: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  y: css`\n    overflow-x: hidden;\n    overflow-y: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  yAuto: css`\n    overflow-x: hidden;\n    overflow-y: auto;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  xy: css`\n    overflow: scroll;\n    will-change: transform;\n    &:hover {\n      --track-color: ${p => p.theme.colors.neutral.c30};\n    }\n  `,\n  trackSize: 12,\n};\n\ninterface DefaultTheme {\n  theme: \"dark\" | \"light\";\n  animations: typeof animations;\n  transition: typeof transition;\n  overflow: typeof overflow;\n  sizes: {\n    topBarHeight: number;\n    sideBarWidth: number;\n    drawer: {\n      side: {\n        big: {\n          width: number;\n        };\n        small: {\n          width: number;\n        };\n      };\n      popin: {\n        min: {\n          height: number;\n          width: number;\n        };\n        max: {\n          height: number;\n          width: number;\n        };\n      };\n    };\n  };\n  radii: number[];\n  fontFamilies: Record<string, Record<string, Font>>;\n  fontSizes: number[];\n  space: number[];\n  shadows: string[];\n  colors: ColorPalette;\n  fontWeights: Record<string, string>;\n  breakpoints: Record<screensBreakpoints, string>;\n  zIndexes: number[];\n}\n\nconst theme: DefaultTheme = {\n  theme: \"light\",\n  sizes: {\n    drawer: {\n      side: {\n        big: {\n          width: 580,\n        },\n        small: {\n          width: 420,\n        },\n      },\n      popin: {\n        min: {\n          height: 158,\n          width: 462,\n        },\n        max: {\n          height: 522,\n          width: 622,\n        },\n      },\n    },\n    topBarHeight: 58,\n    sideBarWidth: 230,\n  },\n  radii,\n  fontFamilies,\n  fontSizes,\n  fontWeights,\n  space,\n  shadows,\n  colors: palettes.light,\n  animations,\n  overflow,\n  transition,\n  zIndexes,\n  breakpoints,\n};\n\nexport default theme;\nexport type Theme = DefaultTheme;\n","// getDefaultExport function for compatibility with non-ESM modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};\n","__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n        if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n        }\n    }\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport styled from \"styled-components\";\nimport FlexBox, { FlexBoxProps } from \"../../layout/Flex\";\nimport Text from \"../../asorted/Text\";\nimport Badge from \"./Badge\";\nimport Link, { LinkProps } from \"../../cta/Link\";\nimport { ExternalLinkMedium } from \"@ledgerhq/icons-ui/reactLegacy\";\n\ninterface ContainerProps extends FlexBoxProps {\n  /* Add the pre-selected background. */\n  hasBackground?: boolean;\n}\n\nexport interface Props extends ContainerProps {\n  /* The title to be displayed. */\n  title: string;\n  /* JSX that should be rendered by a call to the <Notification.Badge /> component.*/\n  badge: React.ReactNode;\n  /* An optional description. */\n  description?: string;\n  /* An optional link. */\n  link?: string;\n  /* A callback to perform when clicking on the link. */\n  onLinkClick?: LinkProps[\"onClick\"];\n}\n\nconst Container = styled(FlexBox).attrs<ContainerProps>({\n  p: 6,\n  columnGap: 8,\n  alignItems: \"center\",\n})<ContainerProps>`\n  --notification-badge-border: ${p => {\n    /* Set a CSS variable that will be consumed by the Badge component */\n    return p.hasBackground ? p.theme.colors.neutral.c30 : p.theme.colors.background.main;\n  }};\n  background-color: ${p => (p.hasBackground ? p.theme.colors.neutral.c30 : \"transparent\")};\n\n  border-radius: 8px;\n`;\n\nfunction Notification({\n  title,\n  description,\n  badge,\n  link,\n  onLinkClick,\n  hasBackground = false,\n  ...containerProps\n}: Readonly<Props>): React.JSX.Element {\n  return (\n    <Container hasBackground={hasBackground} {...containerProps}>\n      {badge}\n      <FlexBox flexDirection=\"column\" rowGap={3} flex=\"auto\">\n        <Text variant={\"large\"} fontWeight=\"medium\" color=\"neutral.c100\">\n          {title}\n        </Text>\n        {description && (\n          <Text variant={\"paragraph\"} fontWeight=\"medium\" color=\"neutral.c80\" whiteSpace=\"pre-wrap\">\n            {description}\n          </Text>\n        )}\n        {link && (\n          <FlexBox justifyContent={\"flex-start\"}>\n            <Link onClick={event => onLinkClick && onLinkClick(event)} Icon={ExternalLinkMedium}>\n              {link}\n            </Link>\n          </FlexBox>\n        )}\n      </FlexBox>\n    </Container>\n  );\n}\nNotification.Badge = Badge;\n\nexport type NotificationType = { (p: Props): React.JSX.Element; Badge: typeof Badge };\nexport default Notification as NotificationType;\n"],"names":["React","baseStyled","compose","fontSize","fontWeight","textAlign","lineHeight","letterSpacing","system","fontFamily","textVariantStyle","uppercase","value","Text","variant","color","props","p","css","getFontSource","name","fontsPath","fontName","fontStyles","getLinkColors","colors","styled","ctaIconSize","ctaTextType","DEFAULT_ICON_POSITION","DEFAULT_SIZE","DEFAULT_TYPE","IconContainer","Base","theme","disabled","type","LinkContainer","Icon","iconPosition","children","size","textProps","text","Link","FlexBox","position","shadow","border","background","layout","ActiveCircle","Wrapper","Badge","active","icon","gaps","flexbox","space","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","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","ExternalLinkMedium","Container","Notification","title","description","badge","link","onLinkClick","hasBackground","containerProps","event"],"mappings":"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"}

package/lib/cjs/components/message/StatusNotification/StatusNotification.stories.js

@@ -36,29 +36,32 @@ const Icon = ({ name, size = 16, color = "currentColor", weight = "Medium" })=>{
 __webpack_require__.d(__webpack_exports__, {
   "default": () => (__rspack_default_export)
 });
-/* import */ var _styled__rspack_import_1 = __webpack_require__(7680);
-/* import */ var styled_system__rspack_import_0 = __webpack_require__(9351);
-/* import */ var styled_system__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_0);
-/* import */ var _styles_styled_fontFamily__rspack_import_3 = __webpack_require__(3364);
-/* import */ var _styles__rspack_import_2 = __webpack_require__(4368);
+/* import */ var react__rspack_import_0 = __webpack_require__(2015);
+/* import */ var react__rspack_import_0_default = /*#__PURE__*/__webpack_require__.n(react__rspack_import_0);
+/* import */ var _styled__rspack_import_2 = __webpack_require__(7680);
+/* import */ var styled_system__rspack_import_1 = __webpack_require__(9351);
+/* import */ var styled_system__rspack_import_1_default = /*#__PURE__*/__webpack_require__.n(styled_system__rspack_import_1);
+/* import */ var _styles_styled_fontFamily__rspack_import_4 = __webpack_require__(3364);
+/* import */ var _styles__rspack_import_3 = __webpack_require__(4368);
+
 
 
 
 
-const uppercase = (0,styled_system__rspack_import_0.system)({
+const uppercase = (0,styled_system__rspack_import_1.system)({
     uppercase: {
         property: "textTransform",
         transform: (value)=>value ? "uppercase" : "none"
     }
 });
-const Text = _styled__rspack_import_1["default"].span.attrs(({ variant = "body", fontSize, color })=>({
+const Text = _styled__rspack_import_2["default"].span.attrs(({ variant = "body", fontSize, color })=>({
         fontSize: fontSize ? fontSize : variant,
         color: color || "neutral.c100"
     }))`
   font-weight: 500;
   white-space: ${(props)=>props.whiteSpace ?? "normal"};
-  ${(p)=>_styles__rspack_import_2.textVariantStyle[p.variant || "body"]}
-  ${(0,styled_system__rspack_import_0.compose)(uppercase, styled_system__rspack_import_0.lineHeight, _styles_styled_fontFamily__rspack_import_3["default"], styled_system__rspack_import_0.fontSize, styled_system__rspack_import_0.textAlign, styled_system__rspack_import_0.fontWeight, styled_system__rspack_import_0.letterSpacing, (0,styled_system__rspack_import_0.system)({
+  ${(p)=>_styles__rspack_import_3.textVariantStyle[p.variant || "body"]}
+  ${(0,styled_system__rspack_import_1.compose)(uppercase, styled_system__rspack_import_1.lineHeight, _styles_styled_fontFamily__rspack_import_4["default"], styled_system__rspack_import_1.fontSize, styled_system__rspack_import_1.textAlign, styled_system__rspack_import_1.fontWeight, styled_system__rspack_import_1.letterSpacing, (0,styled_system__rspack_import_1.system)({
     textOverflow: true
 }))}
   ${(p)=>p.textTransform ? `text-transform: ${p.textTransform};` : ""}