@transferwise/components 46.167.0 → 46.168.0

package/README.md

@@ -55,7 +55,7 @@ mockResizeObserver(vi); // With Vitest
 
 ## Documentation
 
-Visit the [docs](https://transferwise.github.io/neptune-web/about/Home) for information on getting started, usage information and examples for each component.
+Visit the [docs](https://storybook.wise.design/) for information on getting started, usage information and examples for each component.
 
 ## Contributing
 

package/build/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import { NavigateAway as NavigateAwayIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { PrimitiveAnchor, PrimitiveButton } from '../Primitives';\nimport type { PrimitiveAnchorProps, PrimitiveButtonProps } from '../Primitives';\n\nimport { LinkLarge, LinkDefault, Typography } from '../common';\n\nimport messages from './Link.messages';\n\nexport type LinkProps = PrimitiveAnchorProps &\n  Pick<PrimitiveButtonProps, 'onClick'> & { type?: LinkLarge | LinkDefault };\n\n/**\n * Standard Link component with navigate away icon\n *\n * Documentation: https://transferwise.github.io/neptune-web/components/content/Link\n */\nconst Link = ({\n  className,\n  children,\n  href,\n  target,\n  type = Typography.LINK_DEFAULT,\n  'aria-label': ariaLabel,\n  onClick,\n  disabled,\n  ...props\n}: LinkProps) => {\n  const { formatMessage } = useIntl();\n  const isButton = Boolean(onClick) && href === undefined;\n  const isBlank = target === '_blank';\n\n  const classNames = clsx(\n    'np-link',\n    'd-inline-flex',\n    {\n      [`np-text-${type}`]: type,\n      'np-link--disabled': disabled,\n    },\n    className,\n  );\n\n  return isButton ? (\n    <PrimitiveButton\n      type=\"button\"\n      aria-label={ariaLabel}\n      className={clsx(classNames, 'btn-unstyled')}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </PrimitiveButton>\n  ) : (\n    <PrimitiveAnchor\n      href={href}\n      target={target}\n      className={classNames}\n      aria-label={ariaLabel}\n      rel={isBlank ? 'noreferrer' : undefined}\n      disabled={disabled}\n      onClick={onClick}\n      {...props}\n    >\n      {children} {isBlank && <NavigateAwayIcon title={formatMessage(messages.opensInNewTab)} />}\n    </PrimitiveAnchor>\n  );\n};\n\nexport default Link;\n"],"names":["Link","className","children","href","target","type","Typography","LINK_DEFAULT","ariaLabel","onClick","disabled","props","formatMessage","useIntl","isButton","Boolean","undefined","isBlank","classNames","clsx","_jsx","PrimitiveButton","_jsxs","PrimitiveAnchor","rel","NavigateAwayIcon","title","messages","opensInNewTab"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,IAAI,GAAGC,qBAAU,CAACC,YAAY;AAC9B,EAAA,YAAY,EAAEC,SAAS;EACvBC,OAAO;EACPC,QAAQ;EACR,GAAGC;AAAK,CACE,KAAI;EACd,MAAM;AAAEC,IAAAA;GAAe,GAAGC,iBAAO,EAAE;EACnC,MAAMC,QAAQ,GAAGC,OAAO,CAACN,OAAO,CAAC,IAAIN,IAAI,KAAKa,SAAS;AACvD,EAAA,MAAMC,OAAO,GAAGb,MAAM,KAAK,QAAQ;AAEnC,EAAA,MAAMc,UAAU,GAAGC,SAAI,CACrB,SAAS,EACT,eAAe,EACf;AACE,IAAA,CAAC,CAAA,QAAA,EAAWd,IAAI,CAAA,CAAE,GAAGA,IAAI;AACzB,IAAA,mBAAmB,EAAEK;GACtB,EACDT,SAAS,CACV;AAED,EAAA,OAAOa,QAAQ,gBACbM,cAAA,CAACC,uBAAe,EAAA;AACdhB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYG,SAAU;AACtBP,IAAAA,SAAS,EAAEkB,SAAI,CAACD,UAAU,EAAE,cAAc,CAAE;AAC5CR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AAAAP,IAAAA,QAAA,EAEhBA;AAAQ,GACM,CAAC,gBAElBoB,eAAA,CAACC,uBAAe,EAAA;AACdpB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,SAAS,EAAEiB,UAAW;AACtB,IAAA,YAAA,EAAYV,SAAU;AACtBgB,IAAAA,GAAG,EAAEP,OAAO,GAAG,YAAY,GAAGD,SAAU;AACxCN,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbE,KAAK;IAAAT,QAAA,EAAA,CAERA,QAAQ,EAAE,GAAA,EAACe,OAAO,iBAAIG,cAAA,CAACK,kBAAgB,EAAA;AAACC,MAAAA,KAAK,EAAEd,aAAa,CAACe,qBAAQ,CAACC,aAAa;AAAE,MAAG;AAAA,GAC1E,CAClB;AACH;;"}
+{"version":3,"file":"Link.js","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import { NavigateAway as NavigateAwayIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { PrimitiveAnchor, PrimitiveButton } from '../Primitives';\nimport type { PrimitiveAnchorProps, PrimitiveButtonProps } from '../Primitives';\n\nimport { LinkLarge, LinkDefault, Typography } from '../common';\n\nimport messages from './Link.messages';\n\nexport type LinkProps = PrimitiveAnchorProps &\n  Pick<PrimitiveButtonProps, 'onClick'> & { type?: LinkLarge | LinkDefault };\n\n/**\n * Standard Link component with navigate away icon\n *\n * Documentation: https://storybook.wise.design/?path=/docs/typography-link--docs\n */\nconst Link = ({\n  className,\n  children,\n  href,\n  target,\n  type = Typography.LINK_DEFAULT,\n  'aria-label': ariaLabel,\n  onClick,\n  disabled,\n  ...props\n}: LinkProps) => {\n  const { formatMessage } = useIntl();\n  const isButton = Boolean(onClick) && href === undefined;\n  const isBlank = target === '_blank';\n\n  const classNames = clsx(\n    'np-link',\n    'd-inline-flex',\n    {\n      [`np-text-${type}`]: type,\n      'np-link--disabled': disabled,\n    },\n    className,\n  );\n\n  return isButton ? (\n    <PrimitiveButton\n      type=\"button\"\n      aria-label={ariaLabel}\n      className={clsx(classNames, 'btn-unstyled')}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </PrimitiveButton>\n  ) : (\n    <PrimitiveAnchor\n      href={href}\n      target={target}\n      className={classNames}\n      aria-label={ariaLabel}\n      rel={isBlank ? 'noreferrer' : undefined}\n      disabled={disabled}\n      onClick={onClick}\n      {...props}\n    >\n      {children} {isBlank && <NavigateAwayIcon title={formatMessage(messages.opensInNewTab)} />}\n    </PrimitiveAnchor>\n  );\n};\n\nexport default Link;\n"],"names":["Link","className","children","href","target","type","Typography","LINK_DEFAULT","ariaLabel","onClick","disabled","props","formatMessage","useIntl","isButton","Boolean","undefined","isBlank","classNames","clsx","_jsx","PrimitiveButton","_jsxs","PrimitiveAnchor","rel","NavigateAwayIcon","title","messages","opensInNewTab"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,IAAI,GAAGC,qBAAU,CAACC,YAAY;AAC9B,EAAA,YAAY,EAAEC,SAAS;EACvBC,OAAO;EACPC,QAAQ;EACR,GAAGC;AAAK,CACE,KAAI;EACd,MAAM;AAAEC,IAAAA;GAAe,GAAGC,iBAAO,EAAE;EACnC,MAAMC,QAAQ,GAAGC,OAAO,CAACN,OAAO,CAAC,IAAIN,IAAI,KAAKa,SAAS;AACvD,EAAA,MAAMC,OAAO,GAAGb,MAAM,KAAK,QAAQ;AAEnC,EAAA,MAAMc,UAAU,GAAGC,SAAI,CACrB,SAAS,EACT,eAAe,EACf;AACE,IAAA,CAAC,CAAA,QAAA,EAAWd,IAAI,CAAA,CAAE,GAAGA,IAAI;AACzB,IAAA,mBAAmB,EAAEK;GACtB,EACDT,SAAS,CACV;AAED,EAAA,OAAOa,QAAQ,gBACbM,cAAA,CAACC,uBAAe,EAAA;AACdhB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYG,SAAU;AACtBP,IAAAA,SAAS,EAAEkB,SAAI,CAACD,UAAU,EAAE,cAAc,CAAE;AAC5CR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AAAAP,IAAAA,QAAA,EAEhBA;AAAQ,GACM,CAAC,gBAElBoB,eAAA,CAACC,uBAAe,EAAA;AACdpB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,SAAS,EAAEiB,UAAW;AACtB,IAAA,YAAA,EAAYV,SAAU;AACtBgB,IAAAA,GAAG,EAAEP,OAAO,GAAG,YAAY,GAAGD,SAAU;AACxCN,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbE,KAAK;IAAAT,QAAA,EAAA,CAERA,QAAQ,EAAE,GAAA,EAACe,OAAO,iBAAIG,cAAA,CAACK,kBAAgB,EAAA;AAACC,MAAAA,KAAK,EAAEd,aAAa,CAACe,qBAAQ,CAACC,aAAa;AAAE,MAAG;AAAA,GAC1E,CAClB;AACH;;"}

package/build/Link/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.mjs","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import { NavigateAway as NavigateAwayIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { PrimitiveAnchor, PrimitiveButton } from '../Primitives';\nimport type { PrimitiveAnchorProps, PrimitiveButtonProps } from '../Primitives';\n\nimport { LinkLarge, LinkDefault, Typography } from '../common';\n\nimport messages from './Link.messages';\n\nexport type LinkProps = PrimitiveAnchorProps &\n  Pick<PrimitiveButtonProps, 'onClick'> & { type?: LinkLarge | LinkDefault };\n\n/**\n * Standard Link component with navigate away icon\n *\n * Documentation: https://transferwise.github.io/neptune-web/components/content/Link\n */\nconst Link = ({\n  className,\n  children,\n  href,\n  target,\n  type = Typography.LINK_DEFAULT,\n  'aria-label': ariaLabel,\n  onClick,\n  disabled,\n  ...props\n}: LinkProps) => {\n  const { formatMessage } = useIntl();\n  const isButton = Boolean(onClick) && href === undefined;\n  const isBlank = target === '_blank';\n\n  const classNames = clsx(\n    'np-link',\n    'd-inline-flex',\n    {\n      [`np-text-${type}`]: type,\n      'np-link--disabled': disabled,\n    },\n    className,\n  );\n\n  return isButton ? (\n    <PrimitiveButton\n      type=\"button\"\n      aria-label={ariaLabel}\n      className={clsx(classNames, 'btn-unstyled')}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </PrimitiveButton>\n  ) : (\n    <PrimitiveAnchor\n      href={href}\n      target={target}\n      className={classNames}\n      aria-label={ariaLabel}\n      rel={isBlank ? 'noreferrer' : undefined}\n      disabled={disabled}\n      onClick={onClick}\n      {...props}\n    >\n      {children} {isBlank && <NavigateAwayIcon title={formatMessage(messages.opensInNewTab)} />}\n    </PrimitiveAnchor>\n  );\n};\n\nexport default Link;\n"],"names":["Link","className","children","href","target","type","Typography","LINK_DEFAULT","ariaLabel","onClick","disabled","props","formatMessage","useIntl","isButton","Boolean","undefined","isBlank","classNames","clsx","_jsx","PrimitiveButton","_jsxs","PrimitiveAnchor","rel","NavigateAwayIcon","title","messages","opensInNewTab"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,IAAI,GAAGC,UAAU,CAACC,YAAY;AAC9B,EAAA,YAAY,EAAEC,SAAS;EACvBC,OAAO;EACPC,QAAQ;EACR,GAAGC;AAAK,CACE,KAAI;EACd,MAAM;AAAEC,IAAAA;GAAe,GAAGC,OAAO,EAAE;EACnC,MAAMC,QAAQ,GAAGC,OAAO,CAACN,OAAO,CAAC,IAAIN,IAAI,KAAKa,SAAS;AACvD,EAAA,MAAMC,OAAO,GAAGb,MAAM,KAAK,QAAQ;AAEnC,EAAA,MAAMc,UAAU,GAAGC,IAAI,CACrB,SAAS,EACT,eAAe,EACf;AACE,IAAA,CAAC,CAAA,QAAA,EAAWd,IAAI,CAAA,CAAE,GAAGA,IAAI;AACzB,IAAA,mBAAmB,EAAEK;GACtB,EACDT,SAAS,CACV;AAED,EAAA,OAAOa,QAAQ,gBACbM,GAAA,CAACC,eAAe,EAAA;AACdhB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYG,SAAU;AACtBP,IAAAA,SAAS,EAAEkB,IAAI,CAACD,UAAU,EAAE,cAAc,CAAE;AAC5CR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AAAAP,IAAAA,QAAA,EAEhBA;AAAQ,GACM,CAAC,gBAElBoB,IAAA,CAACC,eAAe,EAAA;AACdpB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,SAAS,EAAEiB,UAAW;AACtB,IAAA,YAAA,EAAYV,SAAU;AACtBgB,IAAAA,GAAG,EAAEP,OAAO,GAAG,YAAY,GAAGD,SAAU;AACxCN,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbE,KAAK;IAAAT,QAAA,EAAA,CAERA,QAAQ,EAAE,GAAA,EAACe,OAAO,iBAAIG,GAAA,CAACK,YAAgB,EAAA;AAACC,MAAAA,KAAK,EAAEd,aAAa,CAACe,QAAQ,CAACC,aAAa;AAAE,MAAG;AAAA,GAC1E,CAClB;AACH;;"}
+{"version":3,"file":"Link.mjs","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import { NavigateAway as NavigateAwayIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { useIntl } from 'react-intl';\nimport { PrimitiveAnchor, PrimitiveButton } from '../Primitives';\nimport type { PrimitiveAnchorProps, PrimitiveButtonProps } from '../Primitives';\n\nimport { LinkLarge, LinkDefault, Typography } from '../common';\n\nimport messages from './Link.messages';\n\nexport type LinkProps = PrimitiveAnchorProps &\n  Pick<PrimitiveButtonProps, 'onClick'> & { type?: LinkLarge | LinkDefault };\n\n/**\n * Standard Link component with navigate away icon\n *\n * Documentation: https://storybook.wise.design/?path=/docs/typography-link--docs\n */\nconst Link = ({\n  className,\n  children,\n  href,\n  target,\n  type = Typography.LINK_DEFAULT,\n  'aria-label': ariaLabel,\n  onClick,\n  disabled,\n  ...props\n}: LinkProps) => {\n  const { formatMessage } = useIntl();\n  const isButton = Boolean(onClick) && href === undefined;\n  const isBlank = target === '_blank';\n\n  const classNames = clsx(\n    'np-link',\n    'd-inline-flex',\n    {\n      [`np-text-${type}`]: type,\n      'np-link--disabled': disabled,\n    },\n    className,\n  );\n\n  return isButton ? (\n    <PrimitiveButton\n      type=\"button\"\n      aria-label={ariaLabel}\n      className={clsx(classNames, 'btn-unstyled')}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </PrimitiveButton>\n  ) : (\n    <PrimitiveAnchor\n      href={href}\n      target={target}\n      className={classNames}\n      aria-label={ariaLabel}\n      rel={isBlank ? 'noreferrer' : undefined}\n      disabled={disabled}\n      onClick={onClick}\n      {...props}\n    >\n      {children} {isBlank && <NavigateAwayIcon title={formatMessage(messages.opensInNewTab)} />}\n    </PrimitiveAnchor>\n  );\n};\n\nexport default Link;\n"],"names":["Link","className","children","href","target","type","Typography","LINK_DEFAULT","ariaLabel","onClick","disabled","props","formatMessage","useIntl","isButton","Boolean","undefined","isBlank","classNames","clsx","_jsx","PrimitiveButton","_jsxs","PrimitiveAnchor","rel","NavigateAwayIcon","title","messages","opensInNewTab"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAI,GAAGA,CAAC;EACZC,SAAS;EACTC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,IAAI,GAAGC,UAAU,CAACC,YAAY;AAC9B,EAAA,YAAY,EAAEC,SAAS;EACvBC,OAAO;EACPC,QAAQ;EACR,GAAGC;AAAK,CACE,KAAI;EACd,MAAM;AAAEC,IAAAA;GAAe,GAAGC,OAAO,EAAE;EACnC,MAAMC,QAAQ,GAAGC,OAAO,CAACN,OAAO,CAAC,IAAIN,IAAI,KAAKa,SAAS;AACvD,EAAA,MAAMC,OAAO,GAAGb,MAAM,KAAK,QAAQ;AAEnC,EAAA,MAAMc,UAAU,GAAGC,IAAI,CACrB,SAAS,EACT,eAAe,EACf;AACE,IAAA,CAAC,CAAA,QAAA,EAAWd,IAAI,CAAA,CAAE,GAAGA,IAAI;AACzB,IAAA,mBAAmB,EAAEK;GACtB,EACDT,SAAS,CACV;AAED,EAAA,OAAOa,QAAQ,gBACbM,GAAA,CAACC,eAAe,EAAA;AACdhB,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAYG,SAAU;AACtBP,IAAAA,SAAS,EAAEkB,IAAI,CAACD,UAAU,EAAE,cAAc,CAAE;AAC5CR,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AAAAP,IAAAA,QAAA,EAEhBA;AAAQ,GACM,CAAC,gBAElBoB,IAAA,CAACC,eAAe,EAAA;AACdpB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,MAAM,EAAEA,MAAO;AACfH,IAAAA,SAAS,EAAEiB,UAAW;AACtB,IAAA,YAAA,EAAYV,SAAU;AACtBgB,IAAAA,GAAG,EAAEP,OAAO,GAAG,YAAY,GAAGD,SAAU;AACxCN,IAAAA,QAAQ,EAAEA,QAAS;AACnBD,IAAAA,OAAO,EAAEA,OAAQ;AAAA,IAAA,GACbE,KAAK;IAAAT,QAAA,EAAA,CAERA,QAAQ,EAAE,GAAA,EAACe,OAAO,iBAAIG,GAAA,CAACK,YAAgB,EAAA;AAACC,MAAAA,KAAK,EAAEd,aAAa,CAACe,QAAQ,CAACC,aAAa;AAAE,MAAG;AAAA,GAC1E,CAClB;AACH;;"}

package/build/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport { clsx } from 'clsx';\nimport { ReactNode, useEffect, useState } from 'react';\n\nimport Body from '../Body';\nimport { Size, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';\nimport { Typography } from '../common/PropsValues/typography';\n\n// TODO: We gracefully deprecated xs, lg and xl -- remove these as part of a future breaking change to this component\ntype DeprecatedSize = SizeExtraSmall | SizeLarge | SizeExtraLarge;\n\ntype SizeType = SizeSmall | SizeMedium;\n\nexport type LoaderProps = {\n  /**\n   * @deprecated Use `size` instead.\n   * @default false\n   */\n  small?: boolean;\n  /** @default 'md' */\n  size?: SizeType | DeprecatedSize;\n  /** @default false */\n  displayInstantly?: boolean;\n  /** Optional label displayed below the loader */\n  label?: ReactNode;\n  // TODO: refactor in favor of prop from `CommonProps` type\n  /** @default {} */\n  classNames?: Record<string, string>;\n  'data-testid'?: string;\n};\n\n/**\n * Loader component\n *\n * Docs link: https://transferwise.github.io/neptune-web/components/progress/Loader\n *\n * @param root0\n * @param root0.small\n * @param root0.size\n * @param root0.classNames\n */\nconst Loader = ({\n  small = false,\n  size = Size.MEDIUM,\n  displayInstantly = false,\n  label,\n  classNames = {},\n  ...restProps\n}: LoaderProps) => {\n  const { theme } = useTheme();\n  const [hasDebounced, setHasDebounced] = useState(displayInstantly);\n\n  useEffect(() => {\n    let cancelled: boolean;\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!displayInstantly) {\n      timeout = setTimeout(() => {\n        if (!cancelled) {\n          setHasDebounced(true);\n        }\n      }, 1000);\n    }\n\n    return () => {\n      cancelled = true;\n\n      clearTimeout(timeout);\n    };\n  }, []);\n\n  const style = (className: string): string => classNames[className] || className;\n  const legacySize: SizeType | DeprecatedSize = small ? Size.SMALL : size;\n  const supportedSize = getSupportedSize(legacySize);\n\n  if (theme === 'forest-green') {\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Loader is forbidden to use with Forest Green theme. Check the https://docs.wise.design/components/screen-loader for more info.',\n    );\n    return <></>;\n  }\n\n  return (\n    <div className={style('tw-loader')} data-testid={restProps['data-testid']}>\n      <div\n        className={clsx(style('tw-loader-asset'), style(`tw-loader-asset--${supportedSize}`), {\n          'tw-loader-asset--visible': hasDebounced,\n        })}\n      />\n      {label && hasDebounced && (\n        <Body type={Typography.BODY_LARGE_BOLD} as=\"span\" className={style('text-secondary')}>\n          {label}\n        </Body>\n      )}\n    </div>\n  );\n};\n\nconst getSupportedSize = (size: SizeType | DeprecatedSize): SizeType => {\n  switch (size) {\n    case Size.SMALL:\n    case Size.EXTRA_SMALL:\n      return Size.SMALL;\n\n    case Size.EXTRA_LARGE:\n    case Size.LARGE:\n    case Size.MEDIUM:\n    default:\n      return Size.MEDIUM;\n  }\n};\n\nexport default Loader;\n"],"names":["Loader","small","size","Size","MEDIUM","displayInstantly","label","classNames","restProps","theme","useTheme","hasDebounced","setHasDebounced","useState","useEffect","cancelled","timeout","setTimeout","clearTimeout","style","className","legacySize","SMALL","supportedSize","getSupportedSize","console","warn","_jsx","_Fragment","_jsxs","children","clsx","Body","type","Typography","BODY_LARGE_BOLD","as","EXTRA_SMALL","EXTRA_LARGE","LARGE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAMA,MAAM,GAAGA,CAAC;AACdC,EAAAA,KAAK,GAAG,KAAK;QACbC,MAAI,GAAGC,SAAI,CAACC,MAAM;AAClBC,EAAAA,gBAAgB,GAAG,KAAK;EACxBC,KAAK;EACLC,UAAU,GAAG,EAAE;EACf,GAAGC;AAAS,CACA,KAAI;EAChB,MAAM;AAAEC,IAAAA;GAAO,GAAGC,0BAAQ,EAAE;EAC5B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAACR,gBAAgB,CAAC;AAElES,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIC,SAAkB;AACtB,IAAA,IAAIC,OAAkD;IAEtD,IAAI,CAACX,gBAAgB,EAAE;MACrBW,OAAO,GAAGC,UAAU,CAAC,MAAK;QACxB,IAAI,CAACF,SAAS,EAAE;UACdH,eAAe,CAAC,IAAI,CAAC;AACvB,QAAA;MACF,CAAC,EAAE,IAAI,CAAC;AACV,IAAA;AAEA,IAAA,OAAO,MAAK;AACVG,MAAAA,SAAS,GAAG,IAAI;MAEhBG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,KAAK,GAAIC,SAAiB,IAAab,UAAU,CAACa,SAAS,CAAC,IAAIA,SAAS;EAC/E,MAAMC,UAAU,GAA8BpB,KAAK,GAAGE,SAAI,CAACmB,KAAK,GAAGpB,MAAI;AACvE,EAAA,MAAMqB,aAAa,GAAGC,gBAAgB,CAACH,UAAU,CAAC;EAElD,IAAIZ,KAAK,KAAK,cAAc,EAAE;AAC5B;AACAgB,IAAAA,OAAO,CAACC,IAAI,CACV,gIAAgI,CACjI;AACD,IAAA,oBAAOC,cAAA,CAAAC,mBAAA,EAAA,GAAK;AACd,EAAA;AAEA,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAED,KAAK,CAAC,WAAW,CAAE;IAAC,aAAA,EAAaX,SAAS,CAAC,aAAa,CAAE;AAAAsB,IAAAA,QAAA,gBACxEH,cAAA,CAAA,KAAA,EAAA;AACEP,MAAAA,SAAS,EAAEW,SAAI,CAACZ,KAAK,CAAC,iBAAiB,CAAC,EAAEA,KAAK,CAAC,CAAA,iBAAA,EAAoBI,aAAa,CAAA,CAAE,CAAC,EAAE;AACpF,QAAA,0BAA0B,EAAEZ;OAC7B;KAAE,CAEL,EAACL,KAAK,IAAIK,YAAY,iBACpBgB,cAAA,CAACK,YAAI,EAAA;MAACC,IAAI,EAAEC,qBAAU,CAACC,eAAgB;AAACC,MAAAA,EAAE,EAAC,MAAM;AAAChB,MAAAA,SAAS,EAAED,KAAK,CAAC,gBAAgB,CAAE;AAAAW,MAAAA,QAAA,EAClFxB;AAAK,KACF,CACP;AAAA,GACE,CAAC;AAEV;AAEA,MAAMkB,gBAAgB,GAAItB,MAA+B,IAAc;AACrE,EAAA,QAAQA,MAAI;IACV,KAAKC,SAAI,CAACmB,KAAK;IACf,KAAKnB,SAAI,CAACkC,WAAW;MACnB,OAAOlC,SAAI,CAACmB,KAAK;IAEnB,KAAKnB,SAAI,CAACmC,WAAW;IACrB,KAAKnC,SAAI,CAACoC,KAAK;IACf,KAAKpC,SAAI,CAACC,MAAM;AAChB,IAAA;MACE,OAAOD,SAAI,CAACC,MAAM;AACtB;AACF,CAAC;;"}
+{"version":3,"file":"Loader.js","sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport { clsx } from 'clsx';\nimport { ReactNode, useEffect, useState } from 'react';\n\nimport Body from '../Body';\nimport { Size, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';\nimport { Typography } from '../common/PropsValues/typography';\n\n// TODO: We gracefully deprecated xs, lg and xl -- remove these as part of a future breaking change to this component\ntype DeprecatedSize = SizeExtraSmall | SizeLarge | SizeExtraLarge;\n\ntype SizeType = SizeSmall | SizeMedium;\n\nexport type LoaderProps = {\n  /**\n   * @deprecated Use `size` instead.\n   * @default false\n   */\n  small?: boolean;\n  /** @default 'md' */\n  size?: SizeType | DeprecatedSize;\n  /** @default false */\n  displayInstantly?: boolean;\n  /** Optional label displayed below the loader */\n  label?: ReactNode;\n  // TODO: refactor in favor of prop from `CommonProps` type\n  /** @default {} */\n  classNames?: Record<string, string>;\n  'data-testid'?: string;\n};\n\n/**\n * Loader component\n *\n * Docs link: https://storybook.wise.design/?path=/docs/loading-loader--docs\n *\n * @param root0\n * @param root0.small\n * @param root0.size\n * @param root0.classNames\n */\nconst Loader = ({\n  small = false,\n  size = Size.MEDIUM,\n  displayInstantly = false,\n  label,\n  classNames = {},\n  ...restProps\n}: LoaderProps) => {\n  const { theme } = useTheme();\n  const [hasDebounced, setHasDebounced] = useState(displayInstantly);\n\n  useEffect(() => {\n    let cancelled: boolean;\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!displayInstantly) {\n      timeout = setTimeout(() => {\n        if (!cancelled) {\n          setHasDebounced(true);\n        }\n      }, 1000);\n    }\n\n    return () => {\n      cancelled = true;\n\n      clearTimeout(timeout);\n    };\n  }, []);\n\n  const style = (className: string): string => classNames[className] || className;\n  const legacySize: SizeType | DeprecatedSize = small ? Size.SMALL : size;\n  const supportedSize = getSupportedSize(legacySize);\n\n  if (theme === 'forest-green') {\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Loader is forbidden to use with Forest Green theme. Check the https://docs.wise.design/components/screen-loader for more info.',\n    );\n    return <></>;\n  }\n\n  return (\n    <div className={style('tw-loader')} data-testid={restProps['data-testid']}>\n      <div\n        className={clsx(style('tw-loader-asset'), style(`tw-loader-asset--${supportedSize}`), {\n          'tw-loader-asset--visible': hasDebounced,\n        })}\n      />\n      {label && hasDebounced && (\n        <Body type={Typography.BODY_LARGE_BOLD} as=\"span\" className={style('text-secondary')}>\n          {label}\n        </Body>\n      )}\n    </div>\n  );\n};\n\nconst getSupportedSize = (size: SizeType | DeprecatedSize): SizeType => {\n  switch (size) {\n    case Size.SMALL:\n    case Size.EXTRA_SMALL:\n      return Size.SMALL;\n\n    case Size.EXTRA_LARGE:\n    case Size.LARGE:\n    case Size.MEDIUM:\n    default:\n      return Size.MEDIUM;\n  }\n};\n\nexport default Loader;\n"],"names":["Loader","small","size","Size","MEDIUM","displayInstantly","label","classNames","restProps","theme","useTheme","hasDebounced","setHasDebounced","useState","useEffect","cancelled","timeout","setTimeout","clearTimeout","style","className","legacySize","SMALL","supportedSize","getSupportedSize","console","warn","_jsx","_Fragment","_jsxs","children","clsx","Body","type","Typography","BODY_LARGE_BOLD","as","EXTRA_SMALL","EXTRA_LARGE","LARGE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAMA,MAAM,GAAGA,CAAC;AACdC,EAAAA,KAAK,GAAG,KAAK;QACbC,MAAI,GAAGC,SAAI,CAACC,MAAM;AAClBC,EAAAA,gBAAgB,GAAG,KAAK;EACxBC,KAAK;EACLC,UAAU,GAAG,EAAE;EACf,GAAGC;AAAS,CACA,KAAI;EAChB,MAAM;AAAEC,IAAAA;GAAO,GAAGC,0BAAQ,EAAE;EAC5B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAACR,gBAAgB,CAAC;AAElES,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIC,SAAkB;AACtB,IAAA,IAAIC,OAAkD;IAEtD,IAAI,CAACX,gBAAgB,EAAE;MACrBW,OAAO,GAAGC,UAAU,CAAC,MAAK;QACxB,IAAI,CAACF,SAAS,EAAE;UACdH,eAAe,CAAC,IAAI,CAAC;AACvB,QAAA;MACF,CAAC,EAAE,IAAI,CAAC;AACV,IAAA;AAEA,IAAA,OAAO,MAAK;AACVG,MAAAA,SAAS,GAAG,IAAI;MAEhBG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,KAAK,GAAIC,SAAiB,IAAab,UAAU,CAACa,SAAS,CAAC,IAAIA,SAAS;EAC/E,MAAMC,UAAU,GAA8BpB,KAAK,GAAGE,SAAI,CAACmB,KAAK,GAAGpB,MAAI;AACvE,EAAA,MAAMqB,aAAa,GAAGC,gBAAgB,CAACH,UAAU,CAAC;EAElD,IAAIZ,KAAK,KAAK,cAAc,EAAE;AAC5B;AACAgB,IAAAA,OAAO,CAACC,IAAI,CACV,gIAAgI,CACjI;AACD,IAAA,oBAAOC,cAAA,CAAAC,mBAAA,EAAA,GAAK;AACd,EAAA;AAEA,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAED,KAAK,CAAC,WAAW,CAAE;IAAC,aAAA,EAAaX,SAAS,CAAC,aAAa,CAAE;AAAAsB,IAAAA,QAAA,gBACxEH,cAAA,CAAA,KAAA,EAAA;AACEP,MAAAA,SAAS,EAAEW,SAAI,CAACZ,KAAK,CAAC,iBAAiB,CAAC,EAAEA,KAAK,CAAC,CAAA,iBAAA,EAAoBI,aAAa,CAAA,CAAE,CAAC,EAAE;AACpF,QAAA,0BAA0B,EAAEZ;OAC7B;KAAE,CAEL,EAACL,KAAK,IAAIK,YAAY,iBACpBgB,cAAA,CAACK,YAAI,EAAA;MAACC,IAAI,EAAEC,qBAAU,CAACC,eAAgB;AAACC,MAAAA,EAAE,EAAC,MAAM;AAAChB,MAAAA,SAAS,EAAED,KAAK,CAAC,gBAAgB,CAAE;AAAAW,MAAAA,QAAA,EAClFxB;AAAK,KACF,CACP;AAAA,GACE,CAAC;AAEV;AAEA,MAAMkB,gBAAgB,GAAItB,MAA+B,IAAc;AACrE,EAAA,QAAQA,MAAI;IACV,KAAKC,SAAI,CAACmB,KAAK;IACf,KAAKnB,SAAI,CAACkC,WAAW;MACnB,OAAOlC,SAAI,CAACmB,KAAK;IAEnB,KAAKnB,SAAI,CAACmC,WAAW;IACrB,KAAKnC,SAAI,CAACoC,KAAK;IACf,KAAKpC,SAAI,CAACC,MAAM;AAChB,IAAA;MACE,OAAOD,SAAI,CAACC,MAAM;AACtB;AACF,CAAC;;"}

package/build/Loader/Loader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.mjs","sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport { clsx } from 'clsx';\nimport { ReactNode, useEffect, useState } from 'react';\n\nimport Body from '../Body';\nimport { Size, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';\nimport { Typography } from '../common/PropsValues/typography';\n\n// TODO: We gracefully deprecated xs, lg and xl -- remove these as part of a future breaking change to this component\ntype DeprecatedSize = SizeExtraSmall | SizeLarge | SizeExtraLarge;\n\ntype SizeType = SizeSmall | SizeMedium;\n\nexport type LoaderProps = {\n  /**\n   * @deprecated Use `size` instead.\n   * @default false\n   */\n  small?: boolean;\n  /** @default 'md' */\n  size?: SizeType | DeprecatedSize;\n  /** @default false */\n  displayInstantly?: boolean;\n  /** Optional label displayed below the loader */\n  label?: ReactNode;\n  // TODO: refactor in favor of prop from `CommonProps` type\n  /** @default {} */\n  classNames?: Record<string, string>;\n  'data-testid'?: string;\n};\n\n/**\n * Loader component\n *\n * Docs link: https://transferwise.github.io/neptune-web/components/progress/Loader\n *\n * @param root0\n * @param root0.small\n * @param root0.size\n * @param root0.classNames\n */\nconst Loader = ({\n  small = false,\n  size = Size.MEDIUM,\n  displayInstantly = false,\n  label,\n  classNames = {},\n  ...restProps\n}: LoaderProps) => {\n  const { theme } = useTheme();\n  const [hasDebounced, setHasDebounced] = useState(displayInstantly);\n\n  useEffect(() => {\n    let cancelled: boolean;\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!displayInstantly) {\n      timeout = setTimeout(() => {\n        if (!cancelled) {\n          setHasDebounced(true);\n        }\n      }, 1000);\n    }\n\n    return () => {\n      cancelled = true;\n\n      clearTimeout(timeout);\n    };\n  }, []);\n\n  const style = (className: string): string => classNames[className] || className;\n  const legacySize: SizeType | DeprecatedSize = small ? Size.SMALL : size;\n  const supportedSize = getSupportedSize(legacySize);\n\n  if (theme === 'forest-green') {\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Loader is forbidden to use with Forest Green theme. Check the https://docs.wise.design/components/screen-loader for more info.',\n    );\n    return <></>;\n  }\n\n  return (\n    <div className={style('tw-loader')} data-testid={restProps['data-testid']}>\n      <div\n        className={clsx(style('tw-loader-asset'), style(`tw-loader-asset--${supportedSize}`), {\n          'tw-loader-asset--visible': hasDebounced,\n        })}\n      />\n      {label && hasDebounced && (\n        <Body type={Typography.BODY_LARGE_BOLD} as=\"span\" className={style('text-secondary')}>\n          {label}\n        </Body>\n      )}\n    </div>\n  );\n};\n\nconst getSupportedSize = (size: SizeType | DeprecatedSize): SizeType => {\n  switch (size) {\n    case Size.SMALL:\n    case Size.EXTRA_SMALL:\n      return Size.SMALL;\n\n    case Size.EXTRA_LARGE:\n    case Size.LARGE:\n    case Size.MEDIUM:\n    default:\n      return Size.MEDIUM;\n  }\n};\n\nexport default Loader;\n"],"names":["Loader","small","size","Size","MEDIUM","displayInstantly","label","classNames","restProps","theme","useTheme","hasDebounced","setHasDebounced","useState","useEffect","cancelled","timeout","setTimeout","clearTimeout","style","className","legacySize","SMALL","supportedSize","getSupportedSize","console","warn","_jsx","_Fragment","_jsxs","children","clsx","Body","type","Typography","BODY_LARGE_BOLD","as","EXTRA_SMALL","EXTRA_LARGE","LARGE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAMA,MAAM,GAAGA,CAAC;AACdC,EAAAA,KAAK,GAAG,KAAK;EACbC,IAAI,GAAGC,IAAI,CAACC,MAAM;AAClBC,EAAAA,gBAAgB,GAAG,KAAK;EACxBC,KAAK;EACLC,UAAU,GAAG,EAAE;EACf,GAAGC;AAAS,CACA,KAAI;EAChB,MAAM;AAAEC,IAAAA;GAAO,GAAGC,QAAQ,EAAE;EAC5B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAACR,gBAAgB,CAAC;AAElES,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIC,SAAkB;AACtB,IAAA,IAAIC,OAAkD;IAEtD,IAAI,CAACX,gBAAgB,EAAE;MACrBW,OAAO,GAAGC,UAAU,CAAC,MAAK;QACxB,IAAI,CAACF,SAAS,EAAE;UACdH,eAAe,CAAC,IAAI,CAAC;AACvB,QAAA;MACF,CAAC,EAAE,IAAI,CAAC;AACV,IAAA;AAEA,IAAA,OAAO,MAAK;AACVG,MAAAA,SAAS,GAAG,IAAI;MAEhBG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,KAAK,GAAIC,SAAiB,IAAab,UAAU,CAACa,SAAS,CAAC,IAAIA,SAAS;EAC/E,MAAMC,UAAU,GAA8BpB,KAAK,GAAGE,IAAI,CAACmB,KAAK,GAAGpB,IAAI;AACvE,EAAA,MAAMqB,aAAa,GAAGC,gBAAgB,CAACH,UAAU,CAAC;EAElD,IAAIZ,KAAK,KAAK,cAAc,EAAE;AAC5B;AACAgB,IAAAA,OAAO,CAACC,IAAI,CACV,gIAAgI,CACjI;AACD,IAAA,oBAAOC,GAAA,CAAAC,QAAA,EAAA,GAAK;AACd,EAAA;AAEA,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAED,KAAK,CAAC,WAAW,CAAE;IAAC,aAAA,EAAaX,SAAS,CAAC,aAAa,CAAE;AAAAsB,IAAAA,QAAA,gBACxEH,GAAA,CAAA,KAAA,EAAA;AACEP,MAAAA,SAAS,EAAEW,IAAI,CAACZ,KAAK,CAAC,iBAAiB,CAAC,EAAEA,KAAK,CAAC,CAAA,iBAAA,EAAoBI,aAAa,CAAA,CAAE,CAAC,EAAE;AACpF,QAAA,0BAA0B,EAAEZ;OAC7B;KAAE,CAEL,EAACL,KAAK,IAAIK,YAAY,iBACpBgB,GAAA,CAACK,IAAI,EAAA;MAACC,IAAI,EAAEC,UAAU,CAACC,eAAgB;AAACC,MAAAA,EAAE,EAAC,MAAM;AAAChB,MAAAA,SAAS,EAAED,KAAK,CAAC,gBAAgB,CAAE;AAAAW,MAAAA,QAAA,EAClFxB;AAAK,KACF,CACP;AAAA,GACE,CAAC;AAEV;AAEA,MAAMkB,gBAAgB,GAAItB,IAA+B,IAAc;AACrE,EAAA,QAAQA,IAAI;IACV,KAAKC,IAAI,CAACmB,KAAK;IACf,KAAKnB,IAAI,CAACkC,WAAW;MACnB,OAAOlC,IAAI,CAACmB,KAAK;IAEnB,KAAKnB,IAAI,CAACmC,WAAW;IACrB,KAAKnC,IAAI,CAACoC,KAAK;IACf,KAAKpC,IAAI,CAACC,MAAM;AAChB,IAAA;MACE,OAAOD,IAAI,CAACC,MAAM;AACtB;AACF,CAAC;;"}
+{"version":3,"file":"Loader.mjs","sources":["../../src/Loader/Loader.tsx"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport { clsx } from 'clsx';\nimport { ReactNode, useEffect, useState } from 'react';\n\nimport Body from '../Body';\nimport { Size, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';\nimport { Typography } from '../common/PropsValues/typography';\n\n// TODO: We gracefully deprecated xs, lg and xl -- remove these as part of a future breaking change to this component\ntype DeprecatedSize = SizeExtraSmall | SizeLarge | SizeExtraLarge;\n\ntype SizeType = SizeSmall | SizeMedium;\n\nexport type LoaderProps = {\n  /**\n   * @deprecated Use `size` instead.\n   * @default false\n   */\n  small?: boolean;\n  /** @default 'md' */\n  size?: SizeType | DeprecatedSize;\n  /** @default false */\n  displayInstantly?: boolean;\n  /** Optional label displayed below the loader */\n  label?: ReactNode;\n  // TODO: refactor in favor of prop from `CommonProps` type\n  /** @default {} */\n  classNames?: Record<string, string>;\n  'data-testid'?: string;\n};\n\n/**\n * Loader component\n *\n * Docs link: https://storybook.wise.design/?path=/docs/loading-loader--docs\n *\n * @param root0\n * @param root0.small\n * @param root0.size\n * @param root0.classNames\n */\nconst Loader = ({\n  small = false,\n  size = Size.MEDIUM,\n  displayInstantly = false,\n  label,\n  classNames = {},\n  ...restProps\n}: LoaderProps) => {\n  const { theme } = useTheme();\n  const [hasDebounced, setHasDebounced] = useState(displayInstantly);\n\n  useEffect(() => {\n    let cancelled: boolean;\n    let timeout: ReturnType<typeof setTimeout> | undefined;\n\n    if (!displayInstantly) {\n      timeout = setTimeout(() => {\n        if (!cancelled) {\n          setHasDebounced(true);\n        }\n      }, 1000);\n    }\n\n    return () => {\n      cancelled = true;\n\n      clearTimeout(timeout);\n    };\n  }, []);\n\n  const style = (className: string): string => classNames[className] || className;\n  const legacySize: SizeType | DeprecatedSize = small ? Size.SMALL : size;\n  const supportedSize = getSupportedSize(legacySize);\n\n  if (theme === 'forest-green') {\n    // eslint-disable-next-line no-console\n    console.warn(\n      'Loader is forbidden to use with Forest Green theme. Check the https://docs.wise.design/components/screen-loader for more info.',\n    );\n    return <></>;\n  }\n\n  return (\n    <div className={style('tw-loader')} data-testid={restProps['data-testid']}>\n      <div\n        className={clsx(style('tw-loader-asset'), style(`tw-loader-asset--${supportedSize}`), {\n          'tw-loader-asset--visible': hasDebounced,\n        })}\n      />\n      {label && hasDebounced && (\n        <Body type={Typography.BODY_LARGE_BOLD} as=\"span\" className={style('text-secondary')}>\n          {label}\n        </Body>\n      )}\n    </div>\n  );\n};\n\nconst getSupportedSize = (size: SizeType | DeprecatedSize): SizeType => {\n  switch (size) {\n    case Size.SMALL:\n    case Size.EXTRA_SMALL:\n      return Size.SMALL;\n\n    case Size.EXTRA_LARGE:\n    case Size.LARGE:\n    case Size.MEDIUM:\n    default:\n      return Size.MEDIUM;\n  }\n};\n\nexport default Loader;\n"],"names":["Loader","small","size","Size","MEDIUM","displayInstantly","label","classNames","restProps","theme","useTheme","hasDebounced","setHasDebounced","useState","useEffect","cancelled","timeout","setTimeout","clearTimeout","style","className","legacySize","SMALL","supportedSize","getSupportedSize","console","warn","_jsx","_Fragment","_jsxs","children","clsx","Body","type","Typography","BODY_LARGE_BOLD","as","EXTRA_SMALL","EXTRA_LARGE","LARGE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,MAAMA,MAAM,GAAGA,CAAC;AACdC,EAAAA,KAAK,GAAG,KAAK;EACbC,IAAI,GAAGC,IAAI,CAACC,MAAM;AAClBC,EAAAA,gBAAgB,GAAG,KAAK;EACxBC,KAAK;EACLC,UAAU,GAAG,EAAE;EACf,GAAGC;AAAS,CACA,KAAI;EAChB,MAAM;AAAEC,IAAAA;GAAO,GAAGC,QAAQ,EAAE;EAC5B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAACR,gBAAgB,CAAC;AAElES,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIC,SAAkB;AACtB,IAAA,IAAIC,OAAkD;IAEtD,IAAI,CAACX,gBAAgB,EAAE;MACrBW,OAAO,GAAGC,UAAU,CAAC,MAAK;QACxB,IAAI,CAACF,SAAS,EAAE;UACdH,eAAe,CAAC,IAAI,CAAC;AACvB,QAAA;MACF,CAAC,EAAE,IAAI,CAAC;AACV,IAAA;AAEA,IAAA,OAAO,MAAK;AACVG,MAAAA,SAAS,GAAG,IAAI;MAEhBG,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,KAAK,GAAIC,SAAiB,IAAab,UAAU,CAACa,SAAS,CAAC,IAAIA,SAAS;EAC/E,MAAMC,UAAU,GAA8BpB,KAAK,GAAGE,IAAI,CAACmB,KAAK,GAAGpB,IAAI;AACvE,EAAA,MAAMqB,aAAa,GAAGC,gBAAgB,CAACH,UAAU,CAAC;EAElD,IAAIZ,KAAK,KAAK,cAAc,EAAE;AAC5B;AACAgB,IAAAA,OAAO,CAACC,IAAI,CACV,gIAAgI,CACjI;AACD,IAAA,oBAAOC,GAAA,CAAAC,QAAA,EAAA,GAAK;AACd,EAAA;AAEA,EAAA,oBACEC,IAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAED,KAAK,CAAC,WAAW,CAAE;IAAC,aAAA,EAAaX,SAAS,CAAC,aAAa,CAAE;AAAAsB,IAAAA,QAAA,gBACxEH,GAAA,CAAA,KAAA,EAAA;AACEP,MAAAA,SAAS,EAAEW,IAAI,CAACZ,KAAK,CAAC,iBAAiB,CAAC,EAAEA,KAAK,CAAC,CAAA,iBAAA,EAAoBI,aAAa,CAAA,CAAE,CAAC,EAAE;AACpF,QAAA,0BAA0B,EAAEZ;OAC7B;KAAE,CAEL,EAACL,KAAK,IAAIK,YAAY,iBACpBgB,GAAA,CAACK,IAAI,EAAA;MAACC,IAAI,EAAEC,UAAU,CAACC,eAAgB;AAACC,MAAAA,EAAE,EAAC,MAAM;AAAChB,MAAAA,SAAS,EAAED,KAAK,CAAC,gBAAgB,CAAE;AAAAW,MAAAA,QAAA,EAClFxB;AAAK,KACF,CACP;AAAA,GACE,CAAC;AAEV;AAEA,MAAMkB,gBAAgB,GAAItB,IAA+B,IAAc;AACrE,EAAA,QAAQA,IAAI;IACV,KAAKC,IAAI,CAACmB,KAAK;IACf,KAAKnB,IAAI,CAACkC,WAAW;MACnB,OAAOlC,IAAI,CAACmB,KAAK;IAEnB,KAAKnB,IAAI,CAACmC,WAAW;IACrB,KAAKnC,IAAI,CAACoC,KAAK;IACf,KAAKpC,IAAI,CAACC,MAAM;AAChB,IAAA;MACE,OAAOD,IAAI,CAACC,MAAM;AACtB;AACF,CAAC;;"}

package/build/Prompt/PrimitivePrompt/PrimitivePrompt.js

@@ -15,6 +15,7 @@ const PrimitivePrompt = /*#__PURE__*/React.forwardRef(({
   media,
   actions,
   onDismiss,
+  dismissButtonPriority = 'secondary',
   className,
   children,
   ...restProps
@@ -37,7 +38,7 @@ const PrimitivePrompt = /*#__PURE__*/React.forwardRef(({
         children: media
       }), children, onDismiss && /*#__PURE__*/jsxRuntime.jsx(IconButton.default, {
         size: 24,
-        priority: "secondary",
+        priority: dismissButtonPriority,
         "aria-label": intl.formatMessage(CloseButton_messages.default.ariaLabel),
         className: "wds-prompt__dismiss",
         onClick: onDismiss,

package/build/Prompt/PrimitivePrompt/PrimitivePrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePrompt.js","sources":["../../../src/Prompt/PrimitivePrompt/PrimitivePrompt.tsx"],"sourcesContent":["import { Cross } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport SentimentSurface, { Emphasis, Sentiment } from '../../SentimentSurface';\nimport IconButton from '../../IconButton';\nimport { useIntl } from 'react-intl';\nimport closeBtnMessages from '../../common/CloseButton/CloseButton.messages';\nimport { forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nexport type PrimitivePromptProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The sentiment determines the colour scheme.\n   * @default success\n   */\n  sentiment?: Sentiment;\n  /**\n   * The emphasis level affecting background and text contrast.\n   * @default 'base'\n   */\n  emphasis?: Emphasis;\n  /**\n   * Media to be displayed on the prompt (icon/image/etc).\n   */\n  media: ReactNode;\n  /**\n   * Any actions to be displayed on the prompt.\n   */\n  actions?: ReactNode;\n  /**\n   * Handler called when the close button is clicked. If not provided, then the close button is hidden.\n   */\n  onDismiss?: () => void;\n  /**\n   * Test ID for testing tools\n   */\n  'data-testid'?: string;\n};\n\n/**\n * PrimitivePrompt is a low-level component that provides the structure, sentiment support and styling for various prompts.\n * Uses several css variables to handle styling from within the consuming component, e.g. --Prompt-padding-x. */\nexport const PrimitivePrompt = forwardRef<HTMLDivElement, PrimitivePromptProps>(\n  (\n    {\n      sentiment = 'success',\n      emphasis = 'base',\n      media,\n      actions,\n      onDismiss,\n      className,\n      children,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const intl = useIntl();\n\n    return (\n      <SentimentSurface\n        // @ts-expect-error - SentimentSurface forwardRef types don't expose ref in props\n        ref={ref}\n        sentiment={sentiment}\n        emphasis={emphasis}\n        className={clsx('wds-prompt', `wds-prompt--${sentiment}`, className)}\n        {...restProps}\n      >\n        <div\n          className={clsx('wds-prompt__content-wrapper', {\n            'wds-prompt__content-wrapper--with-dismiss': !!onDismiss,\n          })}\n        >\n          <div className={clsx('wds-prompt__media-wrapper')}>{media}</div>\n          {children}\n          {onDismiss && (\n            <IconButton\n              size={24}\n              priority=\"secondary\"\n              aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n              className=\"wds-prompt__dismiss\"\n              onClick={onDismiss}\n            >\n              <Cross />\n            </IconButton>\n          )}\n          {actions && <div className=\"wds-prompt__actions-wrapper\">{actions}</div>}\n        </div>\n      </SentimentSurface>\n    );\n  },\n);\n\nPrimitivePrompt.displayName = 'PrimitivePrompt';\n"],"names":["PrimitivePrompt","forwardRef","sentiment","emphasis","media","actions","onDismiss","className","children","restProps","ref","intl","useIntl","_jsx","SentimentSurface","clsx","_jsxs","IconButton","size","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross","displayName"],"mappings":";;;;;;;;;;;AAwCO,MAAMA,eAAe,gBAAGC,gBAAU,CACvC,CACE;AACEC,EAAAA,SAAS,GAAG,SAAS;AACrBC,EAAAA,QAAQ,GAAG,MAAM;EACjBC,KAAK;EACLC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,QAAQ;EACR,GAAGC;AAAS,CACb,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;AAEtB,EAAA,oBACEC,cAAA,CAACC;AACC;AAAA,IAAA;AACAJ,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,QAAQ,EAAEA,QAAS;IACnBI,SAAS,EAAEQ,SAAI,CAAC,YAAY,EAAE,eAAeb,SAAS,CAAA,CAAE,EAAEK,SAAS,CAAE;AAAA,IAAA,GACjEE,SAAS;AAAAD,IAAAA,QAAA,eAEbQ,eAAA,CAAA,KAAA,EAAA;AACET,MAAAA,SAAS,EAAEQ,SAAI,CAAC,6BAA6B,EAAE;QAC7C,2CAA2C,EAAE,CAAC,CAACT;AAChD,OAAA,CAAE;AAAAE,MAAAA,QAAA,gBAEHK,cAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAEQ,SAAI,CAAC,2BAA2B,CAAE;AAAAP,QAAAA,QAAA,EAAEJ;OAAW,CAC/D,EAACI,QAAQ,EACRF,SAAS,iBACRO,cAAA,CAACI,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,WAAW;AACpB,QAAA,YAAA,EAAYR,IAAI,CAACS,aAAa,CAACC,4BAAgB,CAACC,SAAS,CAAE;AAC3Df,QAAAA,SAAS,EAAC,qBAAqB;AAC/BgB,QAAAA,OAAO,EAAEjB,SAAU;AAAAE,QAAAA,QAAA,eAEnBK,cAAA,CAACW,WAAK,EAAA,EAAA;AACR,OAAY,CACb,EACAnB,OAAO,iBAAIQ,cAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAC,6BAA6B;AAAAC,QAAAA,QAAA,EAAEH;AAAO,OAAM,CAAC;KACrE;AACP,GAAkB,CAAC;AAEvB,CAAC;AAGHL,eAAe,CAACyB,WAAW,GAAG,iBAAiB;;"}
+{"version":3,"file":"PrimitivePrompt.js","sources":["../../../src/Prompt/PrimitivePrompt/PrimitivePrompt.tsx"],"sourcesContent":["import { Cross } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport SentimentSurface, { Emphasis, Sentiment } from '../../SentimentSurface';\nimport IconButton, { type IconButtonProps } from '../../IconButton';\nimport { useIntl } from 'react-intl';\nimport closeBtnMessages from '../../common/CloseButton/CloseButton.messages';\nimport { forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nexport type PrimitivePromptProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The sentiment determines the colour scheme.\n   * @default success\n   */\n  sentiment?: Sentiment;\n  /**\n   * The emphasis level affecting background and text contrast.\n   * @default 'base'\n   */\n  emphasis?: Emphasis;\n  /**\n   * Media to be displayed on the prompt (icon/image/etc).\n   */\n  media: ReactNode;\n  /**\n   * Any actions to be displayed on the prompt.\n   */\n  actions?: ReactNode;\n  /**\n   * Handler called when the close button is clicked. If not provided, then the close button is hidden.\n   */\n  onDismiss?: () => void;\n  /**\n   * The priority of the dismiss IconButton.\n   * @default 'secondary'\n   */\n  dismissButtonPriority?: IconButtonProps['priority'];\n  /**\n   * Test ID for testing tools\n   */\n  'data-testid'?: string;\n};\n\n/**\n * PrimitivePrompt is a low-level component that provides the structure, sentiment support and styling for various prompts.\n * Uses several css variables to handle styling from within the consuming component, e.g. --Prompt-padding-x. */\nexport const PrimitivePrompt = forwardRef<HTMLDivElement, PrimitivePromptProps>(\n  (\n    {\n      sentiment = 'success',\n      emphasis = 'base',\n      media,\n      actions,\n      onDismiss,\n      dismissButtonPriority = 'secondary',\n      className,\n      children,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const intl = useIntl();\n\n    return (\n      <SentimentSurface\n        // @ts-expect-error - SentimentSurface forwardRef types don't expose ref in props\n        ref={ref}\n        sentiment={sentiment}\n        emphasis={emphasis}\n        className={clsx('wds-prompt', `wds-prompt--${sentiment}`, className)}\n        {...restProps}\n      >\n        <div\n          className={clsx('wds-prompt__content-wrapper', {\n            'wds-prompt__content-wrapper--with-dismiss': !!onDismiss,\n          })}\n        >\n          <div className={clsx('wds-prompt__media-wrapper')}>{media}</div>\n          {children}\n          {onDismiss && (\n            <IconButton\n              size={24}\n              priority={dismissButtonPriority}\n              aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n              className=\"wds-prompt__dismiss\"\n              onClick={onDismiss}\n            >\n              <Cross />\n            </IconButton>\n          )}\n          {actions && <div className=\"wds-prompt__actions-wrapper\">{actions}</div>}\n        </div>\n      </SentimentSurface>\n    );\n  },\n);\n\nPrimitivePrompt.displayName = 'PrimitivePrompt';\n"],"names":["PrimitivePrompt","forwardRef","sentiment","emphasis","media","actions","onDismiss","dismissButtonPriority","className","children","restProps","ref","intl","useIntl","_jsx","SentimentSurface","clsx","_jsxs","IconButton","size","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross","displayName"],"mappings":";;;;;;;;;;;AA6CO,MAAMA,eAAe,gBAAGC,gBAAU,CACvC,CACE;AACEC,EAAAA,SAAS,GAAG,SAAS;AACrBC,EAAAA,QAAQ,GAAG,MAAM;EACjBC,KAAK;EACLC,OAAO;EACPC,SAAS;AACTC,EAAAA,qBAAqB,GAAG,WAAW;EACnCC,SAAS;EACTC,QAAQ;EACR,GAAGC;AAAS,CACb,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;AAEtB,EAAA,oBACEC,cAAA,CAACC;AACC;AAAA,IAAA;AACAJ,IAAAA,GAAG,EAAEA,GAAI;AACTT,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,QAAQ,EAAEA,QAAS;IACnBK,SAAS,EAAEQ,SAAI,CAAC,YAAY,EAAE,eAAed,SAAS,CAAA,CAAE,EAAEM,SAAS,CAAE;AAAA,IAAA,GACjEE,SAAS;AAAAD,IAAAA,QAAA,eAEbQ,eAAA,CAAA,KAAA,EAAA;AACET,MAAAA,SAAS,EAAEQ,SAAI,CAAC,6BAA6B,EAAE;QAC7C,2CAA2C,EAAE,CAAC,CAACV;AAChD,OAAA,CAAE;AAAAG,MAAAA,QAAA,gBAEHK,cAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAEQ,SAAI,CAAC,2BAA2B,CAAE;AAAAP,QAAAA,QAAA,EAAEL;OAAW,CAC/D,EAACK,QAAQ,EACRH,SAAS,iBACRQ,cAAA,CAACI,kBAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAEb,qBAAsB;AAChC,QAAA,YAAA,EAAYK,IAAI,CAACS,aAAa,CAACC,4BAAgB,CAACC,SAAS,CAAE;AAC3Df,QAAAA,SAAS,EAAC,qBAAqB;AAC/BgB,QAAAA,OAAO,EAAElB,SAAU;AAAAG,QAAAA,QAAA,eAEnBK,cAAA,CAACW,WAAK,EAAA,EAAA;AACR,OAAY,CACb,EACApB,OAAO,iBAAIS,cAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAC,6BAA6B;AAAAC,QAAAA,QAAA,EAAEJ;AAAO,OAAM,CAAC;KACrE;AACP,GAAkB,CAAC;AAEvB,CAAC;AAGHL,eAAe,CAAC0B,WAAW,GAAG,iBAAiB;;"}

package/build/Prompt/PrimitivePrompt/PrimitivePrompt.mjs

@@ -13,6 +13,7 @@ const PrimitivePrompt = /*#__PURE__*/forwardRef(({
   media,
   actions,
   onDismiss,
+  dismissButtonPriority = 'secondary',
   className,
   children,
   ...restProps
@@ -35,7 +36,7 @@ const PrimitivePrompt = /*#__PURE__*/forwardRef(({
         children: media
       }), children, onDismiss && /*#__PURE__*/jsx(IconButton, {
         size: 24,
-        priority: "secondary",
+        priority: dismissButtonPriority,
         "aria-label": intl.formatMessage(closeBtnMessages.ariaLabel),
         className: "wds-prompt__dismiss",
         onClick: onDismiss,

package/build/Prompt/PrimitivePrompt/PrimitivePrompt.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PrimitivePrompt.mjs","sources":["../../../src/Prompt/PrimitivePrompt/PrimitivePrompt.tsx"],"sourcesContent":["import { Cross } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport SentimentSurface, { Emphasis, Sentiment } from '../../SentimentSurface';\nimport IconButton from '../../IconButton';\nimport { useIntl } from 'react-intl';\nimport closeBtnMessages from '../../common/CloseButton/CloseButton.messages';\nimport { forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nexport type PrimitivePromptProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The sentiment determines the colour scheme.\n   * @default success\n   */\n  sentiment?: Sentiment;\n  /**\n   * The emphasis level affecting background and text contrast.\n   * @default 'base'\n   */\n  emphasis?: Emphasis;\n  /**\n   * Media to be displayed on the prompt (icon/image/etc).\n   */\n  media: ReactNode;\n  /**\n   * Any actions to be displayed on the prompt.\n   */\n  actions?: ReactNode;\n  /**\n   * Handler called when the close button is clicked. If not provided, then the close button is hidden.\n   */\n  onDismiss?: () => void;\n  /**\n   * Test ID for testing tools\n   */\n  'data-testid'?: string;\n};\n\n/**\n * PrimitivePrompt is a low-level component that provides the structure, sentiment support and styling for various prompts.\n * Uses several css variables to handle styling from within the consuming component, e.g. --Prompt-padding-x. */\nexport const PrimitivePrompt = forwardRef<HTMLDivElement, PrimitivePromptProps>(\n  (\n    {\n      sentiment = 'success',\n      emphasis = 'base',\n      media,\n      actions,\n      onDismiss,\n      className,\n      children,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const intl = useIntl();\n\n    return (\n      <SentimentSurface\n        // @ts-expect-error - SentimentSurface forwardRef types don't expose ref in props\n        ref={ref}\n        sentiment={sentiment}\n        emphasis={emphasis}\n        className={clsx('wds-prompt', `wds-prompt--${sentiment}`, className)}\n        {...restProps}\n      >\n        <div\n          className={clsx('wds-prompt__content-wrapper', {\n            'wds-prompt__content-wrapper--with-dismiss': !!onDismiss,\n          })}\n        >\n          <div className={clsx('wds-prompt__media-wrapper')}>{media}</div>\n          {children}\n          {onDismiss && (\n            <IconButton\n              size={24}\n              priority=\"secondary\"\n              aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n              className=\"wds-prompt__dismiss\"\n              onClick={onDismiss}\n            >\n              <Cross />\n            </IconButton>\n          )}\n          {actions && <div className=\"wds-prompt__actions-wrapper\">{actions}</div>}\n        </div>\n      </SentimentSurface>\n    );\n  },\n);\n\nPrimitivePrompt.displayName = 'PrimitivePrompt';\n"],"names":["PrimitivePrompt","forwardRef","sentiment","emphasis","media","actions","onDismiss","className","children","restProps","ref","intl","useIntl","_jsx","SentimentSurface","clsx","_jsxs","IconButton","size","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross","displayName"],"mappings":";;;;;;;;;AAwCO,MAAMA,eAAe,gBAAGC,UAAU,CACvC,CACE;AACEC,EAAAA,SAAS,GAAG,SAAS;AACrBC,EAAAA,QAAQ,GAAG,MAAM;EACjBC,KAAK;EACLC,OAAO;EACPC,SAAS;EACTC,SAAS;EACTC,QAAQ;EACR,GAAGC;AAAS,CACb,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;AAEtB,EAAA,oBACEC,GAAA,CAACC;AACC;AAAA,IAAA;AACAJ,IAAAA,GAAG,EAAEA,GAAI;AACTR,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,QAAQ,EAAEA,QAAS;IACnBI,SAAS,EAAEQ,IAAI,CAAC,YAAY,EAAE,eAAeb,SAAS,CAAA,CAAE,EAAEK,SAAS,CAAE;AAAA,IAAA,GACjEE,SAAS;AAAAD,IAAAA,QAAA,eAEbQ,IAAA,CAAA,KAAA,EAAA;AACET,MAAAA,SAAS,EAAEQ,IAAI,CAAC,6BAA6B,EAAE;QAC7C,2CAA2C,EAAE,CAAC,CAACT;AAChD,OAAA,CAAE;AAAAE,MAAAA,QAAA,gBAEHK,GAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAEQ,IAAI,CAAC,2BAA2B,CAAE;AAAAP,QAAAA,QAAA,EAAEJ;OAAW,CAC/D,EAACI,QAAQ,EACRF,SAAS,iBACRO,GAAA,CAACI,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAC,WAAW;AACpB,QAAA,YAAA,EAAYR,IAAI,CAACS,aAAa,CAACC,gBAAgB,CAACC,SAAS,CAAE;AAC3Df,QAAAA,SAAS,EAAC,qBAAqB;AAC/BgB,QAAAA,OAAO,EAAEjB,SAAU;AAAAE,QAAAA,QAAA,eAEnBK,GAAA,CAACW,KAAK,EAAA,EAAA;AACR,OAAY,CACb,EACAnB,OAAO,iBAAIQ,GAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAC,6BAA6B;AAAAC,QAAAA,QAAA,EAAEH;AAAO,OAAM,CAAC;KACrE;AACP,GAAkB,CAAC;AAEvB,CAAC;AAGHL,eAAe,CAACyB,WAAW,GAAG,iBAAiB;;"}
+{"version":3,"file":"PrimitivePrompt.mjs","sources":["../../../src/Prompt/PrimitivePrompt/PrimitivePrompt.tsx"],"sourcesContent":["import { Cross } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport SentimentSurface, { Emphasis, Sentiment } from '../../SentimentSurface';\nimport IconButton, { type IconButtonProps } from '../../IconButton';\nimport { useIntl } from 'react-intl';\nimport closeBtnMessages from '../../common/CloseButton/CloseButton.messages';\nimport { forwardRef, HTMLAttributes, ReactNode } from 'react';\n\nexport type PrimitivePromptProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The sentiment determines the colour scheme.\n   * @default success\n   */\n  sentiment?: Sentiment;\n  /**\n   * The emphasis level affecting background and text contrast.\n   * @default 'base'\n   */\n  emphasis?: Emphasis;\n  /**\n   * Media to be displayed on the prompt (icon/image/etc).\n   */\n  media: ReactNode;\n  /**\n   * Any actions to be displayed on the prompt.\n   */\n  actions?: ReactNode;\n  /**\n   * Handler called when the close button is clicked. If not provided, then the close button is hidden.\n   */\n  onDismiss?: () => void;\n  /**\n   * The priority of the dismiss IconButton.\n   * @default 'secondary'\n   */\n  dismissButtonPriority?: IconButtonProps['priority'];\n  /**\n   * Test ID for testing tools\n   */\n  'data-testid'?: string;\n};\n\n/**\n * PrimitivePrompt is a low-level component that provides the structure, sentiment support and styling for various prompts.\n * Uses several css variables to handle styling from within the consuming component, e.g. --Prompt-padding-x. */\nexport const PrimitivePrompt = forwardRef<HTMLDivElement, PrimitivePromptProps>(\n  (\n    {\n      sentiment = 'success',\n      emphasis = 'base',\n      media,\n      actions,\n      onDismiss,\n      dismissButtonPriority = 'secondary',\n      className,\n      children,\n      ...restProps\n    },\n    ref,\n  ) => {\n    const intl = useIntl();\n\n    return (\n      <SentimentSurface\n        // @ts-expect-error - SentimentSurface forwardRef types don't expose ref in props\n        ref={ref}\n        sentiment={sentiment}\n        emphasis={emphasis}\n        className={clsx('wds-prompt', `wds-prompt--${sentiment}`, className)}\n        {...restProps}\n      >\n        <div\n          className={clsx('wds-prompt__content-wrapper', {\n            'wds-prompt__content-wrapper--with-dismiss': !!onDismiss,\n          })}\n        >\n          <div className={clsx('wds-prompt__media-wrapper')}>{media}</div>\n          {children}\n          {onDismiss && (\n            <IconButton\n              size={24}\n              priority={dismissButtonPriority}\n              aria-label={intl.formatMessage(closeBtnMessages.ariaLabel)}\n              className=\"wds-prompt__dismiss\"\n              onClick={onDismiss}\n            >\n              <Cross />\n            </IconButton>\n          )}\n          {actions && <div className=\"wds-prompt__actions-wrapper\">{actions}</div>}\n        </div>\n      </SentimentSurface>\n    );\n  },\n);\n\nPrimitivePrompt.displayName = 'PrimitivePrompt';\n"],"names":["PrimitivePrompt","forwardRef","sentiment","emphasis","media","actions","onDismiss","dismissButtonPriority","className","children","restProps","ref","intl","useIntl","_jsx","SentimentSurface","clsx","_jsxs","IconButton","size","priority","formatMessage","closeBtnMessages","ariaLabel","onClick","Cross","displayName"],"mappings":";;;;;;;;;AA6CO,MAAMA,eAAe,gBAAGC,UAAU,CACvC,CACE;AACEC,EAAAA,SAAS,GAAG,SAAS;AACrBC,EAAAA,QAAQ,GAAG,MAAM;EACjBC,KAAK;EACLC,OAAO;EACPC,SAAS;AACTC,EAAAA,qBAAqB,GAAG,WAAW;EACnCC,SAAS;EACTC,QAAQ;EACR,GAAGC;AAAS,CACb,EACDC,GAAG,KACD;AACF,EAAA,MAAMC,IAAI,GAAGC,OAAO,EAAE;AAEtB,EAAA,oBACEC,GAAA,CAACC;AACC;AAAA,IAAA;AACAJ,IAAAA,GAAG,EAAEA,GAAI;AACTT,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,QAAQ,EAAEA,QAAS;IACnBK,SAAS,EAAEQ,IAAI,CAAC,YAAY,EAAE,eAAed,SAAS,CAAA,CAAE,EAAEM,SAAS,CAAE;AAAA,IAAA,GACjEE,SAAS;AAAAD,IAAAA,QAAA,eAEbQ,IAAA,CAAA,KAAA,EAAA;AACET,MAAAA,SAAS,EAAEQ,IAAI,CAAC,6BAA6B,EAAE;QAC7C,2CAA2C,EAAE,CAAC,CAACV;AAChD,OAAA,CAAE;AAAAG,MAAAA,QAAA,gBAEHK,GAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAEQ,IAAI,CAAC,2BAA2B,CAAE;AAAAP,QAAAA,QAAA,EAAEL;OAAW,CAC/D,EAACK,QAAQ,EACRH,SAAS,iBACRQ,GAAA,CAACI,UAAU,EAAA;AACTC,QAAAA,IAAI,EAAE,EAAG;AACTC,QAAAA,QAAQ,EAAEb,qBAAsB;AAChC,QAAA,YAAA,EAAYK,IAAI,CAACS,aAAa,CAACC,gBAAgB,CAACC,SAAS,CAAE;AAC3Df,QAAAA,SAAS,EAAC,qBAAqB;AAC/BgB,QAAAA,OAAO,EAAElB,SAAU;AAAAG,QAAAA,QAAA,eAEnBK,GAAA,CAACW,KAAK,EAAA,EAAA;AACR,OAAY,CACb,EACApB,OAAO,iBAAIS,GAAA,CAAA,KAAA,EAAA;AAAKN,QAAAA,SAAS,EAAC,6BAA6B;AAAAC,QAAAA,QAAA,EAAEJ;AAAO,OAAM,CAAC;KACrE;AACP,GAAkB,CAAC;AAEvB,CAAC;AAGHL,eAAe,CAAC0B,WAAW,GAAG,iBAAiB;;"}

package/build/Prompt/Snackbar/Snackbar.js

@@ -0,0 +1,205 @@
+'use strict';
+
+var icons = require('@transferwise/icons');
+var React = require('react');
+var reactIntl = require('react-intl');
+var reactTransitionGroup = require('react-transition-group');
+var Button_resolver = require('../../Button/Button.resolver.js');
+var Body = require('../../Body/Body.js');
+require('../../common/theme.js');
+require('../../common/direction.js');
+require('@transferwise/neptune-tokens');
+require('../../common/PropsValues/control.js');
+require('../../common/PropsValues/size.js');
+require('../../common/PropsValues/typography.js');
+require('../../common/PropsValues/width.js');
+require('../../common/PropsValues/type.js');
+require('../../common/PropsValues/dateMode.js');
+require('../../common/PropsValues/monthFormat.js');
+require('../../common/PropsValues/position.js');
+require('../../common/PropsValues/layouts.js');
+require('../../common/PropsValues/status.js');
+require('../../common/PropsValues/sentiment.js');
+require('../../common/PropsValues/profileType.js');
+require('../../common/PropsValues/variant.js');
+require('../../common/PropsValues/scroll.js');
+require('../../common/PropsValues/markdownNodeType.js');
+require('../../common/fileType.js');
+require('@transferwise/formatting');
+require('clsx');
+require('../../common/CloseButton/CloseButton.messages.js');
+var jsxRuntime = require('react/jsx-runtime');
+var LiveRegion = require('../../common/LiveRegion/LiveRegion.js');
+var PrimitivePrompt = require('../PrimitivePrompt/PrimitivePrompt.js');
+var ProcessIndicator = require('../../ProcessIndicator/ProcessIndicator.js');
+var StatusIcon = require('../../StatusIcon/StatusIcon.js');
+var constants = require('./constants.js');
+var Snackbar_messages = require('./Snackbar.messages.js');
+var useSnackbarAutoDismiss = require('./useSnackbarAutoDismiss.js');
+var useSnackbarSwipeDismiss = require('./useSnackbarSwipeDismiss.js');
+
+const Snackbar = ({
+  action,
+  announcementKey,
+  duration,
+  loading = false,
+  media,
+  onDismissRequest,
+  onExited,
+  sentiment = 'neutral',
+  text,
+  timeout,
+  visible
+}) => {
+  const {
+    formatMessage
+  } = reactIntl.useIntl();
+  const {
+    handleBlur,
+    handleEntered,
+    handleFocus,
+    handleMouseEnter,
+    handleMouseLeave,
+    setSwiping,
+    surfaceRef
+  } = useSnackbarAutoDismiss.default({
+    duration,
+    loading,
+    onDismissRequest,
+    timeout,
+    visible
+  });
+  const {
+    clearSwipePosition,
+    containerRef,
+    handleClickCapture,
+    handlePointerCancel,
+    handlePointerDown,
+    handlePointerMove,
+    handlePointerUp
+  } = useSnackbarSwipeDismiss.default({
+    onDismissRequest,
+    onSwipeChange: setSwiping,
+    visible
+  });
+  React.useEffect(() => {
+    if (!visible) {
+      return undefined;
+    }
+    const handleKeyDown = event => {
+      if (event.key === 'Escape' && !event.defaultPrevented && !event.isComposing) {
+        onDismissRequest();
+      }
+    };
+    // Let document-level overlays consume Escape before this fallback handles it.
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, [visible, onDismissRequest]);
+  const handleActionClick = event => {
+    try {
+      action?.onClick?.(event);
+    } finally {
+      onDismissRequest();
+    }
+  };
+  const renderMedia = () => {
+    if (loading) {
+      return /*#__PURE__*/jsxRuntime.jsx(ProcessIndicator.default, {
+        className: "wds-Snackbar__process-indicator",
+        "data-testid": "Snackbar_ProcessIndicator",
+        size: "xs"
+      });
+    }
+    if (media) {
+      return /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "wds-Snackbar__media-asset",
+        children: media
+      });
+    }
+    if (sentiment === 'proposition') {
+      return /*#__PURE__*/jsxRuntime.jsx("span", {
+        className: "wds-Snackbar__media-asset",
+        children: /*#__PURE__*/jsxRuntime.jsx(icons.Tags, {
+          "aria-hidden": true,
+          size: 24
+        })
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(StatusIcon.default, {
+      sentiment: sentiment,
+      size: 24
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    ref: containerRef,
+    className: "wds-Snackbar",
+    style: {
+      '--Snackbar-enter-duration': `${constants.SNACKBAR_ENTER_DURATION}ms`,
+      '--Snackbar-exit-duration': `${constants.SNACKBAR_EXIT_DURATION}ms`
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx(reactTransitionGroup.CSSTransition, {
+      appear: true,
+      nodeRef: surfaceRef,
+      in: visible,
+      classNames: "wds-Snackbar-container",
+      timeout: {
+        appear: constants.SNACKBAR_ENTER_DURATION,
+        enter: constants.SNACKBAR_ENTER_DURATION,
+        exit: constants.SNACKBAR_EXIT_DURATION
+      },
+      unmountOnExit: true,
+      onEntered: handleEntered,
+      onExited: () => {
+        clearSwipePosition();
+        onExited();
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(PrimitivePrompt.PrimitivePrompt, {
+        ref: surfaceRef,
+        className: "wds-Snackbar-container",
+        sentiment: loading ? 'neutral' : sentiment,
+        emphasis: "elevated",
+        media: renderMedia(),
+        dismissButtonPriority: "minimal",
+        onDismiss: onDismissRequest,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onFocus: handleFocus,
+        onBlur: handleBlur,
+        onClickCapture: handleClickCapture,
+        onDragStart: event => event.preventDefault(),
+        onPointerDown: visible ? handlePointerDown : undefined,
+        onPointerMove: handlePointerMove,
+        onPointerUp: handlePointerUp,
+        onPointerCancel: handlePointerCancel,
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "wds-Snackbar__content",
+          children: [/*#__PURE__*/jsxRuntime.jsx(LiveRegion.LiveRegion, {
+            "aria-live": "polite",
+            announceOnChange: announcementKey,
+            className: "wds-Snackbar__message",
+            children: /*#__PURE__*/jsxRuntime.jsxs(Body.default, {
+              as: "span",
+              className: "wds-Snackbar__body",
+              children: [text, /*#__PURE__*/jsxRuntime.jsxs("span", {
+                className: "sr-only",
+                children: [" ", formatMessage(Snackbar_messages.default.escapeDismissHint)]
+              })]
+            })
+          }), action ? /*#__PURE__*/jsxRuntime.jsx(Button_resolver.default, {
+            className: "wds-Snackbar__action",
+            v2: true,
+            size: "sm",
+            priority: "secondary",
+            href: action.href,
+            target: action.target,
+            onClick: handleActionClick,
+            children: action.label
+          }) : null]
+        })
+      })
+    })
+  });
+};
+
+exports.Snackbar = Snackbar;
+//# sourceMappingURL=Snackbar.js.map

package/build/Prompt/Snackbar/Snackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.js","sources":["../../../src/Prompt/Snackbar/Snackbar.tsx"],"sourcesContent":["import { Tags } from '@transferwise/icons';\nimport { useEffect } from 'react';\nimport { useIntl } from 'react-intl';\nimport { CSSTransition } from 'react-transition-group';\n\nimport Button, { type ButtonReferenceType } from '../../Button';\nimport Body from '../../Body';\nimport { LiveRegion } from '../../common';\nimport type { ThemeDark, ThemeLight } from '../../common';\nimport { PrimitivePrompt } from '../PrimitivePrompt';\nimport ProcessIndicator from '../../ProcessIndicator';\nimport type { Sentiment } from '../../SentimentSurface';\nimport StatusIcon from '../../StatusIcon';\n\nimport { SNACKBAR_ENTER_DURATION, SNACKBAR_EXIT_DURATION } from './constants';\nimport messages from './Snackbar.messages';\nimport type { SnackbarAction, SnackbarDuration } from './Snackbar.types';\nimport useSnackbarAutoDismiss from './useSnackbarAutoDismiss';\nimport useSnackbarSwipeDismiss from './useSnackbarSwipeDismiss';\n\n/**\n * Props for the controlled Snackbar surface, including provider-managed lifecycle controls.\n * Use SnackbarCreationProps when creating notifications through SnackbarProvider/useSnackbar.\n */\nexport interface SnackbarProps {\n  /** One optional callback or navigation action. Activating it dismisses after its callback runs. */\n  action?: SnackbarAction;\n  /** Changes for each new Snackbar so LiveRegion re-announces it. */\n  announcementKey: number;\n  /**\n   * Controls auto-dismiss with a four-second, six-second or indefinite duration after entry finishes.\n   * Takes precedence over the deprecated `timeout`.\n   * When neither option is supplied, the default is 4000ms (previously 4500ms).\n   * @default 'default'\n   */\n  duration?: SnackbarDuration;\n  /**\n   * Replaces the media with a progress indicator, uses neutral styling and prevents auto-dismiss.\n   * Takes precedence over `media`, `sentiment`, `duration` and the deprecated `timeout`.\n   * @default false\n   */\n  loading?: boolean;\n  /** Overrides sentiment-derived media with content for the 24×24px media slot. */\n  media?: React.ReactNode;\n  /**\n   * Called once after this Snackbar finishes exiting, including after an action (e.g. Undo)\n   * or replacement by a newer Snackbar. The action callback runs first.\n   * Not called for Snackbars discarded before being shown, such as earlier creates batched\n   * before the first render.\n   */\n  onDismiss?: () => void;\n  /** Requests an exit; the provider retains the surface until onExited confirms it has finished. */\n  onDismissRequest: () => void;\n  /** Called after the exit animation so the provider can unmount active or show its replacement. */\n  onExited: () => void;\n  /**\n   * Controls the sentiment surface and default media.\n   * @default 'neutral'\n   */\n  sentiment?: Sentiment;\n  /** Message content. Empty strings or absent text dismiss without creating a blank replacement. */\n  text: React.ReactNode;\n  /** @deprecated Has no effect. Snackbar theming is based on ThemeProvider. */\n  theme?: ThemeLight | ThemeDark;\n  /**\n   * @deprecated Use `duration` instead. Explicit millisecond values remain supported and are not\n   * automatically remapped when no `duration` is supplied.\n   * To migrate, use `default` for 0–5000ms, `extended` for values above 5000ms, and `indefinite`\n   * for intentionally persistent notifications.\n   */\n  timeout?: number;\n  /** @deprecated Has no effect when using SnackbarProvider, which manages Snackbar identity. */\n  timestamp?: number;\n  /** Controls entry/exit; the surface does not manage visibility itself. */\n  visible: boolean;\n}\n\nexport const Snackbar = ({\n  action,\n  announcementKey,\n  duration,\n  loading = false,\n  media,\n  onDismissRequest,\n  onExited,\n  sentiment = 'neutral',\n  text,\n  timeout,\n  visible,\n}: SnackbarProps) => {\n  const { formatMessage } = useIntl();\n  const {\n    handleBlur,\n    handleEntered,\n    handleFocus,\n    handleMouseEnter,\n    handleMouseLeave,\n    setSwiping,\n    surfaceRef,\n  } = useSnackbarAutoDismiss({\n    duration,\n    loading,\n    onDismissRequest,\n    timeout,\n    visible,\n  });\n  const {\n    clearSwipePosition,\n    containerRef,\n    handleClickCapture,\n    handlePointerCancel,\n    handlePointerDown,\n    handlePointerMove,\n    handlePointerUp,\n  } = useSnackbarSwipeDismiss({ onDismissRequest, onSwipeChange: setSwiping, visible });\n\n  useEffect(() => {\n    if (!visible) {\n      return undefined;\n    }\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && !event.defaultPrevented && !event.isComposing) {\n        onDismissRequest();\n      }\n    };\n\n    // Let document-level overlays consume Escape before this fallback handles it.\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [visible, onDismissRequest]);\n\n  const handleActionClick: React.MouseEventHandler<ButtonReferenceType> = (event) => {\n    try {\n      action?.onClick?.(event);\n    } finally {\n      onDismissRequest();\n    }\n  };\n\n  const renderMedia = () => {\n    if (loading) {\n      return (\n        <ProcessIndicator\n          className=\"wds-Snackbar__process-indicator\"\n          data-testid=\"Snackbar_ProcessIndicator\"\n          size=\"xs\"\n        />\n      );\n    }\n\n    if (media) {\n      return <span className=\"wds-Snackbar__media-asset\">{media}</span>;\n    }\n\n    if (sentiment === 'proposition') {\n      return (\n        <span className=\"wds-Snackbar__media-asset\">\n          <Tags aria-hidden size={24} />\n        </span>\n      );\n    }\n\n    return <StatusIcon sentiment={sentiment} size={24} />;\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"wds-Snackbar\"\n      style={\n        {\n          '--Snackbar-enter-duration': `${SNACKBAR_ENTER_DURATION}ms`,\n          '--Snackbar-exit-duration': `${SNACKBAR_EXIT_DURATION}ms`,\n        } as React.CSSProperties\n      }\n    >\n      <CSSTransition\n        appear\n        nodeRef={surfaceRef}\n        in={visible}\n        classNames=\"wds-Snackbar-container\"\n        timeout={{\n          appear: SNACKBAR_ENTER_DURATION,\n          enter: SNACKBAR_ENTER_DURATION,\n          exit: SNACKBAR_EXIT_DURATION,\n        }}\n        unmountOnExit\n        onEntered={handleEntered}\n        onExited={() => {\n          clearSwipePosition();\n          onExited();\n        }}\n      >\n        <PrimitivePrompt\n          ref={surfaceRef}\n          className=\"wds-Snackbar-container\"\n          sentiment={loading ? 'neutral' : sentiment}\n          emphasis=\"elevated\"\n          media={renderMedia()}\n          dismissButtonPriority=\"minimal\"\n          onDismiss={onDismissRequest}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onClickCapture={handleClickCapture}\n          onDragStart={(event) => event.preventDefault()}\n          onPointerDown={visible ? handlePointerDown : undefined}\n          onPointerMove={handlePointerMove}\n          onPointerUp={handlePointerUp}\n          onPointerCancel={handlePointerCancel}\n        >\n          <div className=\"wds-Snackbar__content\">\n            <LiveRegion\n              aria-live=\"polite\"\n              announceOnChange={announcementKey}\n              className=\"wds-Snackbar__message\"\n            >\n              <Body as=\"span\" className=\"wds-Snackbar__body\">\n                {text}\n                <span className=\"sr-only\"> {formatMessage(messages.escapeDismissHint)}</span>\n              </Body>\n            </LiveRegion>\n            {action ? (\n              <Button\n                className=\"wds-Snackbar__action\"\n                v2\n                size=\"sm\"\n                priority=\"secondary\"\n                href={action.href}\n                target={action.target}\n                onClick={handleActionClick}\n              >\n                {action.label}\n              </Button>\n            ) : null}\n          </div>\n        </PrimitivePrompt>\n      </CSSTransition>\n    </div>\n  );\n};\n\nexport default Snackbar;\n"],"names":["Snackbar","action","announcementKey","duration","loading","media","onDismissRequest","onExited","sentiment","text","timeout","visible","formatMessage","useIntl","handleBlur","handleEntered","handleFocus","handleMouseEnter","handleMouseLeave","setSwiping","surfaceRef","useSnackbarAutoDismiss","clearSwipePosition","containerRef","handleClickCapture","handlePointerCancel","handlePointerDown","handlePointerMove","handlePointerUp","useSnackbarSwipeDismiss","onSwipeChange","useEffect","undefined","handleKeyDown","event","key","defaultPrevented","isComposing","window","addEventListener","removeEventListener","handleActionClick","onClick","renderMedia","_jsx","ProcessIndicator","className","size","children","Tags","StatusIcon","ref","style","SNACKBAR_ENTER_DURATION","SNACKBAR_EXIT_DURATION","CSSTransition","appear","nodeRef","in","classNames","enter","exit","unmountOnExit","onEntered","PrimitivePrompt","emphasis","dismissButtonPriority","onDismiss","onMouseEnter","onMouseLeave","onFocus","onBlur","onClickCapture","onDragStart","preventDefault","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","_jsxs","LiveRegion","announceOnChange","Body","as","messages","escapeDismissHint","Button","v2","priority","href","target","label"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EO,MAAMA,QAAQ,GAAGA,CAAC;EACvBC,MAAM;EACNC,eAAe;EACfC,QAAQ;AACRC,EAAAA,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC,gBAAgB;EAChBC,QAAQ;AACRC,EAAAA,SAAS,GAAG,SAAS;EACrBC,IAAI;EACJC,OAAO;AACPC,EAAAA;AAAO,CACO,KAAI;EAClB,MAAM;AAAEC,IAAAA;GAAe,GAAGC,iBAAO,EAAE;EACnC,MAAM;IACJC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,gBAAgB;IAChBC,gBAAgB;IAChBC,UAAU;AACVC,IAAAA;GACD,GAAGC,8BAAsB,CAAC;IACzBlB,QAAQ;IACRC,OAAO;IACPE,gBAAgB;IAChBI,OAAO;AACPC,IAAAA;AACD,GAAA,CAAC;EACF,MAAM;IACJW,kBAAkB;IAClBC,YAAY;IACZC,kBAAkB;IAClBC,mBAAmB;IACnBC,iBAAiB;IACjBC,iBAAiB;AACjBC,IAAAA;GACD,GAAGC,+BAAuB,CAAC;IAAEvB,gBAAgB;AAAEwB,IAAAA,aAAa,EAAEX,UAAU;AAAER,IAAAA;AAAO,GAAE,CAAC;AAErFoB,EAAAA,eAAS,CAAC,MAAK;IACb,IAAI,CAACpB,OAAO,EAAE;AACZ,MAAA,OAAOqB,SAAS;AAClB,IAAA;IAEA,MAAMC,aAAa,GAAIC,KAAoB,IAAI;AAC7C,MAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,QAAQ,IAAI,CAACD,KAAK,CAACE,gBAAgB,IAAI,CAACF,KAAK,CAACG,WAAW,EAAE;AAC3E/B,QAAAA,gBAAgB,EAAE;AACpB,MAAA;IACF,CAAC;AAED;AACAgC,IAAAA,MAAM,CAACC,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC;IACjD,OAAO,MAAMK,MAAM,CAACE,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC;AACnE,EAAA,CAAC,EAAE,CAACtB,OAAO,EAAEL,gBAAgB,CAAC,CAAC;EAE/B,MAAMmC,iBAAiB,GAAkDP,KAAK,IAAI;IAChF,IAAI;AACFjC,MAAAA,MAAM,EAAEyC,OAAO,GAAGR,KAAK,CAAC;AAC1B,IAAA,CAAC,SAAS;AACR5B,MAAAA,gBAAgB,EAAE;AACpB,IAAA;EACF,CAAC;EAED,MAAMqC,WAAW,GAAGA,MAAK;AACvB,IAAA,IAAIvC,OAAO,EAAE;MACX,oBACEwC,cAAA,CAACC,wBAAgB,EAAA;AACfC,QAAAA,SAAS,EAAC,iCAAiC;AAC3C,QAAA,aAAA,EAAY,2BAA2B;AACvCC,QAAAA,IAAI,EAAC;AAAI,OAAA,CACT;AAEN,IAAA;AAEA,IAAA,IAAI1C,KAAK,EAAE;AACT,MAAA,oBAAOuC,cAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,2BAA2B;AAAAE,QAAAA,QAAA,EAAE3C;AAAK,OAAO,CAAC;AACnE,IAAA;IAEA,IAAIG,SAAS,KAAK,aAAa,EAAE;AAC/B,MAAA,oBACEoC,cAAA,CAAA,MAAA,EAAA;AAAME,QAAAA,SAAS,EAAC,2BAA2B;QAAAE,QAAA,eACzCJ,cAAA,CAACK,UAAI,EAAA;UAAC,aAAA,EAAA,IAAW;AAACF,UAAAA,IAAI,EAAE;SAAG;AAC7B,OAAM,CAAC;AAEX,IAAA;IAEA,oBAAOH,cAAA,CAACM,kBAAU,EAAA;AAAC1C,MAAAA,SAAS,EAAEA,SAAU;AAACuC,MAAAA,IAAI,EAAE;AAAG,MAAG;EACvD,CAAC;AAED,EAAA,oBACEH,cAAA,CAAA,KAAA,EAAA;AACEO,IAAAA,GAAG,EAAE5B,YAAa;AAClBuB,IAAAA,SAAS,EAAC,cAAc;AACxBM,IAAAA,KAAK,EACH;MACE,2BAA2B,EAAE,CAAA,EAAGC,iCAAuB,CAAA,EAAA,CAAI;MAC3D,0BAA0B,EAAE,GAAGC,gCAAsB,CAAA,EAAA;KAExD;IAAAN,QAAA,eAEDJ,cAAA,CAACW,kCAAa,EAAA;MACZC,MAAM,EAAA,IAAA;AACNC,MAAAA,OAAO,EAAErC,UAAW;AACpBsC,MAAAA,EAAE,EAAE/C,OAAQ;AACZgD,MAAAA,UAAU,EAAC,wBAAwB;AACnCjD,MAAAA,OAAO,EAAE;AACP8C,QAAAA,MAAM,EAAEH,iCAAuB;AAC/BO,QAAAA,KAAK,EAAEP,iCAAuB;AAC9BQ,QAAAA,IAAI,EAAEP;OACN;MACFQ,aAAa,EAAA,IAAA;AACbC,MAAAA,SAAS,EAAEhD,aAAc;MACzBR,QAAQ,EAAEA,MAAK;AACbe,QAAAA,kBAAkB,EAAE;AACpBf,QAAAA,QAAQ,EAAE;MACZ,CAAE;MAAAyC,QAAA,eAEFJ,cAAA,CAACoB,+BAAe,EAAA;AACdb,QAAAA,GAAG,EAAE/B,UAAW;AAChB0B,QAAAA,SAAS,EAAC,wBAAwB;AAClCtC,QAAAA,SAAS,EAAEJ,OAAO,GAAG,SAAS,GAAGI,SAAU;AAC3CyD,QAAAA,QAAQ,EAAC,UAAU;QACnB5D,KAAK,EAAEsC,WAAW,EAAG;AACrBuB,QAAAA,qBAAqB,EAAC,SAAS;AAC/BC,QAAAA,SAAS,EAAE7D,gBAAiB;AAC5B8D,QAAAA,YAAY,EAAEnD,gBAAiB;AAC/BoD,QAAAA,YAAY,EAAEnD,gBAAiB;AAC/BoD,QAAAA,OAAO,EAAEtD,WAAY;AACrBuD,QAAAA,MAAM,EAAEzD,UAAW;AACnB0D,QAAAA,cAAc,EAAEhD,kBAAmB;AACnCiD,QAAAA,WAAW,EAAGvC,KAAK,IAAKA,KAAK,CAACwC,cAAc,EAAG;AAC/CC,QAAAA,aAAa,EAAEhE,OAAO,GAAGe,iBAAiB,GAAGM,SAAU;AACvD4C,QAAAA,aAAa,EAAEjD,iBAAkB;AACjCkD,QAAAA,WAAW,EAAEjD,eAAgB;AAC7BkD,QAAAA,eAAe,EAAErD,mBAAoB;AAAAuB,QAAAA,QAAA,eAErC+B,eAAA,CAAA,KAAA,EAAA;AAAKjC,UAAAA,SAAS,EAAC,uBAAuB;UAAAE,QAAA,EAAA,cACpCJ,cAAA,CAACoC,qBAAU,EAAA;AACT,YAAA,WAAA,EAAU,QAAQ;AAClBC,YAAAA,gBAAgB,EAAE/E,eAAgB;AAClC4C,YAAAA,SAAS,EAAC,uBAAuB;YAAAE,QAAA,eAEjC+B,eAAA,CAACG,YAAI,EAAA;AAACC,cAAAA,EAAE,EAAC,MAAM;AAACrC,cAAAA,SAAS,EAAC,oBAAoB;cAAAE,QAAA,EAAA,CAC3CvC,IAAI,eACLsE,eAAA,CAAA,MAAA,EAAA;AAAMjC,gBAAAA,SAAS,EAAC,SAAS;gBAAAE,QAAA,EAAA,CAAE,GAAA,EAACpC,aAAa,CAACwE,yBAAQ,CAACC,iBAAiB,CAAC;AAAA,eAAO,CAC9E;aAAM;AACR,WAAY,CACZ,EAACpF,MAAM,gBACL2C,cAAA,CAAC0C,uBAAM,EAAA;AACLxC,YAAAA,SAAS,EAAC,sBAAsB;YAChCyC,EAAE,EAAA,IAAA;AACFxC,YAAAA,IAAI,EAAC,IAAI;AACTyC,YAAAA,QAAQ,EAAC,WAAW;YACpBC,IAAI,EAAExF,MAAM,CAACwF,IAAK;YAClBC,MAAM,EAAEzF,MAAM,CAACyF,MAAO;AACtBhD,YAAAA,OAAO,EAAED,iBAAkB;YAAAO,QAAA,EAE1B/C,MAAM,CAAC0F;WACF,CAAC,GACP,IAAI;SACL;OACU;KACJ;AACjB,GAAK,CAAC;AAEV;;"}

package/build/Prompt/Snackbar/Snackbar.messages.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactIntl = require('react-intl');
+
+var messages = reactIntl.defineMessages({
+  escapeDismissHint: {
+    id: "neptune.Snackbar.escapeDismissHint"
+  }
+});
+
+exports.default = messages;
+//# sourceMappingURL=Snackbar.messages.js.map

package/build/Prompt/Snackbar/Snackbar.messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.messages.js","sources":["../../../src/Prompt/Snackbar/Snackbar.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  escapeDismissHint: {\n    id: 'neptune.Snackbar.escapeDismissHint',\n    defaultMessage: 'Press Escape to dismiss.',\n    description: 'Screen-reader instruction for dismissing a Snackbar without moving focus',\n  },\n});\n"],"names":["defineMessages","escapeDismissHint","id"],"mappings":";;;;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,iBAAiB,EAAE;IACjBC,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;"}

package/build/Prompt/Snackbar/Snackbar.messages.mjs

@@ -0,0 +1,10 @@
+import { defineMessages } from 'react-intl';
+
+var messages = defineMessages({
+  escapeDismissHint: {
+    id: "neptune.Snackbar.escapeDismissHint"
+  }
+});
+
+export { messages as default };
+//# sourceMappingURL=Snackbar.messages.mjs.map

package/build/Prompt/Snackbar/Snackbar.messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Snackbar.messages.mjs","sources":["../../../src/Prompt/Snackbar/Snackbar.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  escapeDismissHint: {\n    id: 'neptune.Snackbar.escapeDismissHint',\n    defaultMessage: 'Press Escape to dismiss.',\n    description: 'Screen-reader instruction for dismissing a Snackbar without moving focus',\n  },\n});\n"],"names":["defineMessages","escapeDismissHint","id"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,iBAAiB,EAAE;IACjBC,EAAE,EAAA;AAGH;AACF,CAAA,CAAC;;"}