@ledgerhq/react-ui 0.53.0 → 0.53.1-nightly.20260902021544

package/lib/cjs/components/layout/Popin/Popin.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components/layout/Popin/Popin.stories.js","sources":["webpack://@ledgerhq/react-ui/./src/components/asorted/Text/index.tsx","webpack://@ledgerhq/react-ui/./src/components/asorted/Text/styles.ts","webpack://@ledgerhq/react-ui/./src/components/cta/Button/index.tsx","webpack://@ledgerhq/react-ui/./src/components/layout/Flex/index.ts","webpack://@ledgerhq/react-ui/./src/components/layout/Popin/index.tsx","webpack://@ledgerhq/react-ui/./src/components/styled.ts","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionInOut.tsx","webpack://@ledgerhq/react-ui/./src/components/transitions/TransitionScale.tsx","webpack://@ledgerhq/react-ui/./src/styles/helpers.ts","webpack://@ledgerhq/react-ui/./src/styles/styled/fontFamily.ts","webpack://@ledgerhq/react-ui/./src/styles/system/gaps.ts","webpack://@ledgerhq/react-ui/./src/styles/theme.ts","webpack://@ledgerhq/react-ui/webpack/runtime/compat_get_default_export","webpack://@ledgerhq/react-ui/webpack/runtime/define_property_getters","webpack://@ledgerhq/react-ui/webpack/runtime/has_own_property","webpack://@ledgerhq/react-ui/webpack/runtime/make_namespace_object","webpack://@ledgerhq/react-ui/./src/components/layout/Popin/Popin.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport {\n  compose,\n  fontSize,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  system,\n} from \"styled-system\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { TextVariants } from \"../../../styles/theme\";\nimport { textVariantStyle } from \"./styles\";\n\nconst uppercase = system({\n  uppercase: {\n    property: \"textTransform\",\n    transform: value => (value ? \"uppercase\" : \"none\"),\n  },\n});\n\ntype FontFamilies =\n  | \"Inter|ExtraLight\"\n  | \"Inter|Light\"\n  | \"Inter|Regular\"\n  | \"Inter|Medium\"\n  | \"Inter|SemiBold\"\n  | \"Inter|Bold\"\n  | \"Inter|ExtraBold\"\n  | \"Alpha|Medium\";\n\ntype WhiteSpace = \"normal\" | \"nowrap\" | \"pre\" | \"pre-line\" | \"pre-wrap\";\n\nexport interface TextProps extends BaseStyledProps {\n  fontFamily?: string;\n  ff?: FontFamilies;\n  fontSize?: number | string | TextVariants;\n  variant?: TextVariants;\n  textAlign?: string;\n  fontWeight?: string;\n  lineHeight?: string;\n  textTransform?: string;\n  textOverflow?: string;\n  uppercase?: boolean;\n  whiteSpace?: WhiteSpace;\n  children?: React.ReactNode;\n}\n\nconst Text = baseStyled.span.attrs<TextProps, TextProps>(\n  ({ variant = \"body\", fontSize, color }) => ({\n    fontSize: fontSize ? fontSize : variant,\n    color: color || \"neutral.c100\",\n  }),\n)`\n  font-weight: 500;\n  white-space: ${props => props.whiteSpace ?? \"normal\"};\n  ${(p: TextProps) => textVariantStyle[p.variant || \"body\"]}\n  ${compose(\n    uppercase,\n    lineHeight,\n    fontFamily,\n    fontSize,\n    textAlign,\n    fontWeight,\n    letterSpacing,\n    system({\n      textOverflow: true,\n    }),\n  )}\n  ${p => (p.textTransform ? `text-transform: ${p.textTransform};` : \"\")}\n`;\n\nexport default Text;\n","import { GlobalStyleProps } from \"../../../styles/global\";\nimport { css } from \"styled-components\";\nimport { TextVariants } from \"../../../styles/theme\";\n\nconst getFontSource = (name: string) => (props: GlobalStyleProps) => {\n  const fontsPath = props.fontsPath ?? \"assets/fonts\";\n  const fontName = (props.fontMappings && props.fontMappings(name)) || `${name}.woff2`;\n  return `url(\"${fontsPath}/${fontName}\") format(\"woff2\")`;\n};\n\nexport const fontStyles = css`\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraLight-BETA\")};\n    font-weight: 100;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Light-BETA\")};\n    font-weight: 300;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Regular\")};\n    font-weight: 400;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-SemiBold\")};\n    font-weight: 600;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Inter\";\n    src: ${getFontSource(\"Inter-ExtraBold\")};\n    font-weight: 900;\n    font-style: normal;\n  }\n\n  @font-face {\n    font-family: \"Alpha\";\n    src: ${getFontSource(\"HMAlphaMono-Medium\")};\n    font-weight: 500;\n    font-style: normal;\n  }\n`;\n\nexport const textVariantStyle: Record<\n  TextVariants,\n  {\n    fontFamily: string;\n    lineHeight?: string | number;\n    fontWeight?: number;\n    \"text-transform\"?: string;\n  }\n> = {\n  h1: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h1Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h2Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h3Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  h4: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h4Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n  },\n  h5: {\n    fontFamily: \"Alpha, Inter, Sans\",\n    fontWeight: 500,\n    \"text-transform\": \"uppercase\",\n  },\n  h5Inter: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 500,\n  },\n  large: {\n    fontFamily: \"Inter, Sans\",\n  },\n  largeLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  body: {\n    fontFamily: \"Inter, Sans\",\n  },\n  bodyLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  paragraph: {\n    fontFamily: \"Inter, Sans\",\n  },\n  paragraphLineHeight: {\n    fontFamily: \"Inter, Sans\",\n    lineHeight: 1.7,\n  },\n  small: {\n    fontFamily: \"Inter, Sans\",\n  },\n  extraSmall: {\n    fontFamily: \"Inter, Sans\",\n  },\n  tiny: {\n    fontFamily: \"Inter, Sans\",\n  },\n  micro: {\n    fontFamily: \"Inter, Sans\",\n  },\n  subtitle: {\n    fontFamily: \"Inter, Sans\",\n    fontWeight: 600,\n    \"text-transform\": \"uppercase\",\n  },\n};\n","import ChevronBottom from \"@ledgerhq/icons-ui/reactLegacy/ChevronBottomMedium\";\nimport React, { useMemo, useState } from \"react\";\nimport styled, { css, StyledProps } from \"styled-components\";\nimport { border, BordersProps, compose, fontSize } from \"styled-system\";\nimport { rgba } from \"../../../styles/helpers\";\nimport fontFamily from \"../../../styles/styled/fontFamily\";\nimport { fontSizes } from \"../../../styles/theme\";\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\n\ntype ButtonVariants = \"main\" | \"shade\" | \"error\" | \"color\" | \"neutral\";\ntype IconPosition = \"right\" | \"left\";\ninterface BaseProps extends BaseStyledProps, BordersProps {\n  ff?: string;\n  color?: string;\n  backgroundColor?: string;\n  size?: \"xs\" | \"small\" | \"medium\" | \"large\" | \"xl\";\n  fontSize?: number;\n  variant?: ButtonVariants;\n  outline?: boolean;\n  iconPosition?: IconPosition;\n  iconButton?: boolean;\n  disabled?: boolean;\n  whiteSpace?: string;\n}\n\nexport interface ButtonProps extends BaseProps, React.RefAttributes<HTMLButtonElement> {\n  Icon?: React.ReactElement | React.ComponentType<{ size: number; color?: string }>;\n  children?: React.ReactNode;\n  onClick?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;\n  iconSize?: number;\n  style?: React.CSSProperties;\n}\nconst IconContainer = styled.div<{\n  iconPosition: IconPosition;\n}>`\n  display: inline-block;\n  ${p => `${p.iconPosition === \"left\" ? \"margin-right\" : \"margin-left\"}: ${p.theme.space[4]}px;`}\n  padding-top: 0.2em;\n`;\n\nconst getVariantColors = (p: StyledProps<BaseProps>) => ({\n  main: {\n    outline: `\n        border-color: ${p.theme.colors.neutral.c100};\n        color: ${p.theme.colors.neutral.c100};\n        background-color: transparent;\n        &:hover, &:focus {\n          background-color: ${rgba(p.theme.colors.neutral.c100, 0.03)};\n        }\n        &:active {\n          background-color: ${rgba(p.theme.colors.neutral.c100, 0.05)};\n        }\n      `,\n    filled: `\n        color: ${p.theme.colors.neutral.c00};\n        background-color: ${p.theme.colors.neutral.c100};\n        &:hover, &:focus {\n          background-color: ${p.theme.colors.neutral.c90};\n        }\n      `,\n  },\n  shade: `\n      border-color: ${p.theme.colors.neutral.c40};\n      color: ${p.theme.colors.neutral.c100};\n      &:focus {\n        border-color: ${p.theme.colors.primary.c80};\n      }\n\n      &:hover, &:focus {\n        background-color: ${p.theme.colors.neutral.c20};\n      }\n\n      &:active {\n        background-color: ${p.theme.colors.neutral.c30};\n      }\n    `,\n  error: {\n    outline: `\n      border-color: ${p.theme.colors.error.c50};\n      color: ${p.theme.colors.error.c50};\n      background-color: transparent;\n      &:hover {\n        background-color: ${rgba(p.theme.colors.error.c50, 0.02)};\n      }\n      &:active {\n        background-color: ${rgba(p.theme.colors.error.c50, 0.05)};\n      }\n    `,\n    filled: `\n      color: ${p.theme.colors.neutral.c00};\n      background-color: ${p.theme.colors.error.c50};\n      &:hover {\n        background-color: ${p.theme.colors.error.c40};\n      }\n    `,\n  },\n  neutral: `\n    color: ${p.theme.colors.neutral.c100};\n    background-color: ${p.theme.colors.neutral.c30};\n    &:hover {\n      background-color: ${p.theme.colors.neutral.c40};\n    }\n  `,\n  color: {\n    outline: `\n      border-color: ${p.theme.colors.primary.c80};\n      color: ${p.theme.colors.primary.c80};\n      background-color: transparent;\n      &:hover {\n        background-color: ${rgba(p.theme.colors.primary.c100, 0.02)};\n      }\n      &:active {\n        background-color: ${rgba(p.theme.colors.primary.c100, 0.05)};\n      }\n    `,\n    filled: `\n      color: ${p.theme.colors.neutral.c00};\n      background-color: ${p.theme.colors.primary.c80};\n      &:hover {\n        background-color: ${p.theme.colors.primary.c70};\n      }\n    `,\n  },\n  disabled: {\n    outline: `\n        border-color: ${p.theme.colors.neutral.c50};\n        color: ${p.theme.colors.neutral.c50};\n        background-color: transparent;\n        &:focus, &:hover {\n          box-shadow: none;\n        }\n      `,\n    filled: `\n        color: ${p.theme.colors.neutral.c50};\n        background-color: ${p.theme.colors.neutral.c30};\n        &:focus, &:hover {\n          box-shadow: none;\n        }\n      `,\n  },\n  default: `\n    color: ${p.theme.colors.neutral.c100};\n    background-color: transparent;\n    &:hover {\n      text-decoration: underline;\n    }\n  `,\n});\n\nexport const ButtonUnstyled = baseStyled.button`\n  all: unset;\n  cursor: pointer;\n\n  &:disabled {\n    cursor: default;\n  }\n`;\n\nexport const Base = baseStyled.button.attrs((p: BaseProps) => ({\n  fontFamily: \"Inter\",\n  fontSize: p.fontSize ?? 4,\n}))<BaseProps>`\n  background-color: transparent;\n  border-color: transparent;\n  border-radius: 44px;\n  border-style: solid;\n  border-width: ${p => (p.outline || p.variant === \"shade\" ? 1 : 0)}px;\n  font-weight: 600;\n  ${compose(fontFamily, fontSize, border)};\n  line-height: ${p => p.theme.fontSizes[p.fontSize]}px;\n  text-align: center;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  ${p => buttonSizeStyle[p.size || \"medium\"]}\n  text-overflow: ellipsis;\n  white-space: ${p => (p.whiteSpace ? p.whiteSpace : \"nowrap\")};\n  max-width: 100%;\n  position: relative;\n  cursor: ${p => (p.disabled ? \"default\" : \"pointer\")};\n  &:active {\n    box-shadow: 0 0 0 4px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n  }\n  &:focus, &:hover {\n    box-shadow: 0 0 0 2px ${p => rgba(p.theme.colors.primary.c60, 0.4)};\n  }\n\n  ${p => {\n    const variants = getVariantColors(p);\n    if (p.disabled) {\n      return p.outline || p.variant === \"shade\"\n        ? variants.disabled.outline\n        : variants.disabled.filled;\n    }\n\n    const variant: ButtonVariants | \"default\" =\n      p.variant ?? (\"default\" as ButtonVariants | \"default\");\n    switch (variant) {\n      case \"main\":\n        return p.outline ? variants.main.outline : variants.main.filled;\n      case \"shade\":\n        return variants.shade;\n\n      case \"error\":\n        return p.outline ? variants.error.outline : variants.error.filled;\n\n      case \"color\":\n        return p.outline ? variants.color.outline : variants.color.filled;\n\n      case \"neutral\":\n        return variants.neutral;\n\n      case \"default\":\n      default:\n        return variants.default;\n    }\n  }}\n  ${p =>\n    p.iconButton\n      ? css`\n          width: ${p.theme.space[12]}px;\n          padding: 0;\n          ${IconContainer} {\n            margin: 0;\n          }\n        `\n      : \"\"}\n  ${p => p.theme.transition([\"background-color\", \"color\", \"border-color\", \"box-shadow\"], \"0.2s\")}\n`;\n\nconst ContentContainer = styled.div``;\n\nconst Button = (\n  { Icon, iconPosition = \"right\", iconSize = 16, children, onClick, ...props }: ButtonProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement => {\n  const iconNodeSize = iconSize || fontSizes[props.fontSize ?? 4];\n  const IconNode = useMemo(() => {\n    if (!Icon) return null;\n    if (typeof Icon === \"object\") return Icon;\n    return <Icon size={iconNodeSize} />;\n  }, [iconNodeSize, Icon]);\n\n  return (\n    <Base {...props} ref={ref} iconButton={!(Icon == null) && !children} onClick={onClick}>\n      {iconPosition === \"right\" ? <ContentContainer>{children}</ContentContainer> : null}\n      {IconNode && <IconContainer iconPosition={iconPosition}>{IconNode}</IconContainer>}\n      {iconPosition === \"left\" ? <ContentContainer>{children}</ContentContainer> : null}\n    </Base>\n  );\n};\nconst ButtonWithRef = React.forwardRef(Button) as unknown as typeof Button;\n\nexport type ButtonExpandProps = React.PropsWithChildren<\n  ButtonProps & {\n    onToggle?: (arg0: boolean) => void;\n  }\n>;\n\nconst StyledButtonExpand = styled(ButtonWithRef).attrs(props => ({\n  Icon: props.Icon != null || ChevronBottom,\n  iconPosition: props.iconPosition || \"right\",\n}))<{ expanded: boolean }>`\n  ${IconContainer} {\n    transition: transform 0.25s;\n    ${p => (p.expanded ? \"transform: rotate(180deg)\" : \"\")}\n  }\n`;\nexport function ButtonExpand(\n  { onToggle, onClick, ...props }: ButtonExpandProps,\n  ref?: React.ForwardedRef<HTMLButtonElement>,\n): React.ReactElement {\n  const [expanded, setExpanded] = useState(false);\n  return (\n    <StyledButtonExpand\n      {...props}\n      ref={ref}\n      expanded={expanded}\n      onClick={(event: React.SyntheticEvent<HTMLButtonElement>) => {\n        setExpanded(expanded => !expanded);\n        onToggle != null && onToggle(!expanded);\n        onClick != null && onClick(event);\n      }}\n    />\n  );\n}\n\nexport const buttonSizeStyle: {\n  [index: string]: {\n    padding: string;\n    height: string;\n  };\n} = {\n  xs: {\n    padding: \"0 12px\",\n    height: \"28px\",\n  },\n  small: {\n    padding: \"0 20px\",\n    height: \"32px\",\n  },\n  medium: {\n    padding: \"0 24px\",\n    height: \"40px\",\n  },\n  large: {\n    padding: \"0 28px\",\n    height: \"48px\",\n  },\n  xl: {\n    padding: \"0 28px\",\n    height: \"56px\",\n  },\n};\n\nButton.Unstyled = ButtonUnstyled;\nButton.Expand = React.forwardRef(ButtonExpand);\nButtonWithRef.Unstyled = Button.Unstyled;\nButtonWithRef.Expand = Button.Expand;\nexport default ButtonWithRef;\n","import baseStyled, { BaseStyledProps } from \"../../styled\";\n\nconst FlexBox = baseStyled.div.attrs<BaseStyledProps, BaseStyledProps>({\n  display: \"flex\",\n  minWidth: 0,\n})``;\nexport type FlexBoxProps = BaseStyledProps & React.HTMLAttributes<HTMLDivElement>;\n\nexport default FlexBox;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport styled from \"styled-components\";\nimport CloseIcon from \"@ledgerhq/icons-ui/reactLegacy/CloseMedium\";\nimport ArrowLeftIcon from \"@ledgerhq/icons-ui/reactLegacy/ArrowLeftMedium\";\n\nimport baseStyled, { BaseStyledProps } from \"../../styled\";\nimport Flex from \"../../layout/Flex\";\nimport type { FlexBoxProps } from \"../../layout/Flex\";\nimport Button from \"../../cta/Button\";\nimport TransitionInOut from \"../../transitions/TransitionInOut\";\nimport TransitionScale from \"../../transitions/TransitionScale\";\n\nexport interface PopinProps extends FlexBoxProps {\n  isOpen: boolean;\n  children: React.ReactNode;\n  menuPortalTarget?: Element | null;\n}\n\nexport type PopinHeaderProps = BaseStyledProps & {\n  onClose?: () => void;\n  onBack?: () => void;\n  children: React.ReactNode;\n};\n\nconst ICON_SIZE = 20;\n\nconst Wrapper = styled(Flex).attrs<FlexBoxProps>(p => ({\n  flexDirection: \"column\",\n  alignItems: \"stretch\",\n  justifyContent: \"space-between\",\n  height: p.height || `${p.theme.sizes.drawer.popin.max.height}px`,\n  width: p.width || `${p.theme.sizes.drawer.popin.max.width}px`,\n  minHeight: `${p.theme.sizes.drawer.popin.min.height}px`,\n  minWidth: `${p.theme.sizes.drawer.popin.min.width}px`,\n  maxHeight: `${p.theme.sizes.drawer.popin.max.height}px`,\n  maxWidth: `${p.theme.sizes.drawer.popin.max.width}px`,\n  zIndex: p.theme.zIndexes[8],\n  p: p.p !== undefined ? p.p : p.theme.space[10],\n  rowGap: 6,\n  backgroundColor: \"background.main\",\n}))``;\n\nconst Overlay = styled(Flex).attrs(p => ({\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  width: \"100vw\",\n  height: \"100vh\",\n  zIndex: p.theme.zIndexes[8],\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  backgroundColor: \"constant.overlay\",\n}))``;\n\nconst Header = baseStyled.section`\n  display: grid;\n  grid-template-columns: [icon] ${ICON_SIZE}px [title] 1fr [icon] ${ICON_SIZE}px;\n  column-gap: 12px;\n`;\n\nconst HeaderTitleContainer = styled(Flex).attrs(() => ({\n  justifyContent: \"center\",\n}))``;\n\nconst PopinBody = baseStyled(Flex).attrs({\n  as: \"section\",\n  flexDirection: \"column\",\n  flex: 1,\n  overflow: \"auto\",\n})``;\n\nconst PopinFooter = baseStyled(Flex).attrs({ as: \"section\" })``;\n\nconst IconContainer = styled(Button.Unstyled)`\n  display: flex;\n  align-items: center;\n`;\n\nconst PopinHeader = ({ children, onClose, onBack, ...props }: PopinHeaderProps) => (\n  <Header {...props}>\n    <Flex>\n      {onBack ? (\n        <IconContainer onClick={onBack}>\n          <ArrowLeftIcon size={ICON_SIZE} color=\"neutral.c100\" />\n        </IconContainer>\n      ) : null}\n    </Flex>\n    <HeaderTitleContainer>{children}</HeaderTitleContainer>\n    <Flex>\n      {onClose ? (\n        <IconContainer onClick={onClose}>\n          <CloseIcon size={ICON_SIZE} color=\"neutral.c100\" />\n        </IconContainer>\n      ) : null}\n    </Flex>\n  </Header>\n);\n\nconst Popin = ({ isOpen, children, width, height, ...props }: PopinProps) => (\n  <TransitionInOut in={isOpen} appear mountOnEnter unmountOnExit>\n    <Overlay>\n      <TransitionScale in={isOpen} appear>\n        <Wrapper width={width} height={height} {...props}>\n          {children}\n        </Wrapper>\n      </TransitionScale>\n    </Overlay>\n  </TransitionInOut>\n);\n\nconst PopinWrapper = ({\n  children,\n  menuPortalTarget,\n  ...popinProps\n}: PopinProps): React.ReactElement => {\n  const $root = React.useMemo(\n    () =>\n      menuPortalTarget === undefined && typeof document !== \"undefined\"\n        ? document.querySelector(\"body\")\n        : menuPortalTarget,\n    [menuPortalTarget],\n  );\n  if (!$root) {\n    return <Popin {...popinProps}>{children}</Popin>;\n  } else {\n    return ReactDOM.createPortal(<Popin {...popinProps}>{children}</Popin>, $root);\n  }\n};\n\nPopinWrapper.Header = PopinHeader;\nPopinWrapper.Body = PopinBody;\nPopinWrapper.Footer = PopinFooter;\n\nexport default PopinWrapper;\n","import React from \"react\";\nimport gaps from \"../styles/system/gaps\";\nimport styled, { StyledInterface, InterpolationFunction } from \"styled-components\";\nimport {\n  compose,\n  flexbox,\n  FlexboxProps,\n  space,\n  SpaceProps,\n  position,\n  PositionProps,\n  color,\n  ColorProps,\n  layout,\n  LayoutProps,\n  overflow,\n  OverflowProps,\n  border,\n  BorderProps,\n} from \"styled-system\";\n\nexport type BaseStyledProps = SpaceProps &\n  FlexboxProps &\n  PositionProps &\n  ColorProps &\n  LayoutProps &\n  BorderProps &\n  OverflowProps & {\n    /**\n     * The columnGap CSS property sets the size of the gap (gutter) between an element's grid columns.\n     */\n    columnGap?: string | number;\n    /**\n     * The rowGap CSS property sets the size of the gap (gutter) between an element's grid rows.\n     */\n    rowGap?: string | number;\n    color?: string;\n    children?: React.ReactNode;\n  };\n\nexport const baseStyles: InterpolationFunction<unknown> = compose(\n  flexbox,\n  space,\n  position,\n  color,\n  layout,\n  overflow,\n  gaps,\n  border,\n);\n\nconst proxyStyled = new Proxy(styled, {\n  apply(target: typeof styled, thisArg, argumentsList: Parameters<typeof styled>) {\n    return styled(target.apply(thisArg, argumentsList)(baseStyles));\n  },\n  get(target, property: keyof typeof styled) {\n    if (typeof target[property] === \"function\") {\n      return styled(target[property].apply(styled, [baseStyles]));\n    }\n    return target[property];\n  },\n});\n\nexport default <StyledInterface>proxyStyled;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div<{ timeout: number }>`\n  transition: ${props => `opacity ${props.timeout}ms ease-in-out`};\n\n  &.transition-inout-enter {\n    opacity: 0;\n  }\n\n  &.transition-inout-enter-active {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit {\n    opacity: 1;\n  }\n\n  &.transition-inout-exit-active {\n    opacity: 0;\n  }\n`;\ntype TransitionInOutProps = Partial<\n  CSSTransitionProps<HTMLDivElement> & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionInOut = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionInOutProps): React.JSX.Element => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return (\n    <CSSTransition\n      {...TransitionProps}\n      nodeRef={nodeRef}\n      in={inProp}\n      timeout={timeout}\n      classNames=\"transition-inout\"\n    >\n      <ChildrenWrapper ref={nodeRef} timeout={timeout}>\n        {children}\n      </ChildrenWrapper>\n    </CSSTransition>\n  );\n};\n\nexport default TransitionInOut;\n","import React, { useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport styled from \"styled-components\";\nconst duration = 150;\nconst ChildrenWrapper = styled.div`\n  transition: transform ${duration}ms;\n\n  &.transition-scale-appear {\n    transform: scale(0.9);\n  }\n\n  &.transition-scale-appear-active {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit {\n    transform: scale(1);\n  }\n\n  &.transition-scale-exit-active {\n    transform: scale(0.9);\n  }\n`;\ntype TransitionScaleProps = Partial<\n  CSSTransitionProps<HTMLDivElement> & {\n    children: React.ReactNode;\n    in: boolean;\n    timeout?: number;\n    appear?: boolean;\n    mountOnEnter?: boolean;\n    unmountOnExit?: boolean;\n  }\n>;\n\nconst TransitionScale = ({\n  children,\n  in: inProp,\n  timeout = duration,\n  ...TransitionProps\n}: TransitionScaleProps) => {\n  const nodeRef = useRef<HTMLDivElement>(null);\n  return (\n    <CSSTransition\n      {...TransitionProps}\n      nodeRef={nodeRef}\n      in={inProp}\n      timeout={timeout}\n      classNames=\"transition-scale\"\n    >\n      <ChildrenWrapper ref={nodeRef}>{children}</ChildrenWrapper>\n    </CSSTransition>\n  );\n};\n\nexport default TransitionScale;\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,\n  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, getters, values) => {\n\tvar define = (defs, kind) => {\n\t\tfor(var key in defs) {\n\t\t\tif(__webpack_require__.o(defs, key) && !__webpack_require__.o(exports, key)) {\n\t\t\t\tObject.defineProperty(exports, key, { enumerable: true, [kind]: defs[key] });\n\t\t\t}\n\t\t}\n\t};\n\tdefine(getters, \"get\");\n\tdefine(values, \"value\");\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 { useArgs } from \"storybook/manager-api\";\n\nimport Popin, { PopinProps } from \"./index\";\nimport Text from \"../../asorted/Text\";\nimport Button from \"../../cta/Button\";\nimport theme from \"../../../styles/theme\";\n\nconst description = `\n### This is a customizable pop-in component.\n\nThe component exports by default the container that defines how the component should be animated during the mount/unmount process.<br />\nIn addition to that, 3 different sections *(header, body and footer)* of the component are already designed and attached to the Popin default component.<br />\n\n## Usage\n\n\\`\\`\\`js\n\nimport { Popin } from \"@ledgerhq/react-ui\"\n\n\\`\\`\\`\n\nFrom the default Popin component, you can access 3 different pre-styled sections *(\\`Popin.Header\\`, \\`Popin.Body\\` and \\`Popin.Footer\\`)*. \\\nAll of these components are optional.\n\n- \\`Popin.Header\\` is accepting an onClose callback. The cross icon is only rendered if the onClose callback is provided\n- \\`Popin.Body\\` is just a customizable scrollable Flex component configured to take all the available space\n- \\`Popin.Footer\\` is a customizable Flex component\n\n## Sandbox\n\nPlacement, style and content can be customized using props as demonstrated in the following example.<br />\nAdditionally, the story provide some playground options to play with the component. These options aren't \\\nprops of the component itself.\n`;\n\nconst code = `\n<Popin isOpen={isOpen}>\n  <Popin.Header onClose={onBack} onClose={onBack}><Text variant=\"h5\">A title</Text></Popin.Header>\n  <Popin.Body><Text variant=\"paragraph\">Some texts here</Text></Popin.Body>\n  <Popin.Footer>\n    <Button type=\"main\" onClick={onClick}>\n      Next\n    </Button>\n  </Popin.Footer>\n</Popin>\n`;\n\nexport default {\n  title: \"Layout/Popin\",\n  component: Popin,\n  parameters: {\n    docs: {\n      description: { component: description },\n      source: { code, type: \"code\" },\n    },\n  },\n  argTypes: {\n    /** PROPS **/\n    width: {\n      type: \"number\",\n      description: \"Optional popin's width\",\n      control: {\n        type: \"number\",\n        min: theme.sizes.drawer.popin.min.width,\n        max: theme.sizes.drawer.popin.max.width,\n      },\n      table: {\n        type: {\n          summary: \"Accepted range\",\n          detail: `Value lower than ${theme.sizes.drawer.popin.min.width}px or greather than ${theme.sizes.drawer.popin.max.width}px will have no effect because of min/max css rules.`,\n        },\n        defaultValue: {\n          summary: theme.sizes.drawer.popin.min.width,\n        },\n      },\n    },\n    height: {\n      type: \"number\",\n      description: \"Optional popin's height\",\n      control: {\n        type: \"number\",\n        min: theme.sizes.drawer.popin.min.height,\n        max: theme.sizes.drawer.popin.max.height,\n      },\n      table: {\n        type: {\n          summary: \"Accepted range\",\n          detail: `Value lower than ${theme.sizes.drawer.popin.min.height}px or greather than ${theme.sizes.drawer.popin.max.height}px will have no effect because of min/max css rules.`,\n        },\n        defaultValue: {\n          summary: theme.sizes.drawer.popin.min.height,\n        },\n      },\n    },\n    isOpen: {\n      type: \"boolean\",\n      description: \"Controls if the popin is mounted or not.\",\n      required: true,\n      control: { type: \"boolean\" },\n    },\n    onClose: {\n      description:\n        \"Unmount the component when the user click on the cross icon. This props controls if the cross icon should be rendered inside the header component.\",\n      control: false,\n    },\n\n    /** playground **/\n    hasHeader: {\n      type: \"boolean\",\n      value: true,\n      description: \"Controls if the header should be displayed.\",\n      required: true,\n      control: { type: \"boolean\" },\n      table: { category: \"playground\" },\n    },\n    hasFooter: {\n      type: \"boolean\",\n      value: true,\n      description: \"Controls if the footer should be displayed.\",\n      required: true,\n      control: { type: \"boolean\" },\n      table: { category: \"playground\" },\n    },\n    isCloseDisplayed: {\n      type: \"boolean\",\n      description: \"Controls if the close button should be rendered.\",\n      required: true,\n      control: { type: \"boolean\" },\n      table: { category: \"playground\" },\n    },\n    isBackDisplayed: {\n      type: \"boolean\",\n      description: \"Controls if the back button should be rendered.\",\n      required: true,\n      control: { type: \"boolean\" },\n      table: { category: \"playground\" },\n    },\n    \"Header.Children.Text\": {\n      type: \"text\",\n      description:\n        \"Any valid text. This parameter is passed to a Text component as children. The Text component is the children of the Header component.\",\n      required: true,\n      control: { type: \"text\" },\n      table: { category: \"playground\" },\n    },\n    \"Body.Children.Text\": {\n      type: \"text\",\n      description:\n        \"Any valid text. This parameter is passed to a Text component as children. The Text component is the children of the Body component.\",\n      required: true,\n      control: { type: \"text\" },\n      table: { category: \"playground\" },\n    },\n  },\n  args: {\n    width: theme.sizes.drawer.popin.max.width,\n    height: theme.sizes.drawer.popin.max.height,\n    isOpen: true,\n    hasHeader: true,\n    hasFooter: true,\n    isCloseDisplayed: true,\n    isBackDisplayed: true,\n    \"Body.Children.Text\": `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim fermentum lectus, eu aliquet arcu tincidunt a. Etiam dapibus dolor at felis pretium, a posuere turpis dapibus. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim fermentum lectus, eu aliquet arcu tincidunt a. Etiam dapibus dolor at felis pretium, a posuere turpis dapibus. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim fermentum lectus, eu aliquet arcu tincidunt a. Etiam dapibus dolor at felis pretium, a posuere turpis dapibus. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim fermentum lectus, eu aliquet arcu tincidunt a. Etiam dapibus dolor at felis pretium, a posuere turpis dapibus. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim fermentum lectus, eu aliquet arcu tincidunt a. Etiam dapibus dolor at felis pretium, a posuere turpis dapibus. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim fermentum lectus, eu aliquet arcu tincidunt a. Etiam dapibus dolor at felis pretium, a posuere turpis dapibus. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus dignissim fermentum lectus, eu aliquet arcu tincidunt a. Etiam dapibus dolor at felis pretium, a posuere turpis dapibus. Mauris id felis et quam accumsan congue. Curabitur auctor nunc nec augue suscipit sagittis. Nunc eu eros varius, bibendum ligula id, molestie quam. Nam ac sem et mi pellentesque rhoncus sed eu nisi. Maecenas auctor elit at sollicitudin imperdiet. Sed mollis eros at nunc malesuada posuere. Suspendisse luctus commodo porttitor.`,\n    \"Header.Children.Text\": \"This is a fake title\",\n  },\n};\n\ntype playgroundProps = {\n  \"Header.Children.Text\": string;\n  \"Body.Children.Text\": string;\n  hasHeader: boolean;\n  hasFooter: boolean;\n  isCloseDisplayed: boolean;\n  isBackDisplayed: boolean;\n};\n\nconst Template = (args: PopinProps & playgroundProps) => {\n  const [, updateArgs] = useArgs();\n\n  /* Allow interactive controls from the story. Thanks to this, triggering onClose\n   ** function from the component itself (by clicking on the cross icon e.g.)\n   ** will update the value of the isOpen props.\n   */\n  const onClose = () => updateArgs({ isOpen: false });\n\n  return (\n    <>\n      <Button variant=\"shade\" onClick={() => updateArgs({ isOpen: true })}>\n        Open the modal\n      </Button>\n      <Popin {...args}>\n        {args.hasHeader ? (\n          <Popin.Header\n            onBack={args.isBackDisplayed ? () => {} : undefined}\n            onClose={args.isCloseDisplayed ? onClose : undefined}\n          >\n            <Text variant=\"h5\">{args[\"Header.Children.Text\"]}</Text>\n          </Popin.Header>\n        ) : null}\n        <Popin.Body>\n          <Text variant=\"paragraph\">{args[\"Body.Children.Text\"]}</Text>\n        </Popin.Body>\n        {args.hasFooter ? (\n          <Popin.Footer flexDirection=\"row-reverse\">\n            <Button variant=\"main\" onClick={() => {}}>\n              Next\n            </Button>\n          </Popin.Footer>\n        ) : null}\n      </Popin>\n    </>\n  );\n};\n\nexport const Default = Template.bind({});\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","ChevronBottom","useMemo","useState","styled","border","rgba","fontSizes","IconContainer","getVariantColors","ButtonUnstyled","Base","buttonSizeStyle","variants","ContentContainer","Button","Icon","iconPosition","iconSize","children","onClick","ref","iconNodeSize","IconNode","ButtonWithRef","StyledButtonExpand","ButtonExpand","onToggle","expanded","setExpanded","event","FlexBox","ReactDOM","CloseIcon","ArrowLeftIcon","Flex","TransitionInOut","TransitionScale","ICON_SIZE","Wrapper","undefined","Overlay","Header","HeaderTitleContainer","PopinBody","PopinFooter","PopinHeader","onClose","onBack","Popin","isOpen","width","height","PopinWrapper","menuPortalTarget","popinProps","$root","document","gaps","flexbox","space","position","layout","overflow","baseStyles","proxyStyled","Proxy","target","thisArg","argumentsList","property","useRef","CSSTransition","duration","ChildrenWrapper","inProp","timeout","TransitionProps","nodeRef","Color","fontFamilies","c","a","darken","lighten","mix","b","ff","v","font","type","style","weight","fallback","ensureContrast","color1","color2","colorL1","colorL2","lRatio","prop","keyframes","palettes","breakpoints","fontWeights","radii","shadows","zIndexes","animationDuration","easings","transition","properties","easing","fadeIn","fadeOut","fadeInGrowX","fadeInUp","animations","theme","useArgs","description","code","Template","args","updateArgs","Default"],"mappings":"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"}