@transferwise/components 0.0.0-experimental-a0f3d2d → 0.0.0-experimental-693e956

package/build/stepper/Stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.js","sources":["../../src/stepper/Stepper.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as React from 'react';\n\nimport { Position } from '../common';\nimport { useDirection } from '../common/hooks';\nimport Tooltip from '../tooltip';\n\nimport { isTouchDevice } from './deviceDetection';\n\nfunction clamp(from: number, to: number, value: number) {\n  return Math.max(Math.min(to, value), from);\n}\n\nexport interface Step {\n  label: React.ReactNode;\n  onClick?: () => void;\n  hoverLabel?: React.ReactNode;\n}\n\nexport interface StepperProps {\n  steps: readonly Step[];\n  activeStep?: number;\n  className?: string;\n}\n\n/* eslint-disable react/no-array-index-key */\nconst Stepper = ({ steps, activeStep = 0, className }: StepperProps) => {\n  const { isRTL } = useDirection();\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const activeStepIndex = clamp(0, steps.length - 1, activeStep);\n  const stepPercentage = 1 / (steps.length - 1);\n  const percentageCompleted = activeStepIndex / (steps.length - 1);\n\n  const renderStep = (step: Step, index: number) => {\n    const active = index === activeStepIndex;\n    const clickable = step.onClick && !active;\n\n    const labelButton = clickable ? (\n      <button\n        type=\"button\"\n        className=\"btn-unstyled tw-stepper__step-label\"\n        onClick={() => clickable && step.onClick?.()}\n      >\n        <small>{step.label}</small>\n      </button>\n    ) : (\n      <span className=\"tw-stepper__step-label\">{step.label}</span>\n    );\n    return (\n      <li\n        key={index}\n        className={classNames(\n          'hidden-xs',\n          'tw-stepper__step',\n          active ? 'np-text-body-default-bold tw-stepper__step--active' : 'np-text-body-default',\n          clickable && 'tw-stepper__step--clickable',\n          step.hoverLabel && 'tw-stepper__step--has-tooltip',\n        )}\n        aria-current={active ? 'step' : false}\n        style={\n          isRTL\n            ? { right: `${index * stepPercentage * 100}%` }\n            : { left: `${index * stepPercentage * 100}%` }\n        }\n      >\n        {step.hoverLabel && !isTouchDevice() ? (\n          <Tooltip position={Position.BOTTOM} label={step.hoverLabel}>\n            {labelButton}\n          </Tooltip>\n        ) : (\n          labelButton\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <div className={classNames('tw-stepper', className)}>\n      <div className=\"progress\">\n        <div className=\"progress-bar\" style={{ width: `${percentageCompleted * 100}%` }} />\n      </div>\n      <ul className=\"tw-stepper-steps p-t-1 m-b-0\">{steps.map(renderStep)}</ul>\n    </div>\n  );\n};\n/* eslint-enable react/no-array-index-key */\n\nexport default Stepper;\n"],"names":["clamp","from","to","value","Math","max","min","Stepper","steps","activeStep","className","isRTL","useDirection","length","activeStepIndex","stepPercentage","percentageCompleted","renderStep","step","index","active","clickable","onClick","labelButton","_jsx","type","children","label","classNames","hoverLabel","style","right","left","isTouchDevice","Tooltip","position","Position","BOTTOM","_jsxs","width","map"],"mappings":"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"}

package/build/stepper/Stepper.mjs

@@ -1,74 +0,0 @@
-import classNames from 'classnames';
-import 'react';
-import Tooltip from '../tooltip/Tooltip.mjs';
-import { isTouchDevice } from './deviceDetection.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useDirection } from '../common/hooks/useDirection/useDirection.mjs';
-import { Position } from '../common/propsValues/position.mjs';
-
-function clamp(from, to, value) {
-  return Math.max(Math.min(to, value), from);
-}
-/* eslint-disable react/no-array-index-key */
-const Stepper = ({
-  steps,
-  activeStep = 0,
-  className
-}) => {
-  const {
-    isRTL
-  } = useDirection();
-  if (steps.length === 0) {
-    return null;
-  }
-  const activeStepIndex = clamp(0, steps.length - 1, activeStep);
-  const stepPercentage = 1 / (steps.length - 1);
-  const percentageCompleted = activeStepIndex / (steps.length - 1);
-  const renderStep = (step, index) => {
-    const active = index === activeStepIndex;
-    const clickable = step.onClick && !active;
-    const labelButton = clickable ? /*#__PURE__*/jsx("button", {
-      type: "button",
-      className: "btn-unstyled tw-stepper__step-label",
-      onClick: () => clickable && step.onClick?.(),
-      children: /*#__PURE__*/jsx("small", {
-        children: step.label
-      })
-    }) : /*#__PURE__*/jsx("span", {
-      className: "tw-stepper__step-label",
-      children: step.label
-    });
-    return /*#__PURE__*/jsx("li", {
-      className: classNames('hidden-xs', 'tw-stepper__step', active ? 'np-text-body-default-bold tw-stepper__step--active' : 'np-text-body-default', clickable && 'tw-stepper__step--clickable', step.hoverLabel && 'tw-stepper__step--has-tooltip'),
-      "aria-current": active ? 'step' : false,
-      style: isRTL ? {
-        right: `${index * stepPercentage * 100}%`
-      } : {
-        left: `${index * stepPercentage * 100}%`
-      },
-      children: step.hoverLabel && !isTouchDevice() ? /*#__PURE__*/jsx(Tooltip, {
-        position: Position.BOTTOM,
-        label: step.hoverLabel,
-        children: labelButton
-      }) : labelButton
-    }, index);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: classNames('tw-stepper', className),
-    children: [/*#__PURE__*/jsx("div", {
-      className: "progress",
-      children: /*#__PURE__*/jsx("div", {
-        className: "progress-bar",
-        style: {
-          width: `${percentageCompleted * 100}%`
-        }
-      })
-    }), /*#__PURE__*/jsx("ul", {
-      className: "tw-stepper-steps p-t-1 m-b-0",
-      children: steps.map(renderStep)
-    })]
-  });
-};
-
-export { Stepper as default };
-//# sourceMappingURL=Stepper.mjs.map

