@transferwise/components 46.50.1 → 46.52.0

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 classnames from 'classnames';\nimport { useEffect, useState } from 'react';\n\nimport { Size, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';\n\n// TODO: We gracefully depracated 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   */\n  small?: boolean;\n  size?: SizeType | DeprecatedSize;\n  displayInstantly?: boolean;\n  // TODO: refactor in favor of prop from `CommonProps` type\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  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://wise.design/components/screen-loader for more info.',\n    );\n    return <></>;\n  }\n\n  return (\n    <div\n      className={classnames(style('tw-loader'), style(`tw-loader--${supportedSize}`), {\n        'tw-loader--visible': hasDebounced,\n      })}\n      data-testid={restProps['data-testid']}\n    />\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","classNames","restProps","theme","useTheme","hasDebounced","setHasDebounced","useState","useEffect","cancelled","timeout","setTimeout","clearTimeout","style","className","legacySize","SMALL","supportedSize","getSupportedSize","console","warn","_jsx","_Fragment","classnames","EXTRA_SMALL","EXTRA_LARGE","LARGE"],"mappings":";;;;;;AAiCMA,MAAAA,MAAM,GAAGA,CAAC;AACdC,EAAAA,KAAK,GAAG,KAAK;EACbC,IAAI,GAAGC,IAAI,CAACC,MAAM;AAClBC,EAAAA,gBAAgB,GAAG,KAAK;cACxBC,YAAU,GAAG,EAAE;EACf,GAAGC,SAAAA;AACS,CAAA,KAAI;EAChB,MAAM;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,QAAQ,EAAE,CAAA;EAC5B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAACP,gBAAgB,CAAC,CAAA;AAElEQ,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIC,SAAkB,CAAA;AACtB,IAAA,IAAIC,OAAkD,CAAA;IAEtD,IAAI,CAACV,gBAAgB,EAAE;MACrBU,OAAO,GAAGC,UAAU,CAAC,MAAK;QACxB,IAAI,CAACF,SAAS,EAAE;UACdH,eAAe,CAAC,IAAI,CAAC,CAAA;AACvB,SAAA;OACD,EAAE,IAAI,CAAC,CAAA;AACV,KAAA;AAEA,IAAA,OAAO,MAAK;AACVG,MAAAA,SAAS,GAAG,IAAI,CAAA;MAEhBG,YAAY,CAACF,OAAO,CAAC,CAAA;KACtB,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;EAEN,MAAMG,KAAK,GAAIC,SAAiB,IAAab,YAAU,CAACa,SAAS,CAAC,IAAIA,SAAS,CAAA;EAC/E,MAAMC,UAAU,GAA8BnB,KAAK,GAAGE,IAAI,CAACkB,KAAK,GAAGnB,IAAI,CAAA;AACvE,EAAA,MAAMoB,aAAa,GAAGC,gBAAgB,CAACH,UAAU,CAAC,CAAA;EAElD,IAAIZ,KAAK,KAAK,cAAc,EAAE;AAC5B;AACAgB,IAAAA,OAAO,CAACC,IAAI,CACV,2HAA2H,CAC5H,CAAA;AACD,IAAA,oBAAOC,GAAA,CAAAC,QAAA,EAAA,GAAK,CAAA;AACd,GAAA;AAEA,EAAA,oBACED,GAAA,CAAA,KAAA,EAAA;AACEP,IAAAA,SAAS,EAAES,UAAU,CAACV,KAAK,CAAC,WAAW,CAAC,EAAEA,KAAK,CAAC,CAAA,WAAA,EAAcI,aAAa,CAAA,CAAE,CAAC,EAAE;AAC9E,MAAA,oBAAoB,EAAEZ,YAAAA;AACvB,KAAA,CAAE;IACH,aAAaH,EAAAA,SAAS,CAAC,aAAa,CAAA;AAAE,GACtC,CAAA,CAAA;AAEN,EAAC;AAED,MAAMgB,gBAAgB,GAAIrB,IAA+B,IAAc;AACrE,EAAA,QAAQA,IAAI;IACV,KAAKC,IAAI,CAACkB,KAAK,CAAA;IACf,KAAKlB,IAAI,CAAC0B,WAAW;MACnB,OAAO1B,IAAI,CAACkB,KAAK,CAAA;IAEnB,KAAKlB,IAAI,CAAC2B,WAAW,CAAA;IACrB,KAAK3B,IAAI,CAAC4B,KAAK,CAAA;IACf,KAAK5B,IAAI,CAACC,MAAM,CAAA;AAChB,IAAA;MACE,OAAOD,IAAI,CAACC,MAAM,CAAA;AACtB,GAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"Loader.mjs","sources":["../../src/loader/Loader.tsx"],"sourcesContent":["import { useTheme } from '@wise/components-theming';\nimport { clsx } from 'clsx';\nimport { useEffect, useState } from 'react';\n\nimport { Size, SizeExtraSmall, SizeSmall, SizeMedium, SizeLarge, SizeExtraLarge } from '../common';\n\n// TODO: We gracefully depracated 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   */\n  small?: boolean;\n  size?: SizeType | DeprecatedSize;\n  displayInstantly?: boolean;\n  // TODO: refactor in favor of prop from `CommonProps` type\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  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://wise.design/components/screen-loader for more info.',\n    );\n    return <></>;\n  }\n\n  return (\n    <div\n      className={clsx(style('tw-loader'), style(`tw-loader--${supportedSize}`), {\n        'tw-loader--visible': hasDebounced,\n      })}\n      data-testid={restProps['data-testid']}\n    />\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","classNames","restProps","theme","useTheme","hasDebounced","setHasDebounced","useState","useEffect","cancelled","timeout","setTimeout","clearTimeout","style","className","legacySize","SMALL","supportedSize","getSupportedSize","console","warn","_jsx","_Fragment","clsx","EXTRA_SMALL","EXTRA_LARGE","LARGE"],"mappings":";;;;;;AAiCMA,MAAAA,MAAM,GAAGA,CAAC;AACdC,EAAAA,KAAK,GAAG,KAAK;EACbC,IAAI,GAAGC,IAAI,CAACC,MAAM;AAClBC,EAAAA,gBAAgB,GAAG,KAAK;EACxBC,UAAU,GAAG,EAAE;EACf,GAAGC,SAAAA;AACS,CAAA,KAAI;EAChB,MAAM;AAAEC,IAAAA,KAAAA;GAAO,GAAGC,QAAQ,EAAE,CAAA;EAC5B,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAACP,gBAAgB,CAAC,CAAA;AAElEQ,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIC,SAAkB,CAAA;AACtB,IAAA,IAAIC,OAAkD,CAAA;IAEtD,IAAI,CAACV,gBAAgB,EAAE;MACrBU,OAAO,GAAGC,UAAU,CAAC,MAAK;QACxB,IAAI,CAACF,SAAS,EAAE;UACdH,eAAe,CAAC,IAAI,CAAC,CAAA;AACvB,SAAA;OACD,EAAE,IAAI,CAAC,CAAA;AACV,KAAA;AAEA,IAAA,OAAO,MAAK;AACVG,MAAAA,SAAS,GAAG,IAAI,CAAA;MAEhBG,YAAY,CAACF,OAAO,CAAC,CAAA;KACtB,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;EAEN,MAAMG,KAAK,GAAIC,SAAiB,IAAab,UAAU,CAACa,SAAS,CAAC,IAAIA,SAAS,CAAA;EAC/E,MAAMC,UAAU,GAA8BnB,KAAK,GAAGE,IAAI,CAACkB,KAAK,GAAGnB,IAAI,CAAA;AACvE,EAAA,MAAMoB,aAAa,GAAGC,gBAAgB,CAACH,UAAU,CAAC,CAAA;EAElD,IAAIZ,KAAK,KAAK,cAAc,EAAE;AAC5B;AACAgB,IAAAA,OAAO,CAACC,IAAI,CACV,2HAA2H,CAC5H,CAAA;AACD,IAAA,oBAAOC,GAAA,CAAAC,QAAA,EAAA,GAAK,CAAA;AACd,GAAA;AAEA,EAAA,oBACED,GAAA,CAAA,KAAA,EAAA;AACEP,IAAAA,SAAS,EAAES,IAAI,CAACV,KAAK,CAAC,WAAW,CAAC,EAAEA,KAAK,CAAC,CAAA,WAAA,EAAcI,aAAa,CAAA,CAAE,CAAC,EAAE;AACxE,MAAA,oBAAoB,EAAEZ,YAAAA;AACvB,KAAA,CAAE;IACH,aAAaH,EAAAA,SAAS,CAAC,aAAa,CAAA;AAAE,GACtC,CAAA,CAAA;AAEN,EAAC;AAED,MAAMgB,gBAAgB,GAAIrB,IAA+B,IAAc;AACrE,EAAA,QAAQA,IAAI;IACV,KAAKC,IAAI,CAACkB,KAAK,CAAA;IACf,KAAKlB,IAAI,CAAC0B,WAAW;MACnB,OAAO1B,IAAI,CAACkB,KAAK,CAAA;IAEnB,KAAKlB,IAAI,CAAC2B,WAAW,CAAA;IACrB,KAAK3B,IAAI,CAAC4B,KAAK,CAAA;IACf,KAAK5B,IAAI,CAACC,MAAM,CAAA;AAChB,IAAA;MACE,OAAOD,IAAI,CAACC,MAAM,CAAA;AACtB,GAAA;AACF,CAAC;;;;"}