package/build/stepper/Stepper.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.mjs","sources":["../../src/stepper/Stepper.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport * as React from 'react';\n\nimport { Position } from '../common';\nimport { useDirection } from '../common/hooks';\nimport Tooltip from '../tooltip';\n\nimport { isTouchDevice } from './deviceDetection';\n\nfunction clamp(from: number, to: number, value: number) {\n  return Math.max(Math.min(to, value), from);\n}\n\nexport interface Step {\n  label: React.ReactNode;\n  onClick?: () => void;\n  hoverLabel?: React.ReactNode;\n}\n\nexport interface StepperProps {\n  steps: readonly Step[];\n  activeStep?: number;\n  className?: string;\n}\n\n/* eslint-disable react/no-array-index-key */\nconst Stepper = ({ steps, activeStep = 0, className }: StepperProps) => {\n  const { isRTL } = useDirection();\n\n  if (steps.length === 0) {\n    return null;\n  }\n\n  const activeStepIndex = clamp(0, steps.length - 1, activeStep);\n  const stepPercentage = 1 / (steps.length - 1);\n  const percentageCompleted = activeStepIndex / (steps.length - 1);\n\n  const renderStep = (step: Step, index: number) => {\n    const active = index === activeStepIndex;\n    const clickable = step.onClick && !active;\n\n    const labelButton = clickable ? (\n      <button\n        type=\"button\"\n        className=\"btn-unstyled tw-stepper__step-label\"\n        onClick={() => clickable && step.onClick?.()}\n      >\n        <small>{step.label}</small>\n      </button>\n    ) : (\n      <span className=\"tw-stepper__step-label\">{step.label}</span>\n    );\n    return (\n      <li\n        key={index}\n        className={classNames(\n          'hidden-xs',\n          'tw-stepper__step',\n          active ? 'np-text-body-default-bold tw-stepper__step--active' : 'np-text-body-default',\n          clickable && 'tw-stepper__step--clickable',\n          step.hoverLabel && 'tw-stepper__step--has-tooltip',\n        )}\n        aria-current={active ? 'step' : false}\n        style={\n          isRTL\n            ? { right: `${index * stepPercentage * 100}%` }\n            : { left: `${index * stepPercentage * 100}%` }\n        }\n      >\n        {step.hoverLabel && !isTouchDevice() ? (\n          <Tooltip position={Position.BOTTOM} label={step.hoverLabel}>\n            {labelButton}\n          </Tooltip>\n        ) : (\n          labelButton\n        )}\n      </li>\n    );\n  };\n\n  return (\n    <div className={classNames('tw-stepper', className)}>\n      <div className=\"progress\">\n        <div className=\"progress-bar\" style={{ width: `${percentageCompleted * 100}%` }} />\n      </div>\n      <ul className=\"tw-stepper-steps p-t-1 m-b-0\">{steps.map(renderStep)}</ul>\n    </div>\n  );\n};\n/* eslint-enable react/no-array-index-key */\n\nexport default Stepper;\n"],"names":["clamp","from","to","value","Math","max","min","Stepper","steps","activeStep","className","isRTL","useDirection","length","activeStepIndex","stepPercentage","percentageCompleted","renderStep","step","index","active","clickable","onClick","labelButton","_jsx","type","children","label","classNames","hoverLabel","style","right","left","isTouchDevice","Tooltip","position","Position","BOTTOM","_jsxs","width","map"],"mappings":"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"}

package/build/stepper/deviceDetection.js

@@ -1,22 +0,0 @@
-'use strict';
-
-function supportsTouchEvents() {
-  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;
-  const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;
-  const documentTouchIsDefined = typeof window !== 'undefined' && window.DocumentTouch && document instanceof window.DocumentTouch;
-  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);
-}
-function userAgentSuggestsTouchDevice() {
-  const sampleTouchDevices = ['android', 'iemobile', 'iphone', 'ipad', 'ipod', 'blackberry', 'bada'];
-  const matchString = sampleTouchDevices.map(device => `(${device})`).join('|');
-  const regex = new RegExp(matchString, 'gi');
-  return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);
-}
-// Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.
-// Only use this for small vanity changes where it still works either way.
-function isTouchDevice() {
-  return supportsTouchEvents() || userAgentSuggestsTouchDevice();
-}
-
-exports.isTouchDevice = isTouchDevice;
-//# sourceMappingURL=deviceDetection.js.map

package/build/stepper/deviceDetection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"deviceDetection.js","sources":["../../src/stepper/deviceDetection.js"],"sourcesContent":["function supportsTouchEvents() {\n  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;\n  const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;\n  const documentTouchIsDefined =\n    typeof window !== 'undefined' &&\n    window.DocumentTouch &&\n    document instanceof window.DocumentTouch;\n\n  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);\n}\n\nfunction userAgentSuggestsTouchDevice() {\n  const sampleTouchDevices = [\n    'android',\n    'iemobile',\n    'iphone',\n    'ipad',\n    'ipod',\n    'blackberry',\n    'bada',\n  ];\n  const matchString = sampleTouchDevices.map((device) => `(${device})`).join('|');\n  const regex = new RegExp(matchString, 'gi');\n  return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);\n}\n// Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.\n// Only use this for small vanity changes where it still works either way.\nexport function isTouchDevice() {\n  return supportsTouchEvents() || userAgentSuggestsTouchDevice();\n}\n"],"names":["supportsTouchEvents","onTouchStartIsDefined","window","ontouchstart","undefined","maxTouchPointsIsDefined","navigator","maxTouchPoints","documentTouchIsDefined","DocumentTouch","document","userAgentSuggestsTouchDevice","sampleTouchDevices","matchString","map","device","join","regex","RegExp","userAgent","match","isTouchDevice"],"mappings":";;AAAA,SAASA,mBAAmBA,GAAG;EAC7B,MAAMC,qBAAqB,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACC,YAAY,KAAKC,SAAS,CAAA;EAChG,MAAMC,uBAAuB,GAAG,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,CAACC,cAAc,CAAA;AAC5F,EAAA,MAAMC,sBAAsB,GAC1B,OAAON,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACO,aAAa,IACpBC,QAAQ,YAAYR,MAAM,CAACO,aAAa,CAAA;AAE1C,EAAA,OAAO,CAAC,EAAER,qBAAqB,IAAII,uBAAuB,IAAIG,sBAAsB,CAAC,CAAA;AACvF,CAAA;AAEA,SAASG,4BAA4BA,GAAG;AACtC,EAAA,MAAMC,kBAAkB,GAAG,CACzB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,MAAM,CACP,CAAA;AACD,EAAA,MAAMC,WAAW,GAAGD,kBAAkB,CAACE,GAAG,CAAEC,MAAM,IAAM,CAAGA,CAAAA,EAAAA,MAAO,GAAE,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;EAC/E,MAAMC,KAAK,GAAG,IAAIC,MAAM,CAACL,WAAW,EAAE,IAAI,CAAC,CAAA;AAC3C,EAAA,OAAO,OAAOP,SAAS,KAAK,WAAW,IAAI,CAAC,CAACA,SAAS,CAACa,SAAS,CAACC,KAAK,CAACH,KAAK,CAAC,CAAA;AAC/E,CAAA;AACA;AACA;AACO,SAASI,aAAaA,GAAG;AAC9B,EAAA,OAAOrB,mBAAmB,EAAE,IAAIW,4BAA4B,EAAE,CAAA;AAChE;;;;"}

package/build/stepper/deviceDetection.mjs

@@ -1,20 +0,0 @@
-function supportsTouchEvents() {
-  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;
-  const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;
-  const documentTouchIsDefined = typeof window !== 'undefined' && window.DocumentTouch && document instanceof window.DocumentTouch;
-  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);
-}
-function userAgentSuggestsTouchDevice() {
-  const sampleTouchDevices = ['android', 'iemobile', 'iphone', 'ipad', 'ipod', 'blackberry', 'bada'];
-  const matchString = sampleTouchDevices.map(device => `(${device})`).join('|');
-  const regex = new RegExp(matchString, 'gi');
-  return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);
-}
-// Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.
-// Only use this for small vanity changes where it still works either way.
-function isTouchDevice() {
-  return supportsTouchEvents() || userAgentSuggestsTouchDevice();
-}
-
-export { isTouchDevice };
-//# sourceMappingURL=deviceDetection.mjs.map

package/build/stepper/deviceDetection.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"deviceDetection.mjs","sources":["../../src/stepper/deviceDetection.js"],"sourcesContent":["function supportsTouchEvents() {\n  const onTouchStartIsDefined = typeof window !== 'undefined' && window.ontouchstart !== undefined;\n  const maxTouchPointsIsDefined = typeof navigator !== 'undefined' && navigator.maxTouchPoints;\n  const documentTouchIsDefined =\n    typeof window !== 'undefined' &&\n    window.DocumentTouch &&\n    document instanceof window.DocumentTouch;\n\n  return !!(onTouchStartIsDefined || maxTouchPointsIsDefined || documentTouchIsDefined);\n}\n\nfunction userAgentSuggestsTouchDevice() {\n  const sampleTouchDevices = [\n    'android',\n    'iemobile',\n    'iphone',\n    'ipad',\n    'ipod',\n    'blackberry',\n    'bada',\n  ];\n  const matchString = sampleTouchDevices.map((device) => `(${device})`).join('|');\n  const regex = new RegExp(matchString, 'gi');\n  return typeof navigator !== 'undefined' && !!navigator.userAgent.match(regex);\n}\n// Important: this is not fool-proof! It gives false positives and negatives, and will be outdated.\n// Only use this for small vanity changes where it still works either way.\nexport function isTouchDevice() {\n  return supportsTouchEvents() || userAgentSuggestsTouchDevice();\n}\n"],"names":["supportsTouchEvents","onTouchStartIsDefined","window","ontouchstart","undefined","maxTouchPointsIsDefined","navigator","maxTouchPoints","documentTouchIsDefined","DocumentTouch","document","userAgentSuggestsTouchDevice","sampleTouchDevices","matchString","map","device","join","regex","RegExp","userAgent","match","isTouchDevice"],"mappings":"AAAA,SAASA,mBAAmBA,GAAG;EAC7B,MAAMC,qBAAqB,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAIA,MAAM,CAACC,YAAY,KAAKC,SAAS,CAAA;EAChG,MAAMC,uBAAuB,GAAG,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,CAACC,cAAc,CAAA;AAC5F,EAAA,MAAMC,sBAAsB,GAC1B,OAAON,MAAM,KAAK,WAAW,IAC7BA,MAAM,CAACO,aAAa,IACpBC,QAAQ,YAAYR,MAAM,CAACO,aAAa,CAAA;AAE1C,EAAA,OAAO,CAAC,EAAER,qBAAqB,IAAII,uBAAuB,IAAIG,sBAAsB,CAAC,CAAA;AACvF,CAAA;AAEA,SAASG,4BAA4BA,GAAG;AACtC,EAAA,MAAMC,kBAAkB,GAAG,CACzB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,MAAM,EACN,MAAM,EACN,YAAY,EACZ,MAAM,CACP,CAAA;AACD,EAAA,MAAMC,WAAW,GAAGD,kBAAkB,CAACE,GAAG,CAAEC,MAAM,IAAM,CAAGA,CAAAA,EAAAA,MAAO,GAAE,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;EAC/E,MAAMC,KAAK,GAAG,IAAIC,MAAM,CAACL,WAAW,EAAE,IAAI,CAAC,CAAA;AAC3C,EAAA,OAAO,OAAOP,SAAS,KAAK,WAAW,IAAI,CAAC,CAACA,SAAS,CAACa,SAAS,CAACC,KAAK,CAACH,KAAK,CAAC,CAAA;AAC/E,CAAA;AACA;AACA;AACO,SAASI,aAAaA,GAAG;AAC9B,EAAA,OAAOrB,mBAAmB,EAAE,IAAIW,4BAA4B,EAAE,CAAA;AAChE;;;;"}