package/build/logo/Logo.js

@@ -3,13 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var classNames = require('classnames');
+var clsx = require('clsx');
 var jsxRuntime = require('react/jsx-runtime');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
 var LogoFlagInverse = function LogoFlagInverse(props) {
   return /*#__PURE__*/jsxRuntime.jsx("svg", {
     ...props,
@@ -163,7 +159,7 @@ function Logo({
   return /*#__PURE__*/jsxRuntime.jsxs("span", {
     "aria-label": labelByType[type],
     role: "img",
-    className: classNames__default.default(className, 'np-logo'),
+    className: clsx.clsx(className, 'np-logo'),
     children: [/*#__PURE__*/jsxRuntime.jsx(LogoSm, {
       className: "np-logo-svg np-logo-svg--size-sm"
     }), /*#__PURE__*/jsxRuntime.jsx(LogoMd, {

package/build/logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","sources":["../../src/logo/Logo.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { ReactComponent as LogoFlagInverse } from './svg/flag-inverse.svg';\nimport { ReactComponent as LogoFlagPlatformInverse } from './svg/flag-platform-white.svg';\nimport { ReactComponent as LogoFlagPlatform } from './svg/flag-platform.svg';\nimport { ReactComponent as LogoFlag } from './svg/flag.svg';\nimport { ReactComponent as LogoWiseInverse } from './svg/logo-inverse.svg';\nimport { ReactComponent as LogoWisePlatformInverse } from './svg/logo-platform-white.svg';\nimport { ReactComponent as LogoWisePlatform } from './svg/logo-platform.svg';\nimport { ReactComponent as LogoWise } from './svg/logo.svg';\n\nconst svgPaths = {\n  WISE: LogoWise,\n  WISE_BUSINESS: LogoWise,\n  WISE_INVERSE: LogoWiseInverse,\n  WISE_BUSINESS_INVERSE: LogoWiseInverse,\n  WISE_PLATFORM: LogoWisePlatform,\n  WISE_PLATFORM_INVERSE: LogoWisePlatformInverse,\n  WISE_FLAG: LogoFlag,\n  WISE_FLAG_INVERSE: LogoFlagInverse,\n  WISE_FLAG_PLATFORM: LogoFlagPlatform,\n  WISE_FLAG_PLATFORM_INVERSE: LogoFlagPlatformInverse,\n};\n\nexport enum LogoType {\n  WISE = 'WISE',\n  WISE_BUSINESS = 'WISE_BUSINESS',\n  WISE_PLATFORM = 'WISE_PLATFORM',\n}\n\nexport interface LogoProps {\n  /** Extra classes applied to Logo */\n  className?: string;\n  /** If true, will use dark colours for dark on light theme */\n  inverse?: boolean;\n  /** What type of logo to display */\n  type?: `${LogoType}`;\n}\n\nconst labelByType = {\n  WISE: 'Wise',\n  WISE_BUSINESS: 'Wise Business',\n  WISE_PLATFORM: 'Wise Platform',\n} satisfies Record<`${LogoType}`, string>;\n\nexport default function Logo({ className, inverse, type = 'WISE' }: LogoProps) {\n  const LogoSm =\n    svgPaths[`WISE_FLAG${type === 'WISE_PLATFORM' ? '_PLATFORM' : ''}${inverse ? '_INVERSE' : ''}`];\n  const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];\n\n  return (\n    <span aria-label={labelByType[type]} role=\"img\" className={classNames(className, 'np-logo')}>\n      <LogoSm className=\"np-logo-svg np-logo-svg--size-sm\" />\n      <LogoMd className=\"np-logo-svg np-logo-svg--size-md\" />\n    </span>\n  );\n}\n"],"names":["LogoFlagInverse","props","_jsx","children","fill","d","defaultProps","xmlns","width","height","LogoFlagPlatformInverse","LogoFlagPlatform","LogoFlag","LogoWiseInverse","LogoWisePlatformInverse","LogoWisePlatform","LogoWise","svgPaths","WISE","WISE_BUSINESS","WISE_INVERSE","WISE_BUSINESS_INVERSE","WISE_PLATFORM","WISE_PLATFORM_INVERSE","WISE_FLAG","WISE_FLAG_INVERSE","WISE_FLAG_PLATFORM","WISE_FLAG_PLATFORM_INVERSE","LogoType","labelByType","Logo","className","inverse","type","LogoSm","LogoMd","_jsxs","role","classNames"],"mappings":"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"}
+{"version":3,"file":"Logo.js","sources":["../../src/logo/Logo.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport { ReactComponent as LogoFlagInverse } from './svg/flag-inverse.svg';\nimport { ReactComponent as LogoFlagPlatformInverse } from './svg/flag-platform-white.svg';\nimport { ReactComponent as LogoFlagPlatform } from './svg/flag-platform.svg';\nimport { ReactComponent as LogoFlag } from './svg/flag.svg';\nimport { ReactComponent as LogoWiseInverse } from './svg/logo-inverse.svg';\nimport { ReactComponent as LogoWisePlatformInverse } from './svg/logo-platform-white.svg';\nimport { ReactComponent as LogoWisePlatform } from './svg/logo-platform.svg';\nimport { ReactComponent as LogoWise } from './svg/logo.svg';\n\nconst svgPaths = {\n  WISE: LogoWise,\n  WISE_BUSINESS: LogoWise,\n  WISE_INVERSE: LogoWiseInverse,\n  WISE_BUSINESS_INVERSE: LogoWiseInverse,\n  WISE_PLATFORM: LogoWisePlatform,\n  WISE_PLATFORM_INVERSE: LogoWisePlatformInverse,\n  WISE_FLAG: LogoFlag,\n  WISE_FLAG_INVERSE: LogoFlagInverse,\n  WISE_FLAG_PLATFORM: LogoFlagPlatform,\n  WISE_FLAG_PLATFORM_INVERSE: LogoFlagPlatformInverse,\n};\n\nexport enum LogoType {\n  WISE = 'WISE',\n  WISE_BUSINESS = 'WISE_BUSINESS',\n  WISE_PLATFORM = 'WISE_PLATFORM',\n}\n\nexport interface LogoProps {\n  /** Extra classes applied to Logo */\n  className?: string;\n  /** If true, will use dark colours for dark on light theme */\n  inverse?: boolean;\n  /** What type of logo to display */\n  type?: `${LogoType}`;\n}\n\nconst labelByType = {\n  WISE: 'Wise',\n  WISE_BUSINESS: 'Wise Business',\n  WISE_PLATFORM: 'Wise Platform',\n} satisfies Record<`${LogoType}`, string>;\n\nexport default function Logo({ className, inverse, type = 'WISE' }: LogoProps) {\n  const LogoSm =\n    svgPaths[`WISE_FLAG${type === 'WISE_PLATFORM' ? '_PLATFORM' : ''}${inverse ? '_INVERSE' : ''}`];\n  const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];\n\n  return (\n    <span aria-label={labelByType[type]} role=\"img\" className={clsx(className, 'np-logo')}>\n      <LogoSm className=\"np-logo-svg np-logo-svg--size-sm\" />\n      <LogoMd className=\"np-logo-svg np-logo-svg--size-md\" />\n    </span>\n  );\n}\n"],"names":["LogoFlagInverse","props","_jsx","children","fill","d","defaultProps","xmlns","width","height","LogoFlagPlatformInverse","LogoFlagPlatform","LogoFlag","LogoWiseInverse","LogoWisePlatformInverse","LogoWisePlatform","LogoWise","svgPaths","WISE","WISE_BUSINESS","WISE_INVERSE","WISE_BUSINESS_INVERSE","WISE_PLATFORM","WISE_PLATFORM_INVERSE","WISE_FLAG","WISE_FLAG_INVERSE","WISE_FLAG_PLATFORM","WISE_FLAG_PLATFORM_INVERSE","LogoType","labelByType","Logo","className","inverse","type","LogoSm","LogoMd","_jsxs","role","clsx"],"mappings":"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"}

package/build/logo/Logo.mjs

@@ -1,5 +1,5 @@
 import 'react';
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var LogoFlagInverse = function LogoFlagInverse(props) {
@@ -155,7 +155,7 @@ function Logo({
   return /*#__PURE__*/jsxs("span", {
     "aria-label": labelByType[type],
     role: "img",
-    className: classNames(className, 'np-logo'),
+    className: clsx(className, 'np-logo'),
     children: [/*#__PURE__*/jsx(LogoSm, {
       className: "np-logo-svg np-logo-svg--size-sm"
     }), /*#__PURE__*/jsx(LogoMd, {

package/build/logo/Logo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.mjs","sources":["../../src/logo/Logo.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { ReactComponent as LogoFlagInverse } from './svg/flag-inverse.svg';\nimport { ReactComponent as LogoFlagPlatformInverse } from './svg/flag-platform-white.svg';\nimport { ReactComponent as LogoFlagPlatform } from './svg/flag-platform.svg';\nimport { ReactComponent as LogoFlag } from './svg/flag.svg';\nimport { ReactComponent as LogoWiseInverse } from './svg/logo-inverse.svg';\nimport { ReactComponent as LogoWisePlatformInverse } from './svg/logo-platform-white.svg';\nimport { ReactComponent as LogoWisePlatform } from './svg/logo-platform.svg';\nimport { ReactComponent as LogoWise } from './svg/logo.svg';\n\nconst svgPaths = {\n  WISE: LogoWise,\n  WISE_BUSINESS: LogoWise,\n  WISE_INVERSE: LogoWiseInverse,\n  WISE_BUSINESS_INVERSE: LogoWiseInverse,\n  WISE_PLATFORM: LogoWisePlatform,\n  WISE_PLATFORM_INVERSE: LogoWisePlatformInverse,\n  WISE_FLAG: LogoFlag,\n  WISE_FLAG_INVERSE: LogoFlagInverse,\n  WISE_FLAG_PLATFORM: LogoFlagPlatform,\n  WISE_FLAG_PLATFORM_INVERSE: LogoFlagPlatformInverse,\n};\n\nexport enum LogoType {\n  WISE = 'WISE',\n  WISE_BUSINESS = 'WISE_BUSINESS',\n  WISE_PLATFORM = 'WISE_PLATFORM',\n}\n\nexport interface LogoProps {\n  /** Extra classes applied to Logo */\n  className?: string;\n  /** If true, will use dark colours for dark on light theme */\n  inverse?: boolean;\n  /** What type of logo to display */\n  type?: `${LogoType}`;\n}\n\nconst labelByType = {\n  WISE: 'Wise',\n  WISE_BUSINESS: 'Wise Business',\n  WISE_PLATFORM: 'Wise Platform',\n} satisfies Record<`${LogoType}`, string>;\n\nexport default function Logo({ className, inverse, type = 'WISE' }: LogoProps) {\n  const LogoSm =\n    svgPaths[`WISE_FLAG${type === 'WISE_PLATFORM' ? '_PLATFORM' : ''}${inverse ? '_INVERSE' : ''}`];\n  const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];\n\n  return (\n    <span aria-label={labelByType[type]} role=\"img\" className={classNames(className, 'np-logo')}>\n      <LogoSm className=\"np-logo-svg np-logo-svg--size-sm\" />\n      <LogoMd className=\"np-logo-svg np-logo-svg--size-md\" />\n    </span>\n  );\n}\n"],"names":["LogoFlagInverse","props","_jsx","children","fill","d","defaultProps","xmlns","width","height","LogoFlagPlatformInverse","LogoFlagPlatform","LogoFlag","LogoWiseInverse","LogoWisePlatformInverse","LogoWisePlatform","LogoWise","svgPaths","WISE","WISE_BUSINESS","WISE_INVERSE","WISE_BUSINESS_INVERSE","WISE_PLATFORM","WISE_PLATFORM_INVERSE","WISE_FLAG","WISE_FLAG_INVERSE","WISE_FLAG_PLATFORM","WISE_FLAG_PLATFORM_INVERSE","LogoType","labelByType","Logo","className","inverse","type","LogoSm","LogoMd","_jsxs","role","classNames"],"mappings":";;;;AAAoC,IAETA,eAAe,GAAA,SAAfA,eAAeA,CAAAC,KAAA,EAAA;AAAA,EAAA,oBAAAC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAAAD,KAAA;AAAAE,IAAAA,QAAA,eAAAD,GAAA,CAAA,MAAA,EAAA;MAAAE,IAAA,EAAA,SAAA;MAAAC,CAAA,EAAA,2HAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAAfL,eAAe,CAAAM,YAAA,GAAA;EAAAC,KAAA,EAAA,4BAAA;EAAAC,KAAA,EAAA,IAAA;EAAAC,MAAA,EAAA,IAAA;EAAAL,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAAA,IACfM,uBAAuB,GAAA,SAAvBA,uBAAuBA,CAAAT,KAAA,EAAA;AAAA,EAAA,oBAAAC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAAAD,KAAA;AAAAE,IAAAA,QAAA,eAAAD,GAAA,CAAA,MAAA,EAAA;MAAAE,IAAA,EAAA,MAAA;MAAAC,CAAA,EAAA,utHAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAAvBK,uBAAuB,CAAAJ,YAAA,GAAA;EAAAC,KAAA,EAAA,4BAAA;EAAAC,KAAA,EAAA,KAAA;EAAAC,MAAA,EAAA,IAAA;EAAAL,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAAA,IACvBO,gBAAgB,GAAA,SAAhBA,gBAAgBA,CAAAV,KAAA,EAAA;AAAA,EAAA,oBAAAC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAAAD,KAAA;AAAAE,IAAAA,QAAA,eAAAD,GAAA,CAAA,MAAA,EAAA;MAAAE,IAAA,EAAA,SAAA;MAAAC,CAAA,EAAA,ytHAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAAhBM,gBAAgB,CAAAL,YAAA,GAAA;EAAAC,KAAA,EAAA,4BAAA;EAAAC,KAAA,EAAA,KAAA;EAAAC,MAAA,EAAA,IAAA;EAAAL,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAAA,IAChBQ,QAAQ,GAAA,SAARA,QAAQA,CAAAX,KAAA,EAAA;AAAA,EAAA,oBAAAC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAAAD,KAAA;AAAAE,IAAAA,QAAA,eAAAD,GAAA,CAAA,MAAA,EAAA;MAAAE,IAAA,EAAA,SAAA;MAAAC,CAAA,EAAA,2HAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAARO,QAAQ,CAAAN,YAAA,GAAA;EAAAC,KAAA,EAAA,4BAAA;EAAAC,KAAA,EAAA,IAAA;EAAAC,MAAA,EAAA,IAAA;EAAAL,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAAA,IACRS,eAAe,GAAA,SAAfA,eAAeA,CAAAZ,KAAA,EAAA;AAAA,EAAA,oBAAAC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAAAD,KAAA;AAAAE,IAAAA,QAAA,eAAAD,GAAA,CAAA,MAAA,EAAA;MAAAE,IAAA,EAAA,SAAA;MAAAC,CAAA,EAAA,yjCAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAAfQ,eAAe,CAAAP,YAAA,GAAA;EAAAC,KAAA,EAAA,4BAAA;EAAAC,KAAA,EAAA,KAAA;EAAAC,MAAA,EAAA,IAAA;EAAAL,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAAA,IACfU,uBAAuB,GAAA,SAAvBA,uBAAuBA,CAAAb,KAAA,EAAA;AAAA,EAAA,oBAAAC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAAAD,KAAA;AAAAE,IAAAA,QAAA,eAAAD,GAAA,CAAA,MAAA,EAAA;MAAAE,IAAA,EAAA,MAAA;MAAAC,CAAA,EAAA,6pJAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAAvBS,uBAAuB,CAAAR,YAAA,GAAA;EAAAC,KAAA,EAAA,4BAAA;EAAAC,KAAA,EAAA,KAAA;EAAAC,MAAA,EAAA,IAAA;EAAAL,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAAA,IACvBW,gBAAgB,GAAA,SAAhBA,gBAAgBA,CAAAd,KAAA,EAAA;AAAA,EAAA,oBAAAC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAAAD,KAAA;AAAAE,IAAAA,QAAA,eAAAD,GAAA,CAAA,MAAA,EAAA;MAAAE,IAAA,EAAA,SAAA;MAAAC,CAAA,EAAA,6pJAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAAhBU,gBAAgB,CAAAT,YAAA,GAAA;EAAAC,KAAA,EAAA,4BAAA;EAAAC,KAAA,EAAA,KAAA;EAAAC,MAAA,EAAA,IAAA;EAAAL,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAAA,IAChBY,QAAQ,GAAA,SAARA,QAAQA,CAAAf,KAAA,EAAA;AAAA,EAAA,oBAAAC,GAAA,CAAA,KAAA,EAAA;AAAA,IAAA,GAAAD,KAAA;AAAAE,IAAAA,QAAA,eAAAD,GAAA,CAAA,MAAA,EAAA;MAAAE,IAAA,EAAA,SAAA;MAAAC,CAAA,EAAA,yjCAAA;AAAA,KAAA,CAAA;AAAA,GAAA,CAAA,CAAA;AAAA,CAAA,CAAA;AAARW,QAAQ,CAAAV,YAAA,GAAA;EAAAC,KAAA,EAAA,4BAAA;EAAAC,KAAA,EAAA,KAAA;EAAAC,MAAA,EAAA,IAAA;EAAAL,IAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAEnC,MAAMa,QAAQ,GAAG;AACfC,EAAAA,IAAI,EAAEF,QAAQ;AACdG,EAAAA,aAAa,EAAEH,QAAQ;AACvBI,EAAAA,YAAY,EAAEP,eAAe;AAC7BQ,EAAAA,qBAAqB,EAAER,eAAe;AACtCS,EAAAA,aAAa,EAAEP,gBAAgB;AAC/BQ,EAAAA,qBAAqB,EAAET,uBAAuB;AAC9CU,EAAAA,SAAS,EAAEZ,QAAQ;AACnBa,EAAAA,iBAAiB,EAAEzB,eAAe;AAClC0B,EAAAA,kBAAkB,EAAEf,gBAAgB;AACpCgB,EAAAA,0BAA0B,EAAEjB,uBAAAA;CAC7B,CAAA;IAEWkB,SAIX;AAJD,CAAA,UAAYA,QAAQ,EAAA;AAClBA,EAAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,QAAA,CAAA,eAAA,CAAA,GAAA,eAA+B,CAAA;AAC/BA,EAAAA,QAAA,CAAA,eAAA,CAAA,GAAA,eAA+B,CAAA;AACjC,CAAC,EAJWA,QAAQ,KAARA,QAAQ,GAInB,EAAA,CAAA,CAAA,CAAA;AAWD,MAAMC,WAAW,GAAG;AAClBX,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,aAAa,EAAE,eAAe;AAC9BG,EAAAA,aAAa,EAAE,eAAA;CACwB,CAAA;AAEjB,SAAAQ,IAAIA,CAAC;EAAEC,SAAS;EAAEC,OAAO;AAAEC,EAAAA,IAAI,GAAG,MAAA;AAAmB,CAAA,EAAA;AAC3E,EAAA,MAAMC,MAAM,GACVjB,QAAQ,CAAC,CAAYgB,SAAAA,EAAAA,IAAI,KAAK,eAAe,GAAG,WAAW,GAAG,EAAE,GAAGD,OAAO,GAAG,UAAU,GAAG,EAAE,EAAE,CAAC,CAAA;AACjG,EAAA,MAAMG,MAAM,GAAGlB,QAAQ,CAAC,CAAGgB,EAAAA,IAAI,CAAGD,EAAAA,OAAO,GAAG,UAAU,GAAG,EAAE,EAAE,CAAC,CAAA;AAE9D,EAAA,oBACEI,IAAA,CAAA,MAAA,EAAA;IAAM,YAAYP,EAAAA,WAAW,CAACI,IAAI,CAAE;AAACI,IAAAA,IAAI,EAAC,KAAK;AAACN,IAAAA,SAAS,EAAEO,UAAU,CAACP,SAAS,EAAE,SAAS,CAAE;IAAA5B,QAAA,EAAA,cAC1FD,GAAA,CAACgC,MAAM,EAAA;AAACH,MAAAA,SAAS,EAAC,kCAAA;AAAkC,KACpD,CAAA,eAAA7B,GAAA,CAACiC,MAAM,EAAA;AAACJ,MAAAA,SAAS,EAAC,kCAAA;AAAkC,KACtD,CAAA,CAAA;AAAA,GAAM,CAAC,CAAA;AAEX;;;;"}
+{"version":3,"file":"Logo.mjs","sources":["../../src/logo/Logo.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport { ReactComponent as LogoFlagInverse } from './svg/flag-inverse.svg';\nimport { ReactComponent as LogoFlagPlatformInverse } from './svg/flag-platform-white.svg';\nimport { ReactComponent as LogoFlagPlatform } from './svg/flag-platform.svg';\nimport { ReactComponent as LogoFlag } from './svg/flag.svg';\nimport { ReactComponent as LogoWiseInverse } from './svg/logo-inverse.svg';\nimport { ReactComponent as LogoWisePlatformInverse } from './svg/logo-platform-white.svg';\nimport { ReactComponent as LogoWisePlatform } from './svg/logo-platform.svg';\nimport { ReactComponent as LogoWise } from './svg/logo.svg';\n\nconst svgPaths = {\n  WISE: LogoWise,\n  WISE_BUSINESS: LogoWise,\n  WISE_INVERSE: LogoWiseInverse,\n  WISE_BUSINESS_INVERSE: LogoWiseInverse,\n  WISE_PLATFORM: LogoWisePlatform,\n  WISE_PLATFORM_INVERSE: LogoWisePlatformInverse,\n  WISE_FLAG: LogoFlag,\n  WISE_FLAG_INVERSE: LogoFlagInverse,\n  WISE_FLAG_PLATFORM: LogoFlagPlatform,\n  WISE_FLAG_PLATFORM_INVERSE: LogoFlagPlatformInverse,\n};\n\nexport enum LogoType {\n  WISE = 'WISE',\n  WISE_BUSINESS = 'WISE_BUSINESS',\n  WISE_PLATFORM = 'WISE_PLATFORM',\n}\n\nexport interface LogoProps {\n  /** Extra classes applied to Logo */\n  className?: string;\n  /** If true, will use dark colours for dark on light theme */\n  inverse?: boolean;\n  /** What type of logo to display */\n  type?: `${LogoType}`;\n}\n\nconst labelByType = {\n  WISE: 'Wise',\n  WISE_BUSINESS: 'Wise Business',\n  WISE_PLATFORM: 'Wise Platform',\n} satisfies Record<`${LogoType}`, string>;\n\nexport default function Logo({ className, inverse, type = 'WISE' }: LogoProps) {\n  const LogoSm =\n    svgPaths[`WISE_FLAG${type === 'WISE_PLATFORM' ? '_PLATFORM' : ''}${inverse ? '_INVERSE' : ''}`];\n  const LogoMd = svgPaths[`${type}${inverse ? '_INVERSE' : ''}`];\n\n  return (\n    <span aria-label={labelByType[type]} role=\"img\" className={clsx(className, 'np-logo')}>\n      <LogoSm className=\"np-logo-svg np-logo-svg--size-sm\" />\n      <LogoMd className=\"np-logo-svg np-logo-svg--size-md\" />\n    </span>\n  );\n}\n"],"names":["LogoFlagInverse","props","_jsx","children","fill","d","defaultProps","xmlns","width","height","LogoFlagPlatformInverse","LogoFlagPlatform","LogoFlag","LogoWiseInverse","LogoWisePlatformInverse","LogoWisePlatform","LogoWise","svgPaths","WISE","WISE_BUSINESS","WISE_INVERSE","WISE_BUSINESS_INVERSE","WISE_PLATFORM","WISE_PLATFORM_INVERSE","WISE_FLAG","WISE_FLAG_INVERSE","WISE_FLAG_PLATFORM","WISE_FLAG_PLATFORM_INVERSE","LogoType","labelByType","Logo","className","inverse","type","LogoSm","LogoMd","_jsxs","role","clsx"],"mappings":"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"}

package/build/main.css

@@ -2655,6 +2655,10 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
     height: auto;
   }
 }
+.np-select-input-listbox-container--virtualized {
+  /* The wrapping element shrinks this as needed */
+  height: 100vh;
+}
 .np-select-input-listbox-container--has-group {
   scroll-padding-top: 32px;
   scroll-padding-top: var(--size-32);
@@ -2673,6 +2677,12 @@ html:not([dir="rtl"]) .np-flow-navigation--sm .np-flow-navigation__stepper {
   outline: var(--ring-outline-color) solid var(--ring-outline-width);
   outline-offset: var(--ring-outline-offset);
 }
+.np-select-input-listbox-container--virtualized .np-select-input-listbox {
+  /* Adopted from `VList` in virtua: https://github.com/inokawa/virtua/blob/7f6ed5b37df6b480d4ff350f3960067c5b3519d2/src/react/VList.tsx#L113-L116 */
+  overflow-y: auto;
+  contain: strict;
+  height: 100%;
+}
 .np-select-input-separator-item {
   margin: 8px;
   margin: var(--size-8);

package/build/modal/Modal.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var classNames = require('classnames');
+var clsx = require('clsx');
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var CloseButton = require('../common/closeButton/CloseButton.js');
@@ -15,10 +15,6 @@ var position = require('../common/propsValues/position.js');
 var typography = require('../common/propsValues/typography.js');
 var size = require('../common/propsValues/size.js');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
 const TRANSITION_DURATION_IN_MILLISECONDS = 150;
 const Modal = ({
   title = null,
@@ -67,23 +63,23 @@ const Modal = ({
       unmountOnExit: true,
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: contentReference,
-        className: classNames__default.default('tw-modal', 'd-flex', 'fade', 'outline-none', scroll$1 === scroll.Scroll.CONTENT && 'tw-modal--scrollable', className),
+        className: clsx.clsx('tw-modal', 'd-flex', 'fade', 'outline-none', scroll$1 === scroll.Scroll.CONTENT && 'tw-modal--scrollable', className),
         ...otherProps,
         children: /*#__PURE__*/jsxRuntime.jsx("div", {
           id: overlayId,
           role: "dialog",
           "aria-modal": true,
           "aria-labelledby": titleId,
-          className: classNames__default.default('tw-modal-dialog', 'd-flex', {
+          className: clsx.clsx('tw-modal-dialog', 'd-flex', {
             [`tw-modal-${size$1}`]: size$1
           }),
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: classNames__default.default('tw-modal-content', 'd-flex', 'flex-column', 'justify-content-between', {
+            className: clsx.clsx('tw-modal-content', 'd-flex', 'flex-column', 'justify-content-between', {
               'tw-modal-compact': isCompact,
               'tw-modal-no-title': !title
             }),
             children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-              className: classNames__default.default('tw-modal-header', 'd-flex', 'align-items-center', 'justify-content-between', 'flex-wrap', {
+              className: clsx.clsx('tw-modal-header', 'd-flex', 'align-items-center', 'justify-content-between', 'flex-wrap', {
                 'modal--withoutborder': !title || noDivider
               }),
               children: [/*#__PURE__*/jsxRuntime.jsx(Title, {
@@ -95,12 +91,12 @@ const Modal = ({
                 onClick: onClose
               })]
             }), /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: classNames__default.default('tw-modal-body', {
+              className: clsx.clsx('tw-modal-body', {
                 'tw-modal-body--scrollable': scroll$1 === scroll.Scroll.CONTENT
               }),
               children: body
             }), footer && /*#__PURE__*/jsxRuntime.jsx("div", {
-              className: classNames__default.default('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap', {
+              className: clsx.clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap', {
                 'modal--withoutborder': noDivider
               }),
               children: footer

package/build/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  title?: ReactNode;\n  body: ReactNode;\n  footer?: ReactNode;\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  open: boolean;\n  scroll?: ScrollContent | ScrollViewport;\n  position?: PositionTop | PositionCenter;\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const checkSpecialClasses = (classToCheck: string) =>\n    className?.split(' ').includes(classToCheck);\n  const { isMedium } = useLayout();\n\n  // These should be replaced with props in breaking change.\n  const isCompact = checkSpecialClasses('compact');\n  const noDivider = checkSpecialClasses('no-divider');\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={classNames(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={classNames('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={classNames(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n                {\n                  'tw-modal-compact': isCompact,\n                  'tw-modal-no-title': !title,\n                },\n              )}\n            >\n              <div\n                className={classNames(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  'justify-content-between',\n                  'flex-wrap',\n                  {\n                    'modal--withoutborder': !title || noDivider,\n                  },\n                )}\n              >\n                <Title id={titleId} type={Typography.TITLE_BODY} className=\"tw-modal-title\">\n                  {title}\n                </Title>\n                <CloseButton onClick={onClose} />\n              </div>\n              <div\n                className={classNames('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer && (\n                <div\n                  className={classNames(\n                    'tw-modal-footer',\n                    'd-flex',\n                    'align-items-center',\n                    'flex-wrap',\n                    {\n                      'modal--withoutborder': noDivider,\n                    },\n                  )}\n                >\n                  {footer}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","checkSpecialClasses","classToCheck","split","includes","isMedium","useLayout","isCompact","noDivider","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_BODY","CloseButton","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0BA,MAAMA,mCAAmC,GAAG,GAAG,CAAA;AAczCC,MAAAA,KAAK,GAAGA,CAAC;AACbC,EAAAA,KAAK,GAAG,IAAI;EACZC,IAAI;AACJC,EAAAA,MAAM,GAAG,IAAI;EACbC,OAAO;EACPC,SAAS;EACTC,IAAI;QACJC,MAAI,GAAGC,SAAI,CAACC,MAAM;UAClBC,QAAM,GAAGC,aAAM,CAACC,QAAQ;YACxBC,UAAQ,GAAGC,iBAAQ,CAACC,MAAM;AAC1BC,EAAAA,yBAAyB,GAAG,KAAK;EACjC,GAAGC,UAAAA;AACQ,CAAA,KAAI;AACf,EAAA,MAAMC,mBAAmB,GAAIC,YAAoB,IAC/Cd,SAAS,EAAEe,KAAK,CAAC,GAAG,CAAC,CAACC,QAAQ,CAACF,YAAY,CAAC,CAAA;EAC9C,MAAM;AAAEG,IAAAA,QAAAA;GAAU,GAAGC,mBAAS,EAAE,CAAA;AAEhC;AACA,EAAA,MAAMC,SAAS,GAAGN,mBAAmB,CAAC,SAAS,CAAC,CAAA;AAChD,EAAA,MAAMO,SAAS,GAAGP,mBAAmB,CAAC,YAAY,CAAC,CAAA;AAEnD,EAAA,MAAMQ,gBAAgB,GAAGC,YAAM,CAAiB,IAAI,CAAC,CAAA;AACrD,EAAA,MAAMC,OAAO,GAAGC,WAAK,EAAE,CAAA;AAEvB,EAAA,MAAMC,SAAS,GAAGC,gBAAU,CAACC,kCAAgB,CAAC,CAAA;AAE9C,EAAA,OAAO,CAACV,QAAQ,gBACdW,cAAA,CAACC,MAAM,EAAA;AACL5B,IAAAA,IAAI,EAAEA,IAAK;AACX6B,IAAAA,WAAW,EAAElC,KAAM;AACnBmC,IAAAA,aAAa,EAAEjC,MAAO;IACtBU,QAAQ,EAAEC,iBAAQ,CAACuB,MAAO;AAC1BjC,IAAAA,OAAO,EAAEA,OAAQ;AAAAkC,IAAAA,QAAA,EAEhBpC,IAAAA;AAAI,GACC,CAAC,gBAET+B,cAAA,CAACM,cAAM,EAAA;AACLjC,IAAAA,IAAI,EAAEA,IAAK;AACXkC,IAAAA,UAAU,EAAE9B,QAAM,KAAKC,aAAM,CAACC,QAAS;AACvC6B,IAAAA,eAAe,EAAE5B,UAAS;AAC1B6B,IAAAA,mBAAmB,EAAE1B,yBAA0B;AAC/CZ,IAAAA,OAAO,EAAEA,OAAQ;IAAAkC,QAAA,eAEjBL,cAAA,CAACU,kCAAa,EAAA;AACZC,MAAAA,OAAO,EAAElB,gBAAiB;MAC1BmB,MAAM,EAAA,IAAA;AACNC,MAAAA,EAAE,EAAExC,IAAK;AACTyC,MAAAA,UAAU,EAAE;AAAEC,QAAAA,SAAS,EAAE,IAAA;OAAO;AAChCC,MAAAA,OAAO,EAAElD,mCAAoC;MAC7CmD,aAAa,EAAA,IAAA;AAAAZ,MAAAA,QAAA,eAEbL,cAAA,CAAA,KAAA,EAAA;AACEkB,QAAAA,GAAG,EAAEzB,gBAAiB;QACtBrB,SAAS,EAAE0C,2BAAU,CACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,cAAc,EACdrC,QAAM,KAAKC,aAAM,CAACyC,OAAO,IAAI,sBAAsB,EACnD/C,SAAS,CACT;AAAA,QAAA,GACEY,UAAU;AAAAqB,QAAAA,QAAA,eAEdL,cAAA,CAAA,KAAA,EAAA;AACEoB,UAAAA,EAAE,EAAEvB,SAAU;AACdwB,UAAAA,IAAI,EAAC,QAAQ;UACb,YAAU,EAAA,IAAA;AACV,UAAA,iBAAA,EAAiB1B,OAAQ;AACzBvB,UAAAA,SAAS,EAAE0C,2BAAU,CAAC,iBAAiB,EAAE,QAAQ,EAAE;YACjD,CAAC,CAAA,SAAA,EAAYxC,MAAI,CAAA,CAAE,GAAGA,MAAAA;AACvB,WAAA,CAAE;AAAA+B,UAAAA,QAAA,eAEHiB,eAAA,CAAA,KAAA,EAAA;YACElD,SAAS,EAAE0C,2BAAU,CACnB,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,yBAAyB,EACzB;AACE,cAAA,kBAAkB,EAAEvB,SAAS;AAC7B,cAAA,mBAAmB,EAAE,CAACvB,KAAAA;AACvB,aAAA,CACD;AAAAqC,YAAAA,QAAA,gBAEFiB,eAAA,CAAA,KAAA,EAAA;AACElD,cAAAA,SAAS,EAAE0C,2BAAU,CACnB,iBAAiB,EACjB,QAAQ,EACR,oBAAoB,EACpB,yBAAyB,EACzB,WAAW,EACX;gBACE,sBAAsB,EAAE,CAAC9C,KAAK,IAAIwB,SAAAA;AACnC,eAAA,CACD;cAAAa,QAAA,EAAA,cAEFL,cAAA,CAACuB,KAAK,EAAA;AAACH,gBAAAA,EAAE,EAAEzB,OAAQ;gBAAC6B,IAAI,EAAEC,qBAAU,CAACC,UAAW;AAACtD,gBAAAA,SAAS,EAAC,gBAAgB;AAAAiC,gBAAAA,QAAA,EACxErC,KAAAA;AAAK,eACD,CACP,eAAAgC,cAAA,CAAC2B,uBAAW,EAAA;AAACC,gBAAAA,OAAO,EAAEzD,OAAAA;AAAQ,eAChC,CAAA,CAAA;aAAK,CACL,eAAA6B,cAAA,CAAA,KAAA,EAAA;AACE5B,cAAAA,SAAS,EAAE0C,2BAAU,CAAC,eAAe,EAAE;AACrC,gBAAA,2BAA2B,EAAErC,QAAM,KAAKC,aAAM,CAACyC,OAAAA;AAChD,eAAA,CAAE;AAAAd,cAAAA,QAAA,EAEFpC,IAAAA;AAAI,aACF,CACL,EAACC,MAAM,iBACL8B,cAAA,CAAA,KAAA,EAAA;cACE5B,SAAS,EAAE0C,2BAAU,CACnB,iBAAiB,EACjB,QAAQ,EACR,oBAAoB,EACpB,WAAW,EACX;AACE,gBAAA,sBAAsB,EAAEtB,SAAAA;AACzB,eAAA,CACD;AAAAa,cAAAA,QAAA,EAEDnC,MAAAA;AAAM,aACJ,CACN,CAAA;WACE,CAAA;SACF,CAAA;OACF,CAAA;KACQ,CAAA;AACjB,GAAQ,CACT,CAAA;AACH;;;;"}
+{"version":3,"file":"Modal.js","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  title?: ReactNode;\n  body: ReactNode;\n  footer?: ReactNode;\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  open: boolean;\n  scroll?: ScrollContent | ScrollViewport;\n  position?: PositionTop | PositionCenter;\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const checkSpecialClasses = (classToCheck: string) =>\n    className?.split(' ').includes(classToCheck);\n  const { isMedium } = useLayout();\n\n  // These should be replaced with props in breaking change.\n  const isCompact = checkSpecialClasses('compact');\n  const noDivider = checkSpecialClasses('no-divider');\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n                {\n                  'tw-modal-compact': isCompact,\n                  'tw-modal-no-title': !title,\n                },\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  'justify-content-between',\n                  'flex-wrap',\n                  {\n                    'modal--withoutborder': !title || noDivider,\n                  },\n                )}\n              >\n                <Title id={titleId} type={Typography.TITLE_BODY} className=\"tw-modal-title\">\n                  {title}\n                </Title>\n                <CloseButton onClick={onClose} />\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer && (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap', {\n                    'modal--withoutborder': noDivider,\n                  })}\n                >\n                  {footer}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","checkSpecialClasses","classToCheck","split","includes","isMedium","useLayout","isCompact","noDivider","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_BODY","CloseButton","onClick"],"mappings":"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"}

package/build/modal/Modal.mjs

@@ -1,4 +1,4 @@
-import classNames from 'classnames';
+import { clsx } from 'clsx';
 import { useRef, useId, useContext } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { CloseButton } from '../common/closeButton/CloseButton.mjs';
@@ -61,23 +61,23 @@ const Modal = ({
       unmountOnExit: true,
       children: /*#__PURE__*/jsx("div", {
         ref: contentReference,
-        className: classNames('tw-modal', 'd-flex', 'fade', 'outline-none', scroll === Scroll.CONTENT && 'tw-modal--scrollable', className),
+        className: clsx('tw-modal', 'd-flex', 'fade', 'outline-none', scroll === Scroll.CONTENT && 'tw-modal--scrollable', className),
         ...otherProps,
         children: /*#__PURE__*/jsx("div", {
           id: overlayId,
           role: "dialog",
           "aria-modal": true,
           "aria-labelledby": titleId,
-          className: classNames('tw-modal-dialog', 'd-flex', {
+          className: clsx('tw-modal-dialog', 'd-flex', {
             [`tw-modal-${size}`]: size
           }),
           children: /*#__PURE__*/jsxs("div", {
-            className: classNames('tw-modal-content', 'd-flex', 'flex-column', 'justify-content-between', {
+            className: clsx('tw-modal-content', 'd-flex', 'flex-column', 'justify-content-between', {
               'tw-modal-compact': isCompact,
               'tw-modal-no-title': !title
             }),
             children: [/*#__PURE__*/jsxs("div", {
-              className: classNames('tw-modal-header', 'd-flex', 'align-items-center', 'justify-content-between', 'flex-wrap', {
+              className: clsx('tw-modal-header', 'd-flex', 'align-items-center', 'justify-content-between', 'flex-wrap', {
                 'modal--withoutborder': !title || noDivider
               }),
               children: [/*#__PURE__*/jsx(Title, {
@@ -89,12 +89,12 @@ const Modal = ({
                 onClick: onClose
               })]
             }), /*#__PURE__*/jsx("div", {
-              className: classNames('tw-modal-body', {
+              className: clsx('tw-modal-body', {
                 'tw-modal-body--scrollable': scroll === Scroll.CONTENT
               }),
               children: body
             }), footer && /*#__PURE__*/jsx("div", {
-              className: classNames('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap', {
+              className: clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap', {
                 'modal--withoutborder': noDivider
               }),
               children: footer

package/build/modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  title?: ReactNode;\n  body: ReactNode;\n  footer?: ReactNode;\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  open: boolean;\n  scroll?: ScrollContent | ScrollViewport;\n  position?: PositionTop | PositionCenter;\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const checkSpecialClasses = (classToCheck: string) =>\n    className?.split(' ').includes(classToCheck);\n  const { isMedium } = useLayout();\n\n  // These should be replaced with props in breaking change.\n  const isCompact = checkSpecialClasses('compact');\n  const noDivider = checkSpecialClasses('no-divider');\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={classNames(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={classNames('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={classNames(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n                {\n                  'tw-modal-compact': isCompact,\n                  'tw-modal-no-title': !title,\n                },\n              )}\n            >\n              <div\n                className={classNames(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  'justify-content-between',\n                  'flex-wrap',\n                  {\n                    'modal--withoutborder': !title || noDivider,\n                  },\n                )}\n              >\n                <Title id={titleId} type={Typography.TITLE_BODY} className=\"tw-modal-title\">\n                  {title}\n                </Title>\n                <CloseButton onClick={onClose} />\n              </div>\n              <div\n                className={classNames('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer && (\n                <div\n                  className={classNames(\n                    'tw-modal-footer',\n                    'd-flex',\n                    'align-items-center',\n                    'flex-wrap',\n                    {\n                      'modal--withoutborder': noDivider,\n                    },\n                  )}\n                >\n                  {footer}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","checkSpecialClasses","classToCheck","split","includes","isMedium","useLayout","isCompact","noDivider","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_BODY","CloseButton","onClick"],"mappings":"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"}
+{"version":3,"file":"Modal.mjs","sources":["../../src/modal/Modal.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { ReactNode, useContext, useId, useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\n\nimport {\n  Size,\n  Position,\n  PositionTop,\n  PositionCenter,\n  Scroll,\n  CommonProps,\n  SizeSmall,\n  SizeMedium,\n  SizeLarge,\n  SizeExtraLarge,\n  ScrollContent,\n  ScrollViewport,\n  Typography,\n} from '../common';\nimport { CloseButton } from '../common/closeButton';\nimport { useLayout } from '../common/hooks';\nimport Dimmer from '../dimmer';\nimport Drawer from '../drawer';\nimport { OverlayIdContext } from '../provider/overlay/OverlayIdProvider';\nimport Title from '../title/Title';\n\nconst TRANSITION_DURATION_IN_MILLISECONDS = 150;\n\nexport type ModalProps = CommonProps & {\n  title?: ReactNode;\n  body: ReactNode;\n  footer?: ReactNode;\n  size?: SizeSmall | SizeMedium | SizeLarge | SizeExtraLarge;\n  onClose: () => void;\n  open: boolean;\n  scroll?: ScrollContent | ScrollViewport;\n  position?: PositionTop | PositionCenter;\n  disableDimmerClickToClose?: boolean;\n};\n\nconst Modal = ({\n  title = null,\n  body,\n  footer = null,\n  onClose,\n  className,\n  open,\n  size = Size.MEDIUM,\n  scroll = Scroll.VIEWPORT,\n  position = Position.CENTER,\n  disableDimmerClickToClose = false,\n  ...otherProps\n}: ModalProps) => {\n  const checkSpecialClasses = (classToCheck: string) =>\n    className?.split(' ').includes(classToCheck);\n  const { isMedium } = useLayout();\n\n  // These should be replaced with props in breaking change.\n  const isCompact = checkSpecialClasses('compact');\n  const noDivider = checkSpecialClasses('no-divider');\n\n  const contentReference = useRef<HTMLDivElement>(null);\n  const titleId = useId();\n\n  const overlayId = useContext(OverlayIdContext);\n\n  return !isMedium ? (\n    <Drawer\n      open={open}\n      headerTitle={title}\n      footerContent={footer}\n      position={Position.BOTTOM}\n      onClose={onClose}\n    >\n      {body}\n    </Drawer>\n  ) : (\n    <Dimmer\n      open={open}\n      scrollable={scroll === Scroll.VIEWPORT}\n      contentPosition={position}\n      disableClickToClose={disableDimmerClickToClose}\n      onClose={onClose}\n    >\n      <CSSTransition\n        nodeRef={contentReference}\n        appear\n        in={open}\n        classNames={{ enterDone: 'in' }}\n        timeout={TRANSITION_DURATION_IN_MILLISECONDS}\n        unmountOnExit\n      >\n        <div\n          ref={contentReference}\n          className={clsx(\n            'tw-modal',\n            'd-flex',\n            'fade',\n            'outline-none',\n            scroll === Scroll.CONTENT && 'tw-modal--scrollable',\n            className,\n          )}\n          {...otherProps}\n        >\n          <div\n            id={overlayId}\n            role=\"dialog\"\n            aria-modal\n            aria-labelledby={titleId}\n            className={clsx('tw-modal-dialog', 'd-flex', {\n              [`tw-modal-${size}`]: size,\n            })}\n          >\n            <div\n              className={clsx(\n                'tw-modal-content',\n                'd-flex',\n                'flex-column',\n                'justify-content-between',\n                {\n                  'tw-modal-compact': isCompact,\n                  'tw-modal-no-title': !title,\n                },\n              )}\n            >\n              <div\n                className={clsx(\n                  'tw-modal-header',\n                  'd-flex',\n                  'align-items-center',\n                  'justify-content-between',\n                  'flex-wrap',\n                  {\n                    'modal--withoutborder': !title || noDivider,\n                  },\n                )}\n              >\n                <Title id={titleId} type={Typography.TITLE_BODY} className=\"tw-modal-title\">\n                  {title}\n                </Title>\n                <CloseButton onClick={onClose} />\n              </div>\n              <div\n                className={clsx('tw-modal-body', {\n                  'tw-modal-body--scrollable': scroll === Scroll.CONTENT,\n                })}\n              >\n                {body}\n              </div>\n              {footer && (\n                <div\n                  className={clsx('tw-modal-footer', 'd-flex', 'align-items-center', 'flex-wrap', {\n                    'modal--withoutborder': noDivider,\n                  })}\n                >\n                  {footer}\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </CSSTransition>\n    </Dimmer>\n  );\n};\n\nexport default Modal;\n"],"names":["TRANSITION_DURATION_IN_MILLISECONDS","Modal","title","body","footer","onClose","className","open","size","Size","MEDIUM","scroll","Scroll","VIEWPORT","position","Position","CENTER","disableDimmerClickToClose","otherProps","checkSpecialClasses","classToCheck","split","includes","isMedium","useLayout","isCompact","noDivider","contentReference","useRef","titleId","useId","overlayId","useContext","OverlayIdContext","_jsx","Drawer","headerTitle","footerContent","BOTTOM","children","Dimmer","scrollable","contentPosition","disableClickToClose","CSSTransition","nodeRef","appear","in","classNames","enterDone","timeout","unmountOnExit","ref","clsx","CONTENT","id","role","_jsxs","Title","type","Typography","TITLE_BODY","CloseButton","onClick"],"mappings":"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"}

package/build/moneyInput/MoneyInput.js

@@ -2,7 +2,7 @@
 
 var neptuneValidation = require('@transferwise/neptune-validation');
 var art = require('@wise/art');
-var classNames = require('classnames');
+var clsx = require('clsx');
 var React = require('react');
 var reactIntl = require('react-intl');
 var size = require('../common/propsValues/size.js');
@@ -16,31 +16,19 @@ var jsxRuntime = require('react/jsx-runtime');
 var typography = require('../common/propsValues/typography.js');
 var formatting = require('@transferwise/formatting');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
 const isNumberOrNull = v => neptuneValidation.isNumber(v) || neptuneValidation.isNull(v);
 const formatAmountIfSet = ({
   amount,
   currency,
-  locale,
-  maxLengthOverride
+  locale
 }) => {
-  if (maxLengthOverride) {
-    return amount != null ? String(amount) : '';
-  }
   return typeof amount === 'number' ? formatting.formatAmount(amount, currency, locale) : '';
 };
 const parseNumber = ({
   amount,
   currency,
-  locale,
-  maxLengthOverride
+  locale
 }) => {
-  if (maxLengthOverride && amount.length > maxLengthOverride) {
-    return 0;
-  }
   return currencyFormatting.parseAmount(amount, currency, locale);
 };
 const allowedInputKeys = new Set(['Backspace', 'Delete', ',', '.', 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight', 'Enter', 'Escape', 'Tab']);
@@ -58,8 +46,7 @@ class MoneyInput extends React.Component {
       formattedAmount: formatAmountIfSet({
         amount: props.amount,
         currency: props.selectedCurrency.currency,
-        locale: props.intl.locale,
-        maxLengthOverride: props.maxLengthOverride
+        locale: props.intl.locale
       }),
       locale: props.intl.locale
     };
@@ -73,8 +60,7 @@ class MoneyInput extends React.Component {
         formattedAmount: formatAmountIfSet({
           amount: nextProps.amount,
           currency: nextProps.selectedCurrency.currency,
-          locale: nextProps.intl.locale,
-          maxLengthOverride: nextProps.maxLengthOverride
+          locale: nextProps.intl.locale
         })
       });
     }
@@ -101,16 +87,14 @@ class MoneyInput extends React.Component {
     const parsed = neptuneValidation.isEmpty(paste) ? null : parseNumber({
       amount: paste,
       currency: this.props.selectedCurrency.currency,
-      locale,
-      maxLengthOverride: this.props.maxLengthOverride
+      locale
     });
     if (isNumberOrNull(parsed)) {
       this.setState({
         formattedAmount: formatAmountIfSet({
           amount: parsed,
           currency: this.props.selectedCurrency.currency,
-          locale,
-          maxLengthOverride: this.props.maxLengthOverride
+          locale
         })
       });
       this.props.onAmountChange?.(parsed);
@@ -127,8 +111,7 @@ class MoneyInput extends React.Component {
     const parsed = neptuneValidation.isEmpty(value) ? null : parseNumber({
       amount: value,
       currency: this.props.selectedCurrency.currency,
-      locale: this.state.locale,
-      maxLengthOverride: this.props.maxLengthOverride
+      locale: this.state.locale
     });
     if (isNumberOrNull(parsed)) {
       this.props.onAmountChange?.(parsed);
@@ -168,8 +151,7 @@ class MoneyInput extends React.Component {
       const parsed = parseNumber({
         amount: previousState.formattedAmount,
         currency: this.props.selectedCurrency.currency,
-        locale: previousState.locale,
-        maxLengthOverride: this.props.maxLengthOverride
+        locale: previousState.locale
       });
       if (!isNumberOrNull(parsed)) {
         return {
@@ -180,8 +162,7 @@ class MoneyInput extends React.Component {
         formattedAmount: formatAmountIfSet({
           amount: parsed,
           currency: this.props.selectedCurrency.currency,
-          locale: previousState.locale,
-          maxLengthOverride: this.props.maxLengthOverride
+          locale: previousState.locale
         })
       };
     });
@@ -213,8 +194,7 @@ class MoneyInput extends React.Component {
       onCurrencyChange,
       size,
       addon,
-      selectProps,
-      maxLengthOverride
+      selectProps
     } = this.props;
     const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];
     const selectOptions = this.getSelectOptions();
@@ -240,18 +220,16 @@ class MoneyInput extends React.Component {
       role: "group",
       ...inputAttributes,
       "aria-labelledby": ariaLabelledBy,
-      className: classNames__default.default(this.style('tw-money-input'), this.style('input-group'), this.style(`input-group-${size}`)),
+      className: clsx.clsx(this.style('tw-money-input'), this.style('input-group'), this.style(`input-group-${size}`)),
       children: [/*#__PURE__*/jsxRuntime.jsx(Input.Input, {
         id: amountInputId,
         value: this.state.formattedAmount,
         inputMode: "decimal",
         disabled: disabled,
-        maxLength: maxLengthOverride,
         placeholder: formatAmountIfSet({
           amount: this.props.placeholder,
           currency: this.props.selectedCurrency.currency,
-          locale: this.state.locale,
-          maxLengthOverride: this.props.maxLengthOverride
+          locale: this.state.locale
         }),
         autoComplete: "off",
         onKeyDown: this.handleKeyDown,
@@ -260,12 +238,12 @@ class MoneyInput extends React.Component {
         onBlur: this.onAmountBlur,
         onPaste: this.handlePaste
       }), addon && /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: classNames__default.default(this.style('input-group-addon'), this.style(`input-${size}`), disabled ? this.style('disabled') : ''),
+        className: clsx.clsx(this.style('input-group-addon'), this.style(`input-${size}`), disabled ? this.style('disabled') : ''),
         children: addon
       }), isFixedCurrency ? /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: classNames__default.default(this.style('input-group-addon'), this.style(`input-${size}`), this.style('tw-money-input__fixed-currency'), disabled ? this.style('disabled') : ''),
+        className: clsx.clsx(this.style('input-group-addon'), this.style(`input-${size}`), this.style('tw-money-input__fixed-currency'), disabled ? this.style('disabled') : ''),
         children: [(size === 'lg' || size === 'md') && /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: classNames__default.default(this.style('money-input-currency-flag'), this.style('m-r-2')),
+          className: clsx.clsx(this.style('money-input-currency-flag'), this.style('m-r-2')),
           children: /*#__PURE__*/jsxRuntime.jsx(art.Flag, {
             code: selectedCurrency.currency.toLowerCase(),
             intrinsicSize: 24
@@ -277,7 +255,7 @@ class MoneyInput extends React.Component {
           children: selectedCurrency.currency.toUpperCase()
         })]
       }) : /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: classNames__default.default(this.style('input-group-btn'), this.style('amount-currency-select-btn')),
+        className: clsx.clsx(this.style('input-group-btn'), this.style('amount-currency-select-btn')),
         children: /*#__PURE__*/jsxRuntime.jsx(SelectInput.SelectInput, {
           items: selectOptions,
           value: selectedCurrency,