package/build/sticky/Sticky.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var SlidingPanel = require('../slidingPanel/SlidingPanel.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function Sticky({
-  open = true,
-  position = 'bottom',
-  children
-}) {
-  return /*#__PURE__*/jsxRuntime.jsx(SlidingPanel.default, {
-    open: open,
-    position: position,
-    slidingPanelPositionFixed: true,
-    showSlidingPanelBorder: true,
-    children: children
-  });
-}
-
-module.exports = Sticky;
-//# sourceMappingURL=Sticky.js.map

package/build/sticky/Sticky.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sticky.js","sources":["../../src/sticky/Sticky.tsx"],"sourcesContent":["import { Position } from '../common';\nimport SlidingPanel from '../slidingPanel';\n\nexport interface StickyProps {\n  open?: boolean;\n  position?: `${Position.TOP | Position.BOTTOM}`;\n  children?: React.ReactNode;\n}\n\nexport default function Sticky({ open = true, position = 'bottom', children }: StickyProps) {\n  return (\n    <SlidingPanel open={open} position={position} slidingPanelPositionFixed showSlidingPanelBorder>\n      {children}\n    </SlidingPanel>\n  );\n}\n"],"names":["Sticky","open","position","children","_jsx","SlidingPanel","slidingPanelPositionFixed","showSlidingPanelBorder"],"mappings":";;;;;AASwB,SAAAA,MAAMA,CAAC;AAAEC,EAAAA,IAAI,GAAG,IAAI;AAAEC,EAAAA,QAAQ,GAAG,QAAQ;AAAEC,EAAAA,QAAAA;AAAuB,CAAA,EAAA;EACxF,oBACEC,cAAA,CAACC,oBAAY,EAAA;AAACJ,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,QAAQ,EAAEA,QAAS;IAACI,yBAAyB,EAAA,IAAA;IAACC,sBAAsB,EAAA,IAAA;AAAAJ,IAAAA,QAAA,EAC3FA,QAAAA;AAAQ,GACG,CAAC,CAAA;AAEnB;;;;"}

package/build/sticky/Sticky.mjs

@@ -1,19 +0,0 @@
-import SlidingPanel from '../slidingPanel/SlidingPanel.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-function Sticky({
-  open = true,
-  position = 'bottom',
-  children
-}) {
-  return /*#__PURE__*/jsx(SlidingPanel, {
-    open: open,
-    position: position,
-    slidingPanelPositionFixed: true,
-    showSlidingPanelBorder: true,
-    children: children
-  });
-}
-
-export { Sticky as default };
-//# sourceMappingURL=Sticky.mjs.map

package/build/sticky/Sticky.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sticky.mjs","sources":["../../src/sticky/Sticky.tsx"],"sourcesContent":["import { Position } from '../common';\nimport SlidingPanel from '../slidingPanel';\n\nexport interface StickyProps {\n  open?: boolean;\n  position?: `${Position.TOP | Position.BOTTOM}`;\n  children?: React.ReactNode;\n}\n\nexport default function Sticky({ open = true, position = 'bottom', children }: StickyProps) {\n  return (\n    <SlidingPanel open={open} position={position} slidingPanelPositionFixed showSlidingPanelBorder>\n      {children}\n    </SlidingPanel>\n  );\n}\n"],"names":["Sticky","open","position","children","_jsx","SlidingPanel","slidingPanelPositionFixed","showSlidingPanelBorder"],"mappings":";;;AASwB,SAAAA,MAAMA,CAAC;AAAEC,EAAAA,IAAI,GAAG,IAAI;AAAEC,EAAAA,QAAQ,GAAG,QAAQ;AAAEC,EAAAA,QAAAA;AAAuB,CAAA,EAAA;EACxF,oBACEC,GAAA,CAACC,YAAY,EAAA;AAACJ,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,QAAQ,EAAEA,QAAS;IAACI,yBAAyB,EAAA,IAAA;IAACC,sBAAsB,EAAA,IAAA;AAAAJ,IAAAA,QAAA,EAC3FA,QAAAA;AAAQ,GACG,CAAC,CAAA;AAEnB;;;;"}

package/build/summary/Summary.js

@@ -1,119 +0,0 @@
-'use strict';
-
-var icons = require('@transferwise/icons');
-var classNames = require('classnames');
-var React = require('react');
-var reactIntl = require('react-intl');
-var Body = require('../body/Body.js');
-require('../info/infoPresentations.js');
-var Info = require('../info/Info.js');
-var StatusIcon = require('../statusIcon/StatusIcon.js');
-var Summary_messages = require('./Summary.messages.js');
-var Action = require('../common/action/Action.js');
-var jsxRuntime = require('react/jsx-runtime');
-var sentiment = require('../common/propsValues/sentiment.js');
-var status = require('../common/propsValues/status.js');
-var size = require('../common/propsValues/size.js');
-var typography = require('../common/propsValues/typography.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
-/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */
-const BadgeIcons = {
-  [status.Status.DONE]: icons.CheckCircleFill,
-  [status.Status.PENDING]: icons.ClockFill
-};
-const statusLabels = {
-  [status.Status.NOT_DONE]: 'statusNotDone',
-  [status.Status.DONE]: 'statusDone',
-  [status.Status.PENDING]: 'statusPending'
-};
-const statusMapping = {
-  [status.Status.DONE]: sentiment.Sentiment.POSITIVE,
-  [status.Status.PENDING]: sentiment.Sentiment.PENDING
-};
-const Summary = ({
-  action,
-  as: Element = 'div',
-  className,
-  content = null,
-  description = content,
-  help,
-  icon,
-  illustration = null,
-  info = help,
-  status,
-  title
-}) => {
-  const intl = reactIntl.useIntl();
-  let media = illustration;
-  if (icon) {
-    // @ts-expect-error if icon is present it has props and size prop
-    const iconSize = icon?.props?.size;
-    media = iconSize !== 24 ?
-    /*#__PURE__*/
-    // @ts-expect-error we need icon to adjust it's size
-    React.cloneElement(icon, {
-      size: 24
-    }) : icon;
-  }
-  // @ts-expect-error Badge can be null, this is handled in code
-  const Badge = status && BadgeIcons[status];
-  return /*#__PURE__*/jsxRuntime.jsxs(Element, {
-    className: classNames__default.default('np-summary d-flex align-items-start', className)
-    // @ts-expect-error we check whether `status` is not null before index `statusLabels` and `messages`
-    ,
-    "aria-label": status && intl.formatMessage(Summary_messages[statusLabels[status]]),
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "np-summary__icon",
-      children: [media, Badge && /*#__PURE__*/jsxRuntime.jsx("div", {
-        children: /*#__PURE__*/jsxRuntime.jsx(StatusIcon, {
-          size: size.Size.SMALL,
-          sentiment: statusMapping[status]
-        })
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "np-summary__body m-l-2",
-      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "np-summary__title d-flex",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Body, {
-          as: "span",
-          role: "heading",
-          "aria-level": 4,
-          type: typography.Typography.BODY_LARGE_BOLD,
-          className: "text-primary m-b-1",
-          children: title
-        }), info && /*#__PURE__*/jsxRuntime.jsx(Info, {
-          "aria-label": info['aria-label'],
-          className: "m-l-1 hidden-xs",
-          content: info.content,
-          presentation: info.presentation,
-          size: size.Size.LARGE,
-          title: info.title,
-          onClick: info.onClick
-        })]
-      }), description && /*#__PURE__*/jsxRuntime.jsx(Body, {
-        as: "span",
-        type: typography.Typography.BODY_DEFAULT,
-        className: "d-block np-summary__description",
-        children: description
-      }), action && /*#__PURE__*/jsxRuntime.jsx(Action.Action, {
-        action: action,
-        className: "np-summary__action"
-      })]
-    }), info && /*#__PURE__*/jsxRuntime.jsx(Info, {
-      "aria-label": info['aria-label'],
-      className: "m-l-2 hidden-sm hidden-md hidden-lg hidden-xl",
-      content: info.content,
-      presentation: info.presentation,
-      size: size.Size.LARGE,
-      title: info.title,
-      onClick: info.onClick
-    })]
-  });
-};
-
-module.exports = Summary;
-//# sourceMappingURL=Summary.js.map

package/build/summary/Summary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Summary.js","sources":["../../src/summary/Summary.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\nimport {\n  CheckCircleFill as CheckCircleIcon,\n  ClockFill as PendingCircleIcon,\n} from '@transferwise/icons';\nimport classNames from 'classnames';\nimport { ElementType, cloneElement, ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../body';\nimport {\n  Status,\n  StatusDone,\n  StatusNotDone,\n  StatusPending,\n  Size,\n  Typography,\n  Sentiment,\n} from '../common';\nimport Info, { InfoProps } from '../info';\nimport StatusIcon from '../statusIcon';\n\nimport messages from './Summary.messages';\nimport { Action, ActionOptions } from '../common/action/Action';\n\nconst BadgeIcons = {\n  [Status.DONE]: CheckCircleIcon,\n  [Status.PENDING]: PendingCircleIcon,\n};\n\nconst statusLabels = {\n  [Status.NOT_DONE]: 'statusNotDone',\n  [Status.DONE]: 'statusDone',\n  [Status.PENDING]: 'statusPending',\n};\n\nconst statusMapping = {\n  [Status.DONE]: Sentiment.POSITIVE,\n  [Status.PENDING]: Sentiment.PENDING,\n};\n\nexport interface Props {\n  /**\n   * Action displayed at the bottom of the Summary\n   */\n  action?: ActionOptions;\n  /**\n   * Decides which html element should wrap the Summary\n   */\n  as?: ElementType;\n  /**\n   * Extra classes applied to Summary\n   */\n  className?: string;\n  /**\n   * @deprecated please use description instead\n   */\n  content?: ReactNode;\n  /**\n   * Summary description\n   */\n  description?: ReactNode;\n  /**\n   * @deprecated please use info instead\n   */\n  help?: {\n    content: ReactNode;\n    title?: ReactNode;\n  };\n  /**\n   * Infos displayed on help Icon click inside Popover or Modal\n   */\n  info?: Pick<InfoProps, 'aria-label' | 'content' | 'onClick' | 'presentation' | 'title'>;\n  /**\n   * @deprecated please use icon instead\n   */\n  illustration?: ReactNode;\n  /**\n   * Main Summary Icon\n   */\n  icon?: ReactNode;\n  /**\n   * Decides the badge applied to Icon\n   */\n  status?: StatusNotDone | StatusDone | StatusPending;\n  /**\n   * Summary title\n   */\n  title: ReactNode;\n}\n\nconst Summary = ({\n  action,\n  as: Element = 'div',\n  className,\n  content = null,\n  description = content,\n  help,\n  icon,\n  illustration = null,\n  info = help,\n  status,\n  title,\n}: Props) => {\n  const intl = useIntl();\n\n  let media = illustration;\n  if (icon) {\n    // @ts-expect-error if icon is present it has props and size prop\n    const iconSize = icon?.props?.size as number;\n\n    media =\n      iconSize !== 24\n        ? // @ts-expect-error we need icon to adjust it's size\n          cloneElement(icon, { size: 24 })\n        : icon;\n  }\n  // @ts-expect-error Badge can be null, this is handled in code\n  const Badge = status && BadgeIcons[status];\n\n  return (\n    <Element\n      className={classNames('np-summary d-flex align-items-start', className)}\n      // @ts-expect-error we check whether `status` is not null before index `statusLabels` and `messages`\n      aria-label={status && intl.formatMessage(messages[statusLabels[status]])}\n    >\n      <div className=\"np-summary__icon\">\n        {media}\n        {Badge && (\n          <div>\n            {/* @ts-expect-error it's okey to pass `undefined` into `sentiment` prop */}\n            <StatusIcon size={Size.SMALL} sentiment={statusMapping[status]} />\n          </div>\n        )}\n      </div>\n      <div className=\"np-summary__body m-l-2\">\n        <div className=\"np-summary__title d-flex\">\n          <Body\n            as=\"span\"\n            role=\"heading\"\n            aria-level={4}\n            type={Typography.BODY_LARGE_BOLD}\n            className=\"text-primary m-b-1\"\n          >\n            {title}\n          </Body>\n          {info && (\n            <Info\n              aria-label={info['aria-label']}\n              className=\"m-l-1 hidden-xs\"\n              content={info.content}\n              presentation={info.presentation}\n              size={Size.LARGE}\n              title={info.title}\n              onClick={info.onClick}\n            />\n          )}\n        </div>\n\n        {description && (\n          <Body\n            as=\"span\"\n            type={Typography.BODY_DEFAULT}\n            className=\"d-block np-summary__description\"\n          >\n            {description}\n          </Body>\n        )}\n        {action && <Action action={action} className=\"np-summary__action\" />}\n      </div>\n      {info && (\n        <Info\n          aria-label={info['aria-label']}\n          className=\"m-l-2 hidden-sm hidden-md hidden-lg hidden-xl\"\n          content={info.content}\n          presentation={info.presentation}\n          size={Size.LARGE}\n          title={info.title}\n          onClick={info.onClick}\n        />\n      )}\n    </Element>\n  );\n};\n\nexport default Summary;\n"],"names":["BadgeIcons","Status","DONE","CheckCircleIcon","PENDING","PendingCircleIcon","statusLabels","NOT_DONE","statusMapping","Sentiment","POSITIVE","Summary","action","as","Element","className","content","description","help","icon","illustration","info","status","title","intl","useIntl","media","iconSize","props","size","cloneElement","Badge","_jsxs","classNames","formatMessage","messages","children","_jsx","StatusIcon","Size","SMALL","sentiment","Body","role","type","Typography","BODY_LARGE_BOLD","Info","presentation","LARGE","onClick","BODY_DEFAULT","Action"],"mappings":"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"}

package/build/summary/Summary.messages.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var reactIntl = require('react-intl');
-
-var messages = reactIntl.defineMessages({
-  statusNotDone: {
-    id: "neptune.Summary.statusNotDone"
-  },
-  statusPending: {
-    id: "neptune.Summary.statusPending"
-  },
-  statusDone: {
-    id: "neptune.Summary.statusDone"
-  }
-});
-
-module.exports = messages;
-//# sourceMappingURL=Summary.messages.js.map

package/build/summary/Summary.messages.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Summary.messages.js","sources":["../../src/summary/Summary.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  statusNotDone: {\n    id: 'neptune.Summary.statusNotDone',\n    defaultMessage: 'Item to do',\n  },\n  statusPending: {\n    id: 'neptune.Summary.statusPending',\n    defaultMessage: 'Item pending',\n  },\n  statusDone: {\n    id: 'neptune.Summary.statusDone',\n    defaultMessage: 'Item done',\n  },\n});\n"],"names":["defineMessages","statusNotDone","id","statusPending","statusDone"],"mappings":";;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,aAAa,EAAE;IACbC,EAAE,EAAA,+BAAA;GAEH;AACDC,EAAAA,aAAa,EAAE;IACbD,EAAE,EAAA,+BAAA;GAEH;AACDE,EAAAA,UAAU,EAAE;IACVF,EAAE,EAAA,4BAAA;AAEH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/summary/Summary.messages.mjs

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

package/build/summary/Summary.messages.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Summary.messages.mjs","sources":["../../src/summary/Summary.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n  statusNotDone: {\n    id: 'neptune.Summary.statusNotDone',\n    defaultMessage: 'Item to do',\n  },\n  statusPending: {\n    id: 'neptune.Summary.statusPending',\n    defaultMessage: 'Item pending',\n  },\n  statusDone: {\n    id: 'neptune.Summary.statusDone',\n    defaultMessage: 'Item done',\n  },\n});\n"],"names":["defineMessages","statusNotDone","id","statusPending","statusDone"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,aAAa,EAAE;IACbC,EAAE,EAAA,+BAAA;GAEH;AACDC,EAAAA,aAAa,EAAE;IACbD,EAAE,EAAA,+BAAA;GAEH;AACDE,EAAAA,UAAU,EAAE;IACVF,EAAE,EAAA,4BAAA;AAEH,GAAA;AACF,CAAA,CAAC;;;;"}

package/build/summary/Summary.mjs

@@ -1,113 +0,0 @@
-import { CheckCircleFill, ClockFill } from '@transferwise/icons';
-import classNames from 'classnames';
-import { cloneElement } from 'react';
-import { useIntl } from 'react-intl';
-import Body from '../body/Body.mjs';
-import '../info/infoPresentations.mjs';
-import Info from '../info/Info.mjs';
-import StatusIcon from '../statusIcon/StatusIcon.mjs';
-import messages from './Summary.messages.mjs';
-import { Action } from '../common/action/Action.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Sentiment } from '../common/propsValues/sentiment.mjs';
-import { Status } from '../common/propsValues/status.mjs';
-import { Size } from '../common/propsValues/size.mjs';
-import { Typography } from '../common/propsValues/typography.mjs';
-
-/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */
-const BadgeIcons = {
-  [Status.DONE]: CheckCircleFill,
-  [Status.PENDING]: ClockFill
-};
-const statusLabels = {
-  [Status.NOT_DONE]: 'statusNotDone',
-  [Status.DONE]: 'statusDone',
-  [Status.PENDING]: 'statusPending'
-};
-const statusMapping = {
-  [Status.DONE]: Sentiment.POSITIVE,
-  [Status.PENDING]: Sentiment.PENDING
-};
-const Summary = ({
-  action,
-  as: Element = 'div',
-  className,
-  content = null,
-  description = content,
-  help,
-  icon,
-  illustration = null,
-  info = help,
-  status,
-  title
-}) => {
-  const intl = useIntl();
-  let media = illustration;
-  if (icon) {
-    // @ts-expect-error if icon is present it has props and size prop
-    const iconSize = icon?.props?.size;
-    media = iconSize !== 24 ?
-    /*#__PURE__*/
-    // @ts-expect-error we need icon to adjust it's size
-    cloneElement(icon, {
-      size: 24
-    }) : icon;
-  }
-  // @ts-expect-error Badge can be null, this is handled in code
-  const Badge = status && BadgeIcons[status];
-  return /*#__PURE__*/jsxs(Element, {
-    className: classNames('np-summary d-flex align-items-start', className)
-    // @ts-expect-error we check whether `status` is not null before index `statusLabels` and `messages`
-    ,
-    "aria-label": status && intl.formatMessage(messages[statusLabels[status]]),
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "np-summary__icon",
-      children: [media, Badge && /*#__PURE__*/jsx("div", {
-        children: /*#__PURE__*/jsx(StatusIcon, {
-          size: Size.SMALL,
-          sentiment: statusMapping[status]
-        })
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: "np-summary__body m-l-2",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "np-summary__title d-flex",
-        children: [/*#__PURE__*/jsx(Body, {
-          as: "span",
-          role: "heading",
-          "aria-level": 4,
-          type: Typography.BODY_LARGE_BOLD,
-          className: "text-primary m-b-1",
-          children: title
-        }), info && /*#__PURE__*/jsx(Info, {
-          "aria-label": info['aria-label'],
-          className: "m-l-1 hidden-xs",
-          content: info.content,
-          presentation: info.presentation,
-          size: Size.LARGE,
-          title: info.title,
-          onClick: info.onClick
-        })]
-      }), description && /*#__PURE__*/jsx(Body, {
-        as: "span",
-        type: Typography.BODY_DEFAULT,
-        className: "d-block np-summary__description",
-        children: description
-      }), action && /*#__PURE__*/jsx(Action, {
-        action: action,
-        className: "np-summary__action"
-      })]
-    }), info && /*#__PURE__*/jsx(Info, {
-      "aria-label": info['aria-label'],
-      className: "m-l-2 hidden-sm hidden-md hidden-lg hidden-xl",
-      content: info.content,
-      presentation: info.presentation,
-      size: Size.LARGE,
-      title: info.title,
-      onClick: info.onClick
-    })]
-  });
-};
-
-export { Summary as default };
-//# sourceMappingURL=Summary.mjs.map

package/build/summary/Summary.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Summary.mjs","sources":["../../src/summary/Summary.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-assignment */\nimport {\n  CheckCircleFill as CheckCircleIcon,\n  ClockFill as PendingCircleIcon,\n} from '@transferwise/icons';\nimport classNames from 'classnames';\nimport { ElementType, cloneElement, ReactNode } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport Body from '../body';\nimport {\n  Status,\n  StatusDone,\n  StatusNotDone,\n  StatusPending,\n  Size,\n  Typography,\n  Sentiment,\n} from '../common';\nimport Info, { InfoProps } from '../info';\nimport StatusIcon from '../statusIcon';\n\nimport messages from './Summary.messages';\nimport { Action, ActionOptions } from '../common/action/Action';\n\nconst BadgeIcons = {\n  [Status.DONE]: CheckCircleIcon,\n  [Status.PENDING]: PendingCircleIcon,\n};\n\nconst statusLabels = {\n  [Status.NOT_DONE]: 'statusNotDone',\n  [Status.DONE]: 'statusDone',\n  [Status.PENDING]: 'statusPending',\n};\n\nconst statusMapping = {\n  [Status.DONE]: Sentiment.POSITIVE,\n  [Status.PENDING]: Sentiment.PENDING,\n};\n\nexport interface Props {\n  /**\n   * Action displayed at the bottom of the Summary\n   */\n  action?: ActionOptions;\n  /**\n   * Decides which html element should wrap the Summary\n   */\n  as?: ElementType;\n  /**\n   * Extra classes applied to Summary\n   */\n  className?: string;\n  /**\n   * @deprecated please use description instead\n   */\n  content?: ReactNode;\n  /**\n   * Summary description\n   */\n  description?: ReactNode;\n  /**\n   * @deprecated please use info instead\n   */\n  help?: {\n    content: ReactNode;\n    title?: ReactNode;\n  };\n  /**\n   * Infos displayed on help Icon click inside Popover or Modal\n   */\n  info?: Pick<InfoProps, 'aria-label' | 'content' | 'onClick' | 'presentation' | 'title'>;\n  /**\n   * @deprecated please use icon instead\n   */\n  illustration?: ReactNode;\n  /**\n   * Main Summary Icon\n   */\n  icon?: ReactNode;\n  /**\n   * Decides the badge applied to Icon\n   */\n  status?: StatusNotDone | StatusDone | StatusPending;\n  /**\n   * Summary title\n   */\n  title: ReactNode;\n}\n\nconst Summary = ({\n  action,\n  as: Element = 'div',\n  className,\n  content = null,\n  description = content,\n  help,\n  icon,\n  illustration = null,\n  info = help,\n  status,\n  title,\n}: Props) => {\n  const intl = useIntl();\n\n  let media = illustration;\n  if (icon) {\n    // @ts-expect-error if icon is present it has props and size prop\n    const iconSize = icon?.props?.size as number;\n\n    media =\n      iconSize !== 24\n        ? // @ts-expect-error we need icon to adjust it's size\n          cloneElement(icon, { size: 24 })\n        : icon;\n  }\n  // @ts-expect-error Badge can be null, this is handled in code\n  const Badge = status && BadgeIcons[status];\n\n  return (\n    <Element\n      className={classNames('np-summary d-flex align-items-start', className)}\n      // @ts-expect-error we check whether `status` is not null before index `statusLabels` and `messages`\n      aria-label={status && intl.formatMessage(messages[statusLabels[status]])}\n    >\n      <div className=\"np-summary__icon\">\n        {media}\n        {Badge && (\n          <div>\n            {/* @ts-expect-error it's okey to pass `undefined` into `sentiment` prop */}\n            <StatusIcon size={Size.SMALL} sentiment={statusMapping[status]} />\n          </div>\n        )}\n      </div>\n      <div className=\"np-summary__body m-l-2\">\n        <div className=\"np-summary__title d-flex\">\n          <Body\n            as=\"span\"\n            role=\"heading\"\n            aria-level={4}\n            type={Typography.BODY_LARGE_BOLD}\n            className=\"text-primary m-b-1\"\n          >\n            {title}\n          </Body>\n          {info && (\n            <Info\n              aria-label={info['aria-label']}\n              className=\"m-l-1 hidden-xs\"\n              content={info.content}\n              presentation={info.presentation}\n              size={Size.LARGE}\n              title={info.title}\n              onClick={info.onClick}\n            />\n          )}\n        </div>\n\n        {description && (\n          <Body\n            as=\"span\"\n            type={Typography.BODY_DEFAULT}\n            className=\"d-block np-summary__description\"\n          >\n            {description}\n          </Body>\n        )}\n        {action && <Action action={action} className=\"np-summary__action\" />}\n      </div>\n      {info && (\n        <Info\n          aria-label={info['aria-label']}\n          className=\"m-l-2 hidden-sm hidden-md hidden-lg hidden-xl\"\n          content={info.content}\n          presentation={info.presentation}\n          size={Size.LARGE}\n          title={info.title}\n          onClick={info.onClick}\n        />\n      )}\n    </Element>\n  );\n};\n\nexport default Summary;\n"],"names":["BadgeIcons","Status","DONE","CheckCircleIcon","PENDING","PendingCircleIcon","statusLabels","NOT_DONE","statusMapping","Sentiment","POSITIVE","Summary","action","as","Element","className","content","description","help","icon","illustration","info","status","title","intl","useIntl","media","iconSize","props","size","cloneElement","Badge","_jsxs","classNames","formatMessage","messages","children","_jsx","StatusIcon","Size","SMALL","sentiment","Body","role","type","Typography","BODY_LARGE_BOLD","Info","presentation","LARGE","onClick","BODY_DEFAULT","Action"],"mappings":"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"}

package/build/switch/Switch.js

@@ -1,82 +0,0 @@
-'use strict';
-
-var icons = require('@transferwise/icons');
-var componentsTheming = require('@wise/components-theming');
-var classNames = require('classnames');
-var contexts = require('../inputs/contexts.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
-const Switch = props => {
-  const inputAttributes = contexts.useInputAttributes({
-    nonLabelable: true
-  });
-  const {
-    isModern
-  } = componentsTheming.useTheme();
-  const {
-    checked,
-    className,
-    id = inputAttributes.id,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledbyProp,
-    onClick,
-    disabled
-  } = props;
-  const handleKeyDown = event => {
-    if (event.key === ' ') {
-      event.preventDefault();
-      onClick();
-    }
-  };
-  const returnIcon = () => {
-    if (isModern) {
-      return /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "np-switch--thumb"
-      });
-    }
-    if (checked) {
-      return /*#__PURE__*/jsxRuntime.jsx("span", {
-        className: "np-switch--thumb",
-        children: /*#__PURE__*/jsxRuntime.jsx(icons.CheckCircleFill, {
-          size: 24
-        })
-      });
-    }
-    return /*#__PURE__*/jsxRuntime.jsx("span", {
-      className: "np-switch--thumb",
-      children: /*#__PURE__*/jsxRuntime.jsx(icons.CrossCircleFill, {
-        size: 24
-      })
-    });
-  };
-  const ariaLabelledby = (ariaLabel ? undefined : ariaLabelledbyProp) ?? inputAttributes['aria-labelledby'];
-  return /*#__PURE__*/jsxRuntime.jsxs("span", {
-    className: classNames__default.default('np-switch', {
-      'np-switch--unchecked': !checked,
-      'np-switch--checked': checked,
-      disabled
-    }, className),
-    tabIndex: 0,
-    role: "switch",
-    "aria-checked": checked,
-    "aria-label": ariaLabel,
-    ...inputAttributes,
-    "aria-labelledby": ariaLabelledby,
-    id: id,
-    "aria-disabled": disabled,
-    onClick: !disabled ? onClick : undefined,
-    onKeyDown: !disabled ? handleKeyDown : undefined,
-    children: [returnIcon(), /*#__PURE__*/jsxRuntime.jsx("input", {
-      type: "checkbox",
-      checked: checked,
-      readOnly: true
-    })]
-  });
-};
-
-module.exports = Switch;
-//# sourceMappingURL=Switch.js.map