@transferwise/components 0.0.0-experimental-5e2f01a → 0.0.0-experimental-d8ad171

package/build/es/no-polyfill/chevron/Chevron.js

@@ -1 +1 @@
-import{ChevronUp}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{Size,Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";const CONTAINER_SIZE={[Size.EXTRA_SMALL]:10,[Size.SMALL]:16,[Size.MEDIUM]:24},ExtraSmallChevron=a=>{let{className:b}=a;return/*#__PURE__*/_jsx("span",{className:classNames("tw-icon","tw-icon-chevron",b),role:"presentation","aria-hidden":!0,children:/*#__PURE__*/_jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"currentColor",focusable:"false",children:/*#__PURE__*/_jsx("path",{fillRule:"evenodd",d:"M4.9995 2.0865L0.0635004 6.7645L1.2745 7.9125L4.9995 4.3835L8.7245 7.9135L9.9355 6.7645L4.9995 2.0865Z"})})})};ExtraSmallChevron.propTypes={className:PropTypes.string},ExtraSmallChevron.defaultProps={className:null};const Chevron=a=>{let{orientation:b,size:c,disabled:d,className:e}=a;const f=classNames("tw-chevron",{"chevron-color":!d},`${[b]}`.toLowerCase(),e),g=CONTAINER_SIZE[c];return c===Size.EXTRA_SMALL?/*#__PURE__*/_jsx(ExtraSmallChevron,{className:f}):/*#__PURE__*/_jsx(ChevronUp,{className:f,size:g})};Chevron.propTypes={orientation:PropTypes.oneOf(["top","bottom","left","right"]),size:PropTypes.oneOf(["xs","sm","md"]),disabled:PropTypes.bool,className:PropTypes.string},Chevron.defaultProps={orientation:Position.BOTTOM,size:Size.SMALL,disabled:!1,className:null};export default Chevron;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";var _CONTAINER_SIZE;import{ChevronUp}from"@transferwise/icons";import classNames from"classnames";import PropTypes from"prop-types";import{Size,Position}from"../common";import{jsx as _jsx}from"react/jsx-runtime";var CONTAINER_SIZE=(_CONTAINER_SIZE={},_defineProperty(_CONTAINER_SIZE,Size.EXTRA_SMALL,10),_defineProperty(_CONTAINER_SIZE,Size.SMALL,16),_defineProperty(_CONTAINER_SIZE,Size.MEDIUM,24),_CONTAINER_SIZE),ExtraSmallChevron=function(a){var b=a.className;return/*#__PURE__*/_jsx("span",{className:classNames("tw-icon","tw-icon-chevron",b),role:"presentation","aria-hidden":!0,children:/*#__PURE__*/_jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"currentColor",focusable:"false",children:/*#__PURE__*/_jsx("path",{fillRule:"evenodd",d:"M4.9995 2.0865L0.0635004 6.7645L1.2745 7.9125L4.9995 4.3835L8.7245 7.9135L9.9355 6.7645L4.9995 2.0865Z"})})})};ExtraSmallChevron.propTypes={className:PropTypes.string},ExtraSmallChevron.defaultProps={className:null};var Chevron=function(a){var b=a.orientation,c=a.size,d=a.disabled,e=a.className,f=classNames("tw-chevron",{"chevron-color":!d},"".concat([b]).toLowerCase(),e),g=CONTAINER_SIZE[c];return c===Size.EXTRA_SMALL?/*#__PURE__*/_jsx(ExtraSmallChevron,{className:f}):/*#__PURE__*/_jsx(ChevronUp,{className:f,size:g})};Chevron.propTypes={orientation:PropTypes.oneOf(["top","bottom","left","right"]),size:PropTypes.oneOf(["xs","sm","md"]),disabled:PropTypes.bool,className:PropTypes.string},Chevron.defaultProps={orientation:Position.BOTTOM,size:Size.SMALL,disabled:!1,className:null};export default Chevron;

package/build/es/no-polyfill/chevron/Chevron.story.js

@@ -1 +1 @@
-import Chevron from"./Chevron";export default{component:Chevron,title:"Other/Chevron",argTypes:{orientation:{type:{name:"enum",value:["top","bottom","left","right"]}},size:{type:{name:"enum",value:["xs","sm","md"]}}},tags:["autodocs"]};export const Basic={args:{orientation:"top",size:"md"}};
+import Chevron from"./Chevron";export default{component:Chevron,title:"Other/Chevron",argTypes:{orientation:{type:{name:"enum",value:["top","bottom","left","right"]}},size:{type:{name:"enum",value:["xs","sm","md"]}}},tags:["autodocs"]};export var Basic={args:{orientation:"top",size:"md"}};

package/build/es/no-polyfill/chips/Chip.js

@@ -1 +1 @@
-import{useTheme}from"@wise/components-theming";import classNames from"classnames";import{useEffect,useRef}from"react";import Body from"../body/Body";import{Typography}from"../common";import{CloseButton}from"../common/closeButton/CloseButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const Chip=a=>{let{label:b,value:c,onRemove:d,onClick:e,onKeyPress:f,className:k=void 0,"aria-label":g,"aria-checked":h,role:i,closeButton:j}=a;const l=e||f,m=l?"button":void 0,n=l?0:-1,{isModern:o}=useTheme(),p=useRef(null),q=useRef();return useEffect(()=>{null!=p.current&&!1===q.current&&p.current?.focus(),q.current=null!=p.current},[d]),/*#__PURE__*/_jsxs("div",{role:i??m,tabIndex:n,"aria-label":g,"aria-checked":h,className:classNames("np-chip","d-flex","align-items-center","justify-content-between",d?"np-chip--removable":"",k),...(l&&{onClick:e,onKeyPress:f}),children:[o?/*#__PURE__*/_jsx(Body,{"aria-hidden":!!d,type:Typography.BODY_DEFAULT_BOLD,children:b}):/*#__PURE__*/_jsx("span",{"aria-hidden":"false",className:"np-chip-label",children:b}),d?/*#__PURE__*/_jsx(CloseButton,{ref:p,className:o?`btn-unstyled`:`btn-unstyled m-l-1`,"aria-label":j&&j["aria-label"],size:"sm",filled:o,onClick:d}):null]},c)};export default Chip;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useTheme}from"@wise/components-theming";import classNames from"classnames";import{useEffect,useRef}from"react";import Body from"../body/Body";import{Typography}from"../common";import{CloseButton}from"../common/closeButton/CloseButton";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Chip=function(a){var b=a.label,c=a.value,d=a.onRemove,e=a.onClick,f=a.onKeyPress,g=a.className,h=void 0===g?void 0:g,i=a["aria-label"],j=a["aria-checked"],k=a.role,l=a.closeButton,m=e||f,n=m?"button":void 0,o=m?0:-1,p=useTheme(),q=p.isModern,r=useRef(null),s=useRef();return useEffect(function(){if(null!=r.current&&!1===s.current){var a;null===(a=r.current)||void 0===a?void 0:a.focus()}s.current=null!=r.current},[d]),/*#__PURE__*/_jsxs("div",_objectSpread(_objectSpread({role:null!==k&&void 0!==k?k:n,tabIndex:o,"aria-label":i,"aria-checked":j,className:classNames("np-chip","d-flex","align-items-center","justify-content-between",d?"np-chip--removable":"",h)},m&&{onClick:e,onKeyPress:f}),{},{children:[q?/*#__PURE__*/_jsx(Body,{"aria-hidden":!!d,type:Typography.BODY_DEFAULT_BOLD,children:b}):/*#__PURE__*/_jsx("span",{"aria-hidden":"false",className:"np-chip-label",children:b}),d?/*#__PURE__*/_jsx(CloseButton,{ref:r,className:q?"btn-unstyled":"btn-unstyled m-l-1","aria-label":l&&l["aria-label"],size:"sm",filled:q,onClick:d}):null]}),c)};export default Chip;

package/build/es/no-polyfill/chips/Chips.js

@@ -1 +1 @@
-import classNames from"classnames";import{useIntl}from"react-intl";import Chip from"./Chip";import messages from"./Chips.messages";import{jsx as _jsx}from"react/jsx-runtime";const Chips=a=>{let{chips:b,onChange:c,selected:d,"aria-label":e,className:f,multiple:g}=a;const h=useIntl(),i=a=>Array.isArray(d)?d.includes(a):d===a,j=(a,b)=>{c({isEnabled:!b,selectedValue:a})};return/*#__PURE__*/_jsx("div",{className:classNames("np-chips d-flex",f),"aria-label":e,role:g?void 0:"radiogroup",children:b.map(a=>{const b=i(a.value);return/*#__PURE__*/_jsx(Chip,{value:a.value,label:a.label,closeButton:{"aria-label":h.formatMessage(messages.ariaLabel,{choice:a.label})},className:classNames("text-xs-nowrap",{"np-chip--selected":b,"p-r-1":g&&b}),...(g&&b?{onRemove:()=>j(a.value,b),"aria-label":a.label}:{onClick:()=>j(a.value,b),onKeyPress:()=>j(a.value,b),role:g?void 0:"radio","aria-checked":b})},a.value)})})};export default Chips;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import{useIntl}from"react-intl";import Chip from"./Chip";import messages from"./Chips.messages";import{jsx as _jsx}from"react/jsx-runtime";var Chips=function(a){var b=a.chips,c=a.onChange,d=a.selected,e=a["aria-label"],f=a.className,g=a.multiple,h=useIntl(),i=function(a){return Array.isArray(d)?d.includes(a):d===a},j=function(a,b){c({isEnabled:!b,selectedValue:a})};return/*#__PURE__*/_jsx("div",{className:classNames("np-chips d-flex",f),"aria-label":e,role:g?void 0:"radiogroup",children:b.map(function(a){var b=i(a.value);return/*#__PURE__*/_jsx(Chip,_objectSpread({value:a.value,label:a.label,closeButton:{"aria-label":h.formatMessage(messages.ariaLabel,{choice:a.label})},className:classNames("text-xs-nowrap",{"np-chip--selected":b,"p-r-1":g&&b})},g&&b?{onRemove:function onRemove(){return j(a.value,b)},"aria-label":a.label}:{onClick:function onClick(){return j(a.value,b)},onKeyPress:function onKeyPress(){return j(a.value,b)},role:g?void 0:"radio","aria-checked":b}),a.value)})})};export default Chips;

package/build/es/no-polyfill/chips/Chips.spec.js

@@ -1 +1 @@
-import"@testing-library/jest-dom";import{render,screen,fireEvent}from"../test-utils";import Chips from".";import{jsx as _jsx}from"react/jsx-runtime";const choiceProps={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],selected:"payroll",onChange:jest.fn(),"aria-label":"Please select a category"},filterProps={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],onChange:jest.fn(),"aria-label":"Filter by categories",selected:["payments"],multiple:!0};describe("Chips",()=>{describe("Choice Chips",()=>{it(`renders as expected`,()=>{expect(render(/*#__PURE__*/_jsx(Chips,{...choiceProps})).container).toMatchSnapshot()}),it(`will pass previous state, updated state, and selected value on select`,()=>{render(/*#__PURE__*/_jsx(Chips,{...choiceProps}));const a=screen.getByText("Accounting");fireEvent.click(a),expect(choiceProps.onChange).toHaveBeenCalledWith({selectedValue:"accounting",isEnabled:!0})})}),describe("Filter Chips",()=>{it(`renders as expected`,()=>{expect(render(/*#__PURE__*/_jsx(Chips,{...filterProps})).container).toMatchSnapshot()}),it(`will pass previous state, updated state, and selected value on select`,()=>{render(/*#__PURE__*/_jsx(Chips,{...filterProps}));const a=screen.getByText("Accounting");fireEvent.click(a),expect(filterProps.onChange).toHaveBeenCalledWith({selectedValue:"accounting",isEnabled:!0})}),it(`will pass previous state, updated state, and cleared value on clear`,()=>{render(/*#__PURE__*/_jsx(Chips,{...filterProps})),fireEvent.click(screen.getAllByRole("button")[3]),expect(filterProps.onChange).toHaveBeenCalledWith({selectedValue:"payments",isEnabled:!1})})})});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import"@testing-library/jest-dom";import{render,screen,fireEvent}from"../test-utils";import Chips from".";import{jsx as _jsx}from"react/jsx-runtime";var choiceProps={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],selected:"payroll",onChange:jest.fn(),"aria-label":"Please select a category"},filterProps={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],onChange:jest.fn(),"aria-label":"Filter by categories",selected:["payments"],multiple:!0};describe("Chips",function(){describe("Choice Chips",function(){it("renders as expected",function(){expect(render(/*#__PURE__*/_jsx(Chips,_objectSpread({},choiceProps))).container).toMatchSnapshot()}),it("will pass previous state, updated state, and selected value on select",function(){render(/*#__PURE__*/_jsx(Chips,_objectSpread({},choiceProps)));var a=screen.getByText("Accounting");fireEvent.click(a),expect(choiceProps.onChange).toHaveBeenCalledWith({selectedValue:"accounting",isEnabled:!0})})}),describe("Filter Chips",function(){it("renders as expected",function(){expect(render(/*#__PURE__*/_jsx(Chips,_objectSpread({},filterProps))).container).toMatchSnapshot()}),it("will pass previous state, updated state, and selected value on select",function(){render(/*#__PURE__*/_jsx(Chips,_objectSpread({},filterProps)));var a=screen.getByText("Accounting");fireEvent.click(a),expect(filterProps.onChange).toHaveBeenCalledWith({selectedValue:"accounting",isEnabled:!0})}),it("will pass previous state, updated state, and cleared value on clear",function(){render(/*#__PURE__*/_jsx(Chips,_objectSpread({},filterProps))),fireEvent.click(screen.getAllByRole("button")[3]),expect(filterProps.onChange).toHaveBeenCalledWith({selectedValue:"payments",isEnabled:!1})})})});

package/build/es/no-polyfill/chips/Chips.story.js

@@ -1 +1 @@
-import{useState}from"react";import Chips from"./Chips";import{jsx as _jsx}from"react/jsx-runtime";const meta={title:"Actions/Chips",component:Chips,tags:["autodocs"]};export default meta;const FilterTemplate=a=>{const[b,c]=useState(a.selected?a.selected:[]);return/*#__PURE__*/_jsx(Chips,{...a,selected:b,multiple:!0,onChange:a=>{let{selectedValue:d,isEnabled:e}=a;if(e)c([...b,d]);else{const a=b.filter(a=>d!==a);c(a)}}})},ChoiceTemplate=a=>{const[b,c]=useState(a.selected);return/*#__PURE__*/_jsx(Chips,{...a,selected:b,onChange:a=>{let{selectedValue:b}=a;return c(b)}})};export const FilterChips=FilterTemplate.bind({});FilterChips.args={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}]};export const PreSelectedFilterChips=FilterTemplate.bind({});PreSelectedFilterChips.args={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],selected:["accounting","payments"]};export const ChoiceChips=ChoiceTemplate.bind({});ChoiceChips.args={chips:[{value:1,label:"100 GBP"},{value:2,label:"200 GBP"},{value:3,label:"300 GBP"},{value:4,label:"400 GBP+"}],selected:3};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useState}from"react";import Chips from"./Chips";import{jsx as _jsx}from"react/jsx-runtime";var meta={title:"Actions/Chips",component:Chips,tags:["autodocs"]};export default meta;var FilterTemplate=function(a){var b=useState(a.selected?a.selected:[]),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsx(Chips,_objectSpread(_objectSpread({},a),{},{selected:d,multiple:!0,onChange:function onChange(a){var b=a.selectedValue,c=a.isEnabled;if(c)e([].concat(_toConsumableArray(d),[b]));else{var f=d.filter(function(a){return b!==a});e(f)}}}))},ChoiceTemplate=function(a){var b=useState(a.selected),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsx(Chips,_objectSpread(_objectSpread({},a),{},{selected:d,onChange:function onChange(a){var b=a.selectedValue;return e(b)}}))};export var FilterChips=FilterTemplate.bind({});FilterChips.args={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}]};export var PreSelectedFilterChips=FilterTemplate.bind({});PreSelectedFilterChips.args={chips:[{value:"accounting",label:"Accounting"},{value:"payroll",label:"Payroll"},{value:"reporting",label:"Reporting"},{value:"payments",label:"Payments"}],selected:["accounting","payments"]};export var ChoiceChips=ChoiceTemplate.bind({});ChoiceChips.args={chips:[{value:1,label:"100 GBP"},{value:2,label:"200 GBP"},{value:3,label:"300 GBP"},{value:4,label:"400 GBP+"}],selected:3};

package/build/es/no-polyfill/circularButton/CircularButton.js

@@ -1 +1 @@
-import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import Body from"../body/Body";import{typeClassMap,priorityClassMap}from"../button/classMap";import{ControlType,Priority}from"../common";import{Typography}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const CircularButton=a=>{let{className:b,children:c,disabled:d,icon:e,priority:f,type:g,...h}=a;const i=classNames("btn np-btn",typeClassMap[g],priorityClassMap[f]),j=24===e.props.size?e:/*#__PURE__*/cloneElement(e,{size:24});return/*#__PURE__*/_jsxs("label",{className:classNames("np-circular-btn",f,g,d?"disabled":"",b),children:[/*#__PURE__*/_jsx("input",{type:"button","aria-label":c,className:i,disabled:d,...h}),j,/*#__PURE__*/_jsx(Body,{as:"span",className:"np-circular-btn__label",type:Typography.BODY_DEFAULT_BOLD,children:c})]})};CircularButton.propTypes={className:PropTypes.string,children:PropTypes.string.isRequired,disabled:PropTypes.bool,icon:PropTypes.element.isRequired,onClick:PropTypes.func.isRequired,priority:PropTypes.oneOf(["primary","secondary"]),type:PropTypes.oneOf(["accent","positive","negative"])},CircularButton.defaultProps={className:void 0,disabled:!1,priority:Priority.PRIMARY,type:ControlType.ACCENT};export default CircularButton;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["className","children","disabled","icon","priority","type"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import PropTypes from"prop-types";import{cloneElement}from"react";import Body from"../body/Body";import{typeClassMap,priorityClassMap}from"../button/classMap";import{ControlType,Priority}from"../common";import{Typography}from"../common";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var CircularButton=function(a){var b=a.className,c=a.children,d=a.disabled,e=a.icon,f=a.priority,g=a.type,h=_objectWithoutProperties(a,_excluded),i=classNames("btn np-btn",typeClassMap[g],priorityClassMap[f]),j=24===e.props.size?e:/*#__PURE__*/cloneElement(e,{size:24});return/*#__PURE__*/_jsxs("label",{className:classNames("np-circular-btn",f,g,d?"disabled":"",b),children:[/*#__PURE__*/_jsx("input",_objectSpread({type:"button","aria-label":c,className:i,disabled:d},h)),j,/*#__PURE__*/_jsx(Body,{as:"span",className:"np-circular-btn__label",type:Typography.BODY_DEFAULT_BOLD,children:c})]})};CircularButton.propTypes={className:PropTypes.string,children:PropTypes.string.isRequired,disabled:PropTypes.bool,icon:PropTypes.element.isRequired,onClick:PropTypes.func.isRequired,priority:PropTypes.oneOf(["primary","secondary"]),type:PropTypes.oneOf(["accent","positive","negative"])},CircularButton.defaultProps={className:void 0,disabled:!1,priority:Priority.PRIMARY,type:ControlType.ACCENT};export default CircularButton;

package/build/es/no-polyfill/common/DOMOperations/DOMOperations.js

@@ -1,9 +1,9 @@
 /**
  * Defined in `Dimmer.less`
- */const NO_SCROLL_BODY_CLASS="no-scroll";/**
+ */var NO_SCROLL_BODY_CLASS="no-scroll";/**
  * Apply {@link NO_SCROLL_BODY_CLASS} that disables scroll on page (e.g use in Dimmer to disable scroll behind the component)
  *
  * For a proper disabling, the CSS class needs to be applied for `html` and `body` elements.
- */export const addNoScrollBodyClass=()=>{document.documentElement.classList.add(NO_SCROLL_BODY_CLASS),document.body.classList.add(NO_SCROLL_BODY_CLASS)};/**
+ */export var addNoScrollBodyClass=function(){document.documentElement.classList.add(NO_SCROLL_BODY_CLASS),document.body.classList.add(NO_SCROLL_BODY_CLASS)};/**
  * Clean up after {@link addNoScrollBodyClass} function
- */export const removeNoScrollBodyClass=()=>{document.documentElement.classList.remove(NO_SCROLL_BODY_CLASS),document.body.classList.remove(NO_SCROLL_BODY_CLASS)};
+ */export var removeNoScrollBodyClass=function(){document.documentElement.classList.remove(NO_SCROLL_BODY_CLASS),document.body.classList.remove(NO_SCROLL_BODY_CLASS)};

package/build/es/no-polyfill/common/Option/Option.js

@@ -1 +1 @@
-import classNames from"classnames";import{forwardRef}from"react";import Body from"../../body";import{Typography}from"../propsValues/typography";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const Option=/*#__PURE__*/forwardRef((a,b)=>{let{media:k="",title:c,content:d,as:e,button:f,decision:l=!0,disabled:m=!1,complex:g,inverseMediaCircle:n=!0,className:h,showMediaAtAllSizes:i,showMediaCircle:o=!0,isContainerAligned:p=!1,...j}=a;const q=e??"label";return/*#__PURE__*/_jsx(q,{...j,ref:b,className:classNames("np-option",h,{"decision-complex":g,decision:l,disabled:m,"np-option__sm-media":i,"np-option__container-aligned":p}),disabled:m&&"button"===q,children:/*#__PURE__*/_jsxs("div",{className:"media",children:[k&&/*#__PURE__*/_jsx("div",{className:"media-left",children:o?/*#__PURE__*/_jsx("div",{className:classNames("circle circle-sm text-primary",{"circle-inverse":n}),children:k}):/*#__PURE__*/_jsx("div",{className:"np-option__no-media-circle",children:k})}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx(Body,{as:"span",type:Typography.BODY_LARGE_BOLD,className:"text-primary np-option__title d-block",children:c}),d&&/*#__PURE__*/_jsx(Body,{className:"d-block np-option__body",children:d})]}),/*#__PURE__*/_jsx("div",{className:"media-right",children:f})]})})});export default Option;
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["media","title","content","as","button","decision","disabled","complex","inverseMediaCircle","className","showMediaAtAllSizes","showMediaCircle","isContainerAligned"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classNames from"classnames";import{forwardRef}from"react";import Body from"../../body";import{Typography}from"../propsValues/typography";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var Option=/*#__PURE__*/forwardRef(function(a,b){var c,d=a.media,e=void 0===d?"":d,f=a.title,g=a.content,h=a.as,i=a.button,j=a.decision,k=a.disabled,l=void 0!==k&&k,m=a.complex,n=a.inverseMediaCircle,o=a.className,p=a.showMediaAtAllSizes,q=a.showMediaCircle,r=a.isContainerAligned,s=_objectWithoutProperties(a,_excluded),t=null!==(c=h)&&void 0!==c?c:"label";return/*#__PURE__*/_jsx(t,_objectSpread(_objectSpread({},s),{},{ref:b,className:classNames("np-option",o,{"decision-complex":m,decision:!(void 0!==j)||j,disabled:l,"np-option__sm-media":p,"np-option__container-aligned":void 0!==r&&r}),disabled:l&&"button"===t,children:/*#__PURE__*/_jsxs("div",{className:"media",children:[e&&/*#__PURE__*/_jsx("div",{className:"media-left",children:!(void 0!==q)||q?/*#__PURE__*/_jsx("div",{className:classNames("circle circle-sm text-primary",{"circle-inverse":!(void 0!==n)||n}),children:e}):/*#__PURE__*/_jsx("div",{className:"np-option__no-media-circle",children:e})}),/*#__PURE__*/_jsxs("div",{className:"media-body",children:[/*#__PURE__*/_jsx(Body,{as:"span",type:Typography.BODY_LARGE_BOLD,className:"text-primary np-option__title d-block",children:f}),g&&/*#__PURE__*/_jsx(Body,{className:"d-block np-option__body",children:g})]}),/*#__PURE__*/_jsx("div",{className:"media-right",children:i})]})}))});export default Option;

package/build/es/no-polyfill/common/RadioButton/RadioButton.js

@@ -1 +1 @@
-import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const RadioButton=a=>{let{id:b,value:c,name:d,checked:e,onChange:f,disabled:g,readOnly:h}=a;return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("input",{type:"radio",className:"sr-only",id:b,value:c,name:d,checked:e,disabled:g||h,onChange:()=>e?null:f(c)}),/*#__PURE__*/_jsx("span",{className:classNames("tw-radio-button",{checked:e,disabled:g||h}),children:/*#__PURE__*/_jsx("span",{className:"tw-radio-check"})})]})};RadioButton.propTypes={id:PropTypes.string,name:PropTypes.string.isRequired,checked:PropTypes.bool,onChange:PropTypes.func,disabled:PropTypes.bool,value:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),readOnly:PropTypes.bool},RadioButton.defaultProps={checked:!1,onChange:()=>{},disabled:!1,id:null,value:"",readOnly:!1};export default RadioButton;
+import classNames from"classnames";import PropTypes from"prop-types";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var RadioButton=function(a){var b=a.id,c=a.value,d=a.name,e=a.checked,f=a.onChange,g=a.disabled,h=a.readOnly;return/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("input",{type:"radio",className:"sr-only",id:b,value:c,name:d,checked:e,disabled:g||h,onChange:function onChange(){return e?null:f(c)}}),/*#__PURE__*/_jsx("span",{className:classNames("tw-radio-button",{checked:e,disabled:g||h}),children:/*#__PURE__*/_jsx("span",{className:"tw-radio-check"})})]})};RadioButton.propTypes={id:PropTypes.string,name:PropTypes.string.isRequired,checked:PropTypes.bool,onChange:PropTypes.func,disabled:PropTypes.bool,value:PropTypes.oneOfType([PropTypes.number,PropTypes.string]),readOnly:PropTypes.bool},RadioButton.defaultProps={checked:!1,onChange:function onChange(){},disabled:!1,id:null,value:"",readOnly:!1};export default RadioButton;

package/build/es/no-polyfill/common/bottomSheet/BottomSheet.js

@@ -1,10 +1,10 @@
-import classNames from"classnames";import{useRef,useState}from"react";import Dimmer from"../../dimmer";import SlidingPanel from"../../slidingPanel";import{CloseButton}from"../closeButton";import{isServerSide}from"../domHelpers";import{useConditionalListener}from"../hooks";import{Position}from"../propsValues/position";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const INITIAL_Y_POSITION=0,CONTENT_SCROLL_THRESHOLD=1,MOVE_OFFSET_THRESHOLD=50,BottomSheet=a=>{function b(a){null!==g.current&&(g.current.style.transform=`translateY(${a}px)`)}function c(b){k(!1),m.current=INITIAL_Y_POSITION,null!==g.current&&g.current.style.removeProperty("transform"),a.onClose&&a.onClose(b)}function d(a){// stop moving component
-cancelAnimationFrame(l.current),k(!1),m.current>MOVE_OFFSET_THRESHOLD&&e()?c(a):b(INITIAL_Y_POSITION),m.current=INITIAL_Y_POSITION}function e(){return i?.current?.scrollTop!==void 0&&i.current.scrollTop<=CONTENT_SCROLL_THRESHOLD}/**
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import classNames from"classnames";import{useRef,useState}from"react";import Dimmer from"../../dimmer";import SlidingPanel from"../../slidingPanel";import{CloseButton}from"../closeButton";import{isServerSide}from"../domHelpers";import{useConditionalListener}from"../hooks";import{Position}from"../propsValues/position";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var INITIAL_Y_POSITION=0,CONTENT_SCROLL_THRESHOLD=1,MOVE_OFFSET_THRESHOLD=50,BottomSheet=function(a){function b(a){null!==g.current&&(g.current.style.transform="translateY(".concat(a,"px)"))}function c(b){m(!1),o.current=INITIAL_Y_POSITION,null!==g.current&&g.current.style.removeProperty("transform"),a.onClose&&a.onClose(b)}function d(a){// stop moving component
+cancelAnimationFrame(n.current),m(!1),o.current>MOVE_OFFSET_THRESHOLD&&e()?c(a):b(INITIAL_Y_POSITION),o.current=INITIAL_Y_POSITION}function e(){var a;return(null===i||void 0===i||null===(a=i.current)||void 0===a?void 0:a.scrollTop)!==void 0&&i.current.scrollTop<=CONTENT_SCROLL_THRESHOLD}/**
    * Calculates how hard user moves component,
    * result value used to determine whether to hide component or re-position to default state
    *
    * @param afterMoveYCoordinate
-   */function f(a){return a-n.current}/**
+   */function f(a){return a-p.current}/**
    * Set `max-height` for content part (in order to keep it scrollable for content overflow cases) of the component
    * and ensures space for safe zone (32px) at the top.
-   */const g=useRef(null),h=useRef(null),i=useRef(null),[j,k]=useState(!1),l=useRef(0),m=useRef(0),n=useRef(0);useConditionalListener({attachListener:a.open&&!isServerSide(),callback:()=>{if(null!==h.current){const{classList:a}=h.current;e()?a.remove("np-bottom-sheet--top-bar--shadow"):a.add("np-bottom-sheet--top-bar--shadow")}},eventType:"scroll",parent:isServerSide()?void 0:document});const o=a=>b=>{n.current=(a?b.touches[0]:b).clientY,k(!0)},p=a=>c=>{if(j){const{clientY:d}=a?c.touches[0]:c,h=f(d);h>INITIAL_Y_POSITION&&e()&&(m.current=h,l.current=requestAnimationFrame(()=>{l.current!==void 0&&null!==g.current&&b(h)}))}};return/*#__PURE__*/_jsx(Dimmer,{open:a.open,fadeContentOnEnter:!0,fadeContentOnExit:!0,onClose:c,children:/*#__PURE__*/_jsxs(SlidingPanel,{ref:g,open:a.open,position:Position.BOTTOM,className:classNames("np-bottom-sheet",a.className),role:"dialog",onTouchStart:o(!0),onTouchMove:p(!0),onTouchEnd:d,onMouseDown:o(!1),onMouseMove:p(!1),onMouseUp:d,children:[/*#__PURE__*/_jsxs("div",{ref:h,className:"np-bottom-sheet--top-bar",children:[/*#__PURE__*/_jsx("div",{className:"np-bottom-sheet--handler"}),/*#__PURE__*/_jsx(CloseButton,{size:"sm",className:"sr-only np-bottom-sheet--close-btn",onClick:c})]}),/*#__PURE__*/_jsx("div",{ref:i,style:function(){const a=isServerSide()?0:window.innerHeight;return{maxHeight:`calc(${`${100*(.01*a)}px`} - ${"64px"} - ${"32px"})`}}(),className:"np-bottom-sheet--content",children:a.children})]})})};export default BottomSheet;
+   */var g=useRef(null),h=useRef(null),i=useRef(null),j=useState(!1),k=_slicedToArray(j,2),l=k[0],m=k[1],n=useRef(0),o=useRef(0),p=useRef(0);useConditionalListener({attachListener:a.open&&!isServerSide(),callback:function callback(){if(null!==h.current){var a=h.current.classList;e()?a.remove("np-bottom-sheet--top-bar--shadow"):a.add("np-bottom-sheet--top-bar--shadow")}},eventType:"scroll",parent:isServerSide()?void 0:document});var q=function(a){return function(b){p.current=(a?b.touches[0]:b).clientY,m(!0)}},r=function(a){return function(c){if(l){var d=a?c.touches[0]:c,h=d.clientY,i=f(h);i>INITIAL_Y_POSITION&&e()&&(o.current=i,n.current=requestAnimationFrame(function(){n.current!==void 0&&null!==g.current&&b(i)}))}}};return/*#__PURE__*/_jsx(Dimmer,{open:a.open,fadeContentOnEnter:!0,fadeContentOnExit:!0,onClose:c,children:/*#__PURE__*/_jsxs(SlidingPanel,{ref:g,open:a.open,position:Position.BOTTOM,className:classNames("np-bottom-sheet",a.className),role:"dialog",onTouchStart:q(!0),onTouchMove:r(!0),onTouchEnd:d,onMouseDown:q(!1),onMouseMove:r(!1),onMouseUp:d,children:[/*#__PURE__*/_jsxs("div",{ref:h,className:"np-bottom-sheet--top-bar",children:[/*#__PURE__*/_jsx("div",{className:"np-bottom-sheet--handler"}),/*#__PURE__*/_jsx(CloseButton,{size:"sm",className:"sr-only np-bottom-sheet--close-btn",onClick:c})]}),/*#__PURE__*/_jsx("div",{ref:i,style:function(){var a=isServerSide()?0:window.innerHeight,b="".concat(100*(.01*a),"px");return{maxHeight:"calc(".concat(b," - ").concat("64px"," - ").concat("32px",")")}}(),className:"np-bottom-sheet--content",children:a.children})]})})};export default BottomSheet;

package/build/es/no-polyfill/common/bottomSheet/BottomSheet.spec.js

@@ -1 +1 @@
-import{render}from"../../test-utils";import BottomSheet from"./BottomSheet";import{jsx as _jsx}from"react/jsx-runtime";describe("BottomSheet",()=>{it("renders content when open",()=>{const{baseElement:a}=render(/*#__PURE__*/_jsx(BottomSheet,{open:!0,onClose:jest.fn(),children:/*#__PURE__*/_jsx("b",{children:"Test Content"})}));expect(a).toMatchSnapshot()}),it("does not renders when closed",()=>{const{container:a}=render(/*#__PURE__*/_jsx(BottomSheet,{open:!1,onClose:jest.fn(),children:"content"}));expect(a).toBeEmptyDOMElement()})});
+import{render}from"../../test-utils";import BottomSheet from"./BottomSheet";import{jsx as _jsx}from"react/jsx-runtime";describe("BottomSheet",function(){it("renders content when open",function(){var a=render(/*#__PURE__*/_jsx(BottomSheet,{open:!0,onClose:jest.fn(),children:/*#__PURE__*/_jsx("b",{children:"Test Content"})})),b=a.baseElement;expect(b).toMatchSnapshot()}),it("does not renders when closed",function(){var a=render(/*#__PURE__*/_jsx(BottomSheet,{open:!1,onClose:jest.fn(),children:"content"})),b=a.container;expect(b).toBeEmptyDOMElement()})});

package/build/es/no-polyfill/common/bottomSheet/BottomSheet.story.js

@@ -1,2 +1,2 @@
-import{action}from"@storybook/addon-actions";import{FastFlag}from"@transferwise/icons";import{useState}from"react";import Body from"../../body/Body";import Button from"../../button";import NavigationOption from"../../navigationOption";import{lorem10,lorem500,storyConfig}from"../../test-utils";import Title from"../../title/Title";import{Typography}from"../propsValues/typography";import BottomSheet from"./BottomSheet";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:BottomSheet,title:"Dialogs/BottomSheet",args:{open:!0},render:a=>{// eslint-disable-next-line react-hooks/rules-of-hooks
-const[b,c]=useState(a.open);return/*#__PURE__*/_jsxs("div",{style:{height:"2000px"},children:[/*#__PURE__*/_jsx(Button,{onClick:()=>c(!0),children:"Open BottomSheet"}),/*#__PURE__*/_jsx(BottomSheet,{...a,open:b,onClose:()=>{c(!1),action("BottomSheet closed")()}})]})}};export const Basic={args:{children:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/*#__PURE__*/_jsx("br",{}),/*#__PURE__*/_jsx("br",{}),/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24}),isContainerAligned:!0})]})},parameters:{chromatic:{delay:1e3}}};export const BasicMobile=storyConfig(Basic,{variants:["mobile"]});export const WithOverflowContent={args:{children:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24})}),/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24}),isContainerAligned:!0}),lorem500,/*#__PURE__*/_jsx(Body,{type:Typography.BODY_DEFAULT_BOLD,children:lorem10})]})},parameters:{chromatic:{delay:1e3}}};export const WithOverflowContentMobile=storyConfig(WithOverflowContent,{variants:["mobile"]});export const WithOverflowContentDark=storyConfig(WithOverflowContent,{variants:["dark"]});export const WithOverflowContentDarkMobile=storyConfig(WithOverflowContent,{variants:["dark","mobile"]});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{action}from"@storybook/addon-actions";import{FastFlag}from"@transferwise/icons";import{useState}from"react";import Body from"../../body/Body";import Button from"../../button";import NavigationOption from"../../navigationOption";import{lorem10,lorem500,storyConfig}from"../../test-utils";import Title from"../../title/Title";import{Typography}from"../propsValues/typography";import BottomSheet from"./BottomSheet";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";export default{component:BottomSheet,title:"Dialogs/BottomSheet",args:{open:!0},render:function render(a){// eslint-disable-next-line react-hooks/rules-of-hooks
+var b=useState(a.open),c=_slicedToArray(b,2),d=c[0],e=c[1];return/*#__PURE__*/_jsxs("div",{style:{height:"2000px"},children:[/*#__PURE__*/_jsx(Button,{onClick:function onClick(){return e(!0)},children:"Open BottomSheet"}),/*#__PURE__*/_jsx(BottomSheet,_objectSpread(_objectSpread({},a),{},{open:d,onClose:function onClose(){e(!1),action("BottomSheet closed")()}}))]})}};export var Basic={args:{children:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/*#__PURE__*/_jsx("br",{}),/*#__PURE__*/_jsx("br",{}),/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24}),isContainerAligned:!0})]})},parameters:{chromatic:{delay:1e3}}};export var BasicMobile=storyConfig(Basic,{variants:["mobile"]});export var WithOverflowContent={args:{children:/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(Title,{type:Typography.TITLE_SECTION,children:"Money without borders"}),lorem10,/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24})}),/*#__PURE__*/_jsx(NavigationOption,{title:"Navigation option",content:"Button and icon are vertically centered.",media:/*#__PURE__*/_jsx(FastFlag,{size:24}),isContainerAligned:!0}),lorem500,/*#__PURE__*/_jsx(Body,{type:Typography.BODY_DEFAULT_BOLD,children:lorem10})]})},parameters:{chromatic:{delay:1e3}}};export var WithOverflowContentMobile=storyConfig(WithOverflowContent,{variants:["mobile"]});export var WithOverflowContentDark=storyConfig(WithOverflowContent,{variants:["dark"]});export var WithOverflowContentDarkMobile=storyConfig(WithOverflowContent,{variants:["dark","mobile"]});

package/build/es/no-polyfill/common/closeButton/CloseButton.js

@@ -1 +1 @@
-import{Cross,CrossCircleFill}from"@transferwise/icons";import classNames from"classnames";import{forwardRef}from"react";import{useIntl}from"react-intl";import{Size}from"../propsValues/size";import messages from"./CloseButton.messages";import{jsx as _jsx}from"react/jsx-runtime";export const CloseButton=/*#__PURE__*/forwardRef(function(a,b){let{"aria-label":c,size:f=Size.MEDIUM,filled:g=!1,className:d,onClick:e}=a;const h=useIntl();c??=h.formatMessage(messages.ariaLabel);const i=g?CrossCircleFill:Cross;return/*#__PURE__*/_jsx("button",{ref:b,type:"button",className:classNames("np-close-button","close btn-link","text-no-decoration",{"np-close-button--large":f===Size.MEDIUM,"np-close-button--x-large":f===Size.LARGE},d),"aria-label":c,onClick:e,children:/*#__PURE__*/_jsx(i,{size:f===Size.SMALL?16:24})})});
+import{Cross,CrossCircleFill}from"@transferwise/icons";import classNames from"classnames";import{forwardRef}from"react";import{useIntl}from"react-intl";import{Size}from"../propsValues/size";import messages from"./CloseButton.messages";import{jsx as _jsx}from"react/jsx-runtime";export var CloseButton=/*#__PURE__*/forwardRef(function(a,b){var c,d=a["aria-label"],e=a.size,f=void 0===e?Size.MEDIUM:e,g=a.filled,h=a.className,i=a.onClick,j=useIntl();null!==(c=d)&&void 0!==c?c:d=j.formatMessage(messages.ariaLabel);var k=void 0!==g&&g?CrossCircleFill:Cross;return/*#__PURE__*/_jsx("button",{ref:b,type:"button",className:classNames("np-close-button","close btn-link","text-no-decoration",{"np-close-button--large":f===Size.MEDIUM,"np-close-button--x-large":f===Size.LARGE},h),"aria-label":d,onClick:i,children:/*#__PURE__*/_jsx(k,{size:f===Size.SMALL?16:24})})});

package/build/es/no-polyfill/common/dateUtils/getDayNames/getDayNames.js

@@ -1,2 +1,2 @@
-import{formatDate}from"@transferwise/formatting";export function getDayNames(a){let b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"short";const c=[],d=new Date(2018,0,1);// 2018 started with Monday
-for(;7>c.length;)c.push(formatDate(d,a,{weekday:b})),d.setDate(d.getDate()+1);return c}
+import{formatDate}from"@transferwise/formatting";export function getDayNames(a){// 2018 started with Monday
+for(var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"short",c=[],d=new Date(2018,0,1);7>c.length;)c.push(formatDate(d,a,{weekday:b})),d.setDate(d.getDate()+1);return c}

package/build/es/no-polyfill/common/dateUtils/getMonthNames/getMonthNames.js

@@ -1 +1 @@
-import{formatDate}from"@transferwise/formatting";export const getMonthNames=function(a){let b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"long";const c=[],d=new Date(2018,0,1),e={month:b};for(;12>c.length;)c.push(formatDate(d,a,e)),d.setMonth(d.getMonth()+1);return c};
+import{formatDate}from"@transferwise/formatting";export var getMonthNames=function(a){for(var b=1<arguments.length&&void 0!==arguments[1]?arguments[1]:"long",c=[],d=new Date(2018,0,1),e={month:b};12>c.length;)c.push(formatDate(d,a,e)),d.setMonth(d.getMonth()+1);return c};

package/build/es/no-polyfill/common/dateUtils/isDateValid/isDateValid.js

@@ -1 +1 @@
-export const isDateValid=a=>validDateObject(a)||validDateString(a);export const validDateString=a=>"string"==typeof a&&validDateObject(new Date(a));const validDateObject=a=>a instanceof Date&&!isNaN(a);// eslint-disable-line no-restricted-globals
+export var isDateValid=function(a){return validDateObject(a)||validDateString(a)};export var validDateString=function(a){return"string"==typeof a&&validDateObject(new Date(a))};var validDateObject=function(a){return a instanceof Date&&!isNaN(a)};// eslint-disable-line no-restricted-globals

package/build/es/no-polyfill/common/dateUtils/isMonthAndYearFormat/isMonthAndYearFormat.js

@@ -1 +1 @@
-import{validDateString}from"../isDateValid";export const isMonthAndYearFormat=a=>validDateString(a)&&3>a.split("-").length;
+import{validDateString}from"../isDateValid";export var isMonthAndYearFormat=function(a){return validDateString(a)&&3>a.split("-").length};

package/build/es/no-polyfill/common/deviceDetection/deviceDetection.js

@@ -1 +1 @@
-export function isIosDevice(){const a=["iphone","ipad","ipod"].map(a=>`(${a})`).join("|"),b=new RegExp(a,"ig");return"undefined"!=typeof navigator&&!!navigator.userAgent.match(b)}
+export function isIosDevice(){var a=["iphone","ipad","ipod"].map(function(a){return"(".concat(a,")")}).join("|"),b=new RegExp(a,"ig");return"undefined"!=typeof navigator&&!!navigator.userAgent.match(b)}

package/build/es/no-polyfill/common/direction.js

@@ -1 +1 @@
-export let Direction=/*#__PURE__*/function(a){return a.RTL="rtl",a.LTR="ltr",a.AUTO="auto",a}({});
+export var Direction=/*#__PURE__*/function(a){return a.RTL="rtl",a.LTR="ltr",a.AUTO="auto",a}({});

package/build/es/no-polyfill/common/domHelpers/index.js

@@ -1 +1 @@
-export function isServerSide(){return"undefined"==typeof window}export function isBrowser(){return!isServerSide()}export function stopPropagation(a){a.stopPropagation(),a.preventDefault(),a.nativeEvent&&a.nativeEvent.stopImmediatePropagation&&a.nativeEvent.stopImmediatePropagation()}export function getSimpleRandomId(a){const b=Math.ceil(999999*Math.random());return`${a}${b}`}export{addClickClassToDocumentOnIos,removeClickClassFromDocumentOnIos}from"./documentIosClick";
+export function isServerSide(){return"undefined"==typeof window}export function isBrowser(){return!isServerSide()}export function stopPropagation(a){a.stopPropagation(),a.preventDefault(),a.nativeEvent&&a.nativeEvent.stopImmediatePropagation&&a.nativeEvent.stopImmediatePropagation()}export function getSimpleRandomId(a){var b=Math.ceil(999999*Math.random());return"".concat(a).concat(b)}export{addClickClassToDocumentOnIos,removeClickClassFromDocumentOnIos}from"./documentIosClick";

package/build/es/no-polyfill/common/fakeEvents.js

@@ -1 +1 @@
-export const fakeEvent=()=>({nativeEvent:{stopImmediatePropagation(){}},stopPropagation(){},preventDefault(){}});export const fakeKeyDownEventForKey=a=>({...fakeEvent(),keyCode:a});export const fakeKeyDownEvent=function(){let a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return{...fakeEvent(),...a}};
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}export var fakeEvent=function(){return{nativeEvent:{stopImmediatePropagation:function stopImmediatePropagation(){}},stopPropagation:function stopPropagation(){},preventDefault:function preventDefault(){}}};export var fakeKeyDownEventForKey=function(a){return _objectSpread(_objectSpread({},fakeEvent()),{},{keyCode:a})};export var fakeKeyDownEvent=function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:{};return _objectSpread(_objectSpread({},fakeEvent()),a)};

package/build/es/no-polyfill/common/fileType.js

@@ -1 +1 @@
-export let FileType=/*#__PURE__*/function(a){return a.PDF=".pdf,application/pdf",a.JPG=".jpg,.jpeg,image/jpeg",a.PNG=".png,image/png",a.CSV=".csv,text/csv",a}({});
+export var FileType=/*#__PURE__*/function(a){return a.PDF=".pdf,application/pdf",a.JPG=".jpg,.jpeg,image/jpeg",a.PNG=".png,image/png",a.CSV=".csv,text/csv",a}({});

package/build/es/no-polyfill/common/flowHeader/FlowHeader.js

@@ -1 +1 @@
-import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import{Layout}from"../propsValues/layouts";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const FlowHeader=/*#__PURE__*/forwardRef((a,b)=>{const{bottomContent:c,className:d,layout:e,leftContent:f,rightContent:g}=a,h=e===Layout.VERTICAL;return/*#__PURE__*/_jsxs("div",{ref:b,className:classNames("np-flow-header","d-flex","flex-wrap","align-items-center",d),children:[/*#__PURE__*/_jsx("div",{className:classNames("np-flow-header__left",{"flex__item--8":h}),children:f}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","np-flow-header__right","justify-content-end",{"flex__item--4 ":h,"order-2":!h}),children:g}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","justify-content-center",{"flex__item--12":h,"order-1 flex-grow-1":!h}),children:c})]})});FlowHeader.defaultProps={bottomContent:void 0,className:void 0,layout:Layout.HORIZONTAL,leftContent:void 0,rightContent:void 0},FlowHeader.propTypes={bottomContent:PropTypes.node,className:PropTypes.string,layout:PropTypes.oneOf(["HORIZONTAL","VERTICAL"]),leftContent:PropTypes.node,rightContent:PropTypes.node};export default FlowHeader;
+import classNames from"classnames";import PropTypes from"prop-types";import{forwardRef}from"react";import{Layout}from"../propsValues/layouts";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var FlowHeader=/*#__PURE__*/forwardRef(function(a,b){var c=a.bottomContent,d=a.className,e=a.layout,f=a.leftContent,g=a.rightContent,h=e===Layout.VERTICAL;return/*#__PURE__*/_jsxs("div",{ref:b,className:classNames("np-flow-header","d-flex","flex-wrap","align-items-center",d),children:[/*#__PURE__*/_jsx("div",{className:classNames("np-flow-header__left",{"flex__item--8":h}),children:f}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","np-flow-header__right","justify-content-end",{"flex__item--4 ":h,"order-2":!h}),children:g}),/*#__PURE__*/_jsx("div",{className:classNames("align-items-center","d-flex","justify-content-center",{"flex__item--12":h,"order-1 flex-grow-1":!h}),children:c})]})});FlowHeader.defaultProps={bottomContent:void 0,className:void 0,layout:Layout.HORIZONTAL,leftContent:void 0,rightContent:void 0},FlowHeader.propTypes={bottomContent:PropTypes.node,className:PropTypes.string,layout:PropTypes.oneOf(["HORIZONTAL","VERTICAL"]),leftContent:PropTypes.node,rightContent:PropTypes.node};export default FlowHeader;

package/build/es/no-polyfill/common/focusBoundary/FocusBoundary.js

@@ -1 +1 @@
-import{isKey,isUndefined}from"@transferwise/neptune-validation";import{useEffect,useRef,useState}from"react";import{useConditionalListener}from"../hooks";import{Key}from"../key";import{getFocusableElements,resetFocus}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";const{TAB}=Key,FocusBoundary=a=>{let{children:b}=a;const c=useRef(null),d=isUndefined(document)?void 0:document,[e,f]=useState({});return useEffect(()=>{c?.current&&(c.current.focus({preventScroll:!0}),f(getFocusableElements(c.current)))},[]),useConditionalListener({eventType:"keydown",callback:a=>{isKey({keyType:TAB,event:a})&&resetFocus({event:a,focusableEls:e})},attachListener:!0,parent:d}),/*#__PURE__*/_jsx("div",{ref:c,tabIndex:-1,className:"np-focus-boundary outline-none",children:b})};export default FocusBoundary;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{isKey,isUndefined}from"@transferwise/neptune-validation";import{useEffect,useRef,useState}from"react";import{useConditionalListener}from"../hooks";import{Key}from"../key";import{getFocusableElements,resetFocus}from"./utils";import{jsx as _jsx}from"react/jsx-runtime";var TAB=Key.TAB,FocusBoundary=function(a){var b=a.children,c=useRef(null),d=isUndefined(document)?void 0:document,e=useState({}),f=_slicedToArray(e,2),g=f[0],h=f[1];return useEffect(function(){null!==c&&void 0!==c&&c.current&&(c.current.focus({preventScroll:!0}),h(getFocusableElements(c.current)))},[]),useConditionalListener({eventType:"keydown",callback:function callback(a){isKey({keyType:TAB,event:a})&&resetFocus({event:a,focusableEls:g})},attachListener:!0,parent:d}),/*#__PURE__*/_jsx("div",{ref:c,tabIndex:-1,className:"np-focus-boundary outline-none",children:b})};export default FocusBoundary;

package/build/es/no-polyfill/common/focusBoundary/FocusBoundary.spec.js

@@ -1 +1 @@
-import{render,screen,userEvent}from"../../test-utils";import FocusBoundary from"./FocusBoundary";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const props={onClose:jest.fn()};describe("FocusBoundary",()=>{beforeEach(()=>{jest.clearAllMocks()}),it("renders component",()=>{const{container:a}=render(/*#__PURE__*/_jsx(FocusBoundary,{...props,children:/*#__PURE__*/_jsx("a",{href:"test",children:"Test"})}));expect(a).toMatchSnapshot()}),it("focus on container by default",()=>{render(/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("a",{href:"test",children:"not focusable"}),/*#__PURE__*/_jsx(FocusBoundary,{...props,children:/*#__PURE__*/_jsx("a",{href:"test",children:"Test"})})]})),expect(c()).toHaveFocus()}),it("traps the focus when user presses tab",()=>{render(/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("a",{href:"test",children:"not focusable"}),/*#__PURE__*/_jsxs(FocusBoundary,{...props,children:[/*#__PURE__*/_jsx("a",{href:"test",children:"firstFocusable"}),/*#__PURE__*/_jsx("a",{href:"test",children:"lastFocusable"})]})]})),userEvent.tab(),expect(a()).toHaveFocus(),userEvent.tab(),expect(b()).toHaveFocus(),userEvent.tab(),expect(a()).toHaveFocus(),userEvent.tab({shift:!0}),expect(b()).toHaveFocus(),userEvent.tab({shift:!0}),expect(a()).toHaveFocus()});const a=()=>screen.getByText("firstFocusable"),b=()=>screen.getByText("lastFocusable"),c=()=>document.querySelector(".np-focus-boundary")});
+import _defineProperty from"@babel/runtime/helpers/defineProperty";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{render,screen,userEvent}from"../../test-utils";import FocusBoundary from"./FocusBoundary";import{jsx as _jsx}from"react/jsx-runtime";import{Fragment as _Fragment}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var props={onClose:jest.fn()};describe("FocusBoundary",function(){beforeEach(function(){jest.clearAllMocks()}),it("renders component",function(){var a=render(/*#__PURE__*/_jsx(FocusBoundary,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/_jsx("a",{href:"test",children:"Test"})}))),b=a.container;expect(b).toMatchSnapshot()}),it("focus on container by default",function(){render(/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("a",{href:"test",children:"not focusable"}),/*#__PURE__*/_jsx(FocusBoundary,_objectSpread(_objectSpread({},props),{},{children:/*#__PURE__*/_jsx("a",{href:"test",children:"Test"})}))]})),expect(c()).toHaveFocus()}),it("traps the focus when user presses tab",function(){render(/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx("a",{href:"test",children:"not focusable"}),/*#__PURE__*/_jsxs(FocusBoundary,_objectSpread(_objectSpread({},props),{},{children:[/*#__PURE__*/_jsx("a",{href:"test",children:"firstFocusable"}),/*#__PURE__*/_jsx("a",{href:"test",children:"lastFocusable"})]}))]})),userEvent.tab(),expect(a()).toHaveFocus(),userEvent.tab(),expect(b()).toHaveFocus(),userEvent.tab(),expect(a()).toHaveFocus(),userEvent.tab({shift:!0}),expect(b()).toHaveFocus(),userEvent.tab({shift:!0}),expect(a()).toHaveFocus()});var a=function(){return screen.getByText("firstFocusable")},b=function(){return screen.getByText("lastFocusable")},c=function(){return document.querySelector(".np-focus-boundary")}});

package/build/es/no-polyfill/common/focusBoundary/utils/getFocusableElements.js

@@ -1,6 +1,6 @@
-/**
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";/**
  * This function returns the first and the last focusable elements within a node.
  *
  * @param {Node} focusBoundaryContainer - the area that contains focused elements.
  * @returns {object} focusableEls - which contains the first focusable element and the last focusable element. First and last can be the same element if area contains one or none focusable element.
- */export const getFocusableElements=a=>{const b={first:a,last:a};if(a?.querySelectorAll){const c=[...a.querySelectorAll("a, button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])")].filter(a=>!a.hasAttribute("disabled"));0<c.length&&([b.first]=c,b.last=c[c.length-1])}return b};
+ */export var getFocusableElements=function(a){var b={first:a,last:a};if(null!==a&&void 0!==a&&a.querySelectorAll){var c=_toConsumableArray(a.querySelectorAll("a, button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])")).filter(function(a){return!a.hasAttribute("disabled")});if(0<c.length){var d=_slicedToArray(c,1);b.first=d[0],b.last=c[c.length-1]}}return b};

package/build/es/no-polyfill/common/focusBoundary/utils/resetFocus.js

@@ -3,4 +3,4 @@
  *
  * @param {object} focusableEls - contains the first last of first focusable elements within a node.
  * @param {object} event - the triggered event
- */export const resetFocus=a=>{let{focusableEls:{first:c,last:d},event:b}=a;const{activeElement:e}=document;b.shiftKey&&e===c&&(d&&d.focus(),b.preventDefault()),b.shiftKey||e!==d||(c&&c.focus(),b.preventDefault())};
+ */export var resetFocus=function(a){var b=a.focusableEls,c=b.first,d=b.last,e=a.event,f=document,g=f.activeElement;e.shiftKey&&g===c&&(d&&d.focus(),e.preventDefault()),e.shiftKey||g!==d||(c&&c.focus(),e.preventDefault())};

package/build/es/no-polyfill/common/historyNavigator/historyNavigator.js

@@ -1 +1 @@
-class HistoryNavigator{constructor(){let a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[],b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:null;this.history=a&&0<a.length?a:[""],this.currIndex=this.history.length-1,this.historyLimit=b}reset=(()=>{var a=this;return function(){let b=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[""],c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:20;a.history=b,a.currIndex=0<b.length-1?b.length-1:0,a.historyLimit=c}})();add=a=>{!this.historyLimit||this.history.length<=this.historyLimit?(this.history.push(a),this.currIndex=this.history.length-1):this.currIndex=this.history.length-1};redo=()=>{const a=this.history.length;return this.currIndex=this.currIndex+1<a?this.currIndex+1:a-1,this.history[this.currIndex]};undo=()=>(this.currIndex=0<this.currIndex-1?this.currIndex-1:0,this.history[this.currIndex])}export default HistoryNavigator;
+import _createClass from"@babel/runtime/helpers/createClass";import _classCallCheck from"@babel/runtime/helpers/classCallCheck";import _defineProperty from"@babel/runtime/helpers/defineProperty";var HistoryNavigator=/*#__PURE__*/_createClass(function a(){var b=this,c=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[],d=1<arguments.length&&arguments[1]!==void 0?arguments[1]:null;_classCallCheck(this,a),_defineProperty(this,"reset",function(){var a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[""],c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:20;b.history=a,b.currIndex=0<a.length-1?a.length-1:0,b.historyLimit=c}),_defineProperty(this,"add",function(a){!b.historyLimit||b.history.length<=b.historyLimit?(b.history.push(a),b.currIndex=b.history.length-1):b.currIndex=b.history.length-1}),_defineProperty(this,"redo",function(){var a=b.history.length;return b.currIndex=b.currIndex+1<a?b.currIndex+1:a-1,b.history[b.currIndex]}),_defineProperty(this,"undo",function(){return b.currIndex=0<b.currIndex-1?b.currIndex-1:0,b.history[b.currIndex]}),this.history=c&&0<c.length?c:[""],this.currIndex=this.history.length-1,this.historyLimit=d});export default HistoryNavigator;

package/build/es/no-polyfill/common/hooks/useClientWidth/useClientWidth.js

@@ -1,5 +1,5 @@
-import throttle from"lodash.throttle";import{useLayoutEffect,useState,useEffect}from"react";const THROTTLE_MS=100,useIsomorphicLayoutEffect="undefined"==typeof window?useEffect:useLayoutEffect;export const useClientWidth=a=>{let{ref:b,throttleMs:c=THROTTLE_MS}=a;const[d,e]=useState(null);return useIsomorphicLayoutEffect(()=>{// eslint-disable-next-line unicorn/consistent-function-scoping
-const a=()=>{b&&(b.innerWidth?e(b.innerWidth):b.current&&e(b.current.clientWidth))},d=throttle(a,c);// This assignment saves a reference to the function so it will be the same passed to both addEventListener removeEventListener.
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import throttle from"lodash.throttle";import{useLayoutEffect,useState,useEffect}from"react";var THROTTLE_MS=100,useIsomorphicLayoutEffect="undefined"==typeof window?useEffect:useLayoutEffect;export var useClientWidth=function(a){var b=a.ref,c=a.throttleMs,d=void 0===c?THROTTLE_MS:c,e=useState(null),f=_slicedToArray(e,2),g=f[0],h=f[1];return useIsomorphicLayoutEffect(function(){// eslint-disable-next-line unicorn/consistent-function-scoping
+var a=function(){b&&(b.innerWidth?h(b.innerWidth):b.current&&h(b.current.clientWidth))},c=throttle(a,d);// This assignment saves a reference to the function so it will be the same passed to both addEventListener removeEventListener.
 // If throttle gets passed directly to both add and removeEventListenet the results will be that the event
 // won't get removed even if the component is unmounted.
-return window.addEventListener("resize",d,!0),window.requestAnimationFrame(a),()=>window.removeEventListener("resize",d,!0)},[]),[d]};useClientWidth.THROTTLE_MS=100;
+return window.addEventListener("resize",c,!0),window.requestAnimationFrame(a),function(){return window.removeEventListener("resize",c,!0)}},[]),[g]};useClientWidth.THROTTLE_MS=100;

package/build/es/no-polyfill/common/hooks/useConditionalListener/useConditionalListener.js

@@ -1 +1 @@
-import{isUndefined}from"@transferwise/neptune-validation";import{useEffect}from"react";export const useConditionalListener=a=>{let{attachListener:b,callback:c,eventType:d,parent:e}=a;useEffect(()=>(b&&!isUndefined(e)&&e.addEventListener(d,c,!0),()=>{isUndefined(e)||e.removeEventListener(d,c,!0)}),[b,c,d,e])};
+import{isUndefined}from"@transferwise/neptune-validation";import{useEffect}from"react";export var useConditionalListener=function(a){var b=a.attachListener,c=a.callback,d=a.eventType,e=a.parent;useEffect(function(){return b&&!isUndefined(e)&&e.addEventListener(d,c,!0),function(){isUndefined(e)||e.removeEventListener(d,c,!0)}},[b,c,d,e])};

package/build/es/no-polyfill/common/hooks/useDirection/useDirection.js

@@ -1 +1 @@
-import{useContext}from"react";import{DirectionContext}from"../../../provider/direction/DirectionProvider";export const useDirection=()=>{const a=useContext(DirectionContext);return{direction:a,isRTL:"rtl"===a}};
+import{useContext}from"react";import{DirectionContext}from"../../../provider/direction/DirectionProvider";export var useDirection=function(){var a=useContext(DirectionContext);return{direction:a,isRTL:"rtl"===a}};

package/build/es/no-polyfill/common/hooks/useHasIntersected/useHasIntersected.js

@@ -1,4 +1,4 @@
-import{useEffect,useState}from"react";const ObserverParams={threshold:.1};/**
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useState}from"react";var ObserverParams={threshold:.1};/**
  * useHasIntersected.
  * Use this custom hook to detect when an element has became visible inside the viewport. This hook checks only if the intersection happend.
  * Once the intersection has happened the hook will not return false even if the element gets out of the viewport.
@@ -8,4 +8,4 @@ import{useEffect,useState}from"react";const ObserverParams={threshold:.1};/**
  * @param {strimng} [loading = 'eager'] - string that contains the type of loading.
  * @param elRef.loading
  * @usage `const [hasIntersected] = useHasIntersected({imageRef,loading});`
- */export const useHasIntersected=a=>{let{elRef:b,loading:c}=a;const[d,e]=useState(!1),{current:f}=b||{},g=()=>b&&f,h=(a,b)=>{a.forEach(a=>{a.isIntersecting&&(e(!0),b.unobserve(f))})};return useEffect(()=>{let a,b=!1;return"undefined"!=typeof window&&window.IntersectionObserver&&g()?!b&&(a=new IntersectionObserver(h,ObserverParams),a.observe(f)):e(!0),()=>{b=!0,a&&a.unobserve(f)}},[b]),"eager"===c?[!1]:[d]};
+ */export var useHasIntersected=function(a){var b=a.elRef,c=a.loading,d=useState(!1),e=_slicedToArray(d,2),f=e[0],g=e[1],h=(b||{}).current,i=function(){return b&&h},j=function(a,b){a.forEach(function(a){a.isIntersecting&&(g(!0),b.unobserve(h))})};return useEffect(function(){var a,b=!1;return"undefined"!=typeof window&&window.IntersectionObserver&&i()?!b&&(a=new IntersectionObserver(j,ObserverParams),a.observe(h)):g(!0),function(){b=!0,a&&a.unobserve(h)}},[b]),"eager"===c?[!1]:[f]};

package/build/es/no-polyfill/common/hooks/useLayout/useLayout.js

@@ -1 +1 @@
-import{useEffect,useState}from"react";import{Breakpoint}from"../../propsValues/breakpoint";import useClientWidth from"../useClientWidth";export const useLayout=()=>{const a="undefined"==typeof window?void 0:window,[b,c]=useState(),[d]=useClientWidth({ref:a});return useEffect(()=>d?d<=Breakpoint.EXTRA_SMALL?void c(Breakpoint.EXTRA_SMALL):Breakpoint.EXTRA_SMALL<d&&d<=Breakpoint.SMALL?void c(Breakpoint.SMALL):Breakpoint.SMALL<d&&d<=Breakpoint.MEDIUM?void c(Breakpoint.MEDIUM):Breakpoint.MEDIUM<d&&d<=Breakpoint.LARGE?void c(Breakpoint.LARGE):void(Breakpoint.LARGE<d&&c(Breakpoint.EXTRA_LARGE)):void 0,[d]),{isMobile:!!b&&[Breakpoint.EXTRA_SMALL,Breakpoint.SMALL].includes(b),isExtraSmall:b===Breakpoint.EXTRA_SMALL,isSmall:b===Breakpoint.SMALL,isMedium:b===Breakpoint.MEDIUM,isLarge:b===Breakpoint.LARGE,isExtraLarge:b===Breakpoint.EXTRA_LARGE}};
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useEffect,useState}from"react";import{Breakpoint}from"../../propsValues/breakpoint";import useClientWidth from"../useClientWidth";export var useLayout=function(){var a="undefined"==typeof window?void 0:window,b=useState(),c=_slicedToArray(b,2),d=c[0],e=c[1],f=useClientWidth({ref:a}),g=_slicedToArray(f,1),h=g[0];return useEffect(function(){return h?h<=Breakpoint.EXTRA_SMALL?void e(Breakpoint.EXTRA_SMALL):Breakpoint.EXTRA_SMALL<h&&h<=Breakpoint.SMALL?void e(Breakpoint.SMALL):Breakpoint.SMALL<h&&h<=Breakpoint.MEDIUM?void e(Breakpoint.MEDIUM):Breakpoint.MEDIUM<h&&h<=Breakpoint.LARGE?void e(Breakpoint.LARGE):void(Breakpoint.LARGE<h&&e(Breakpoint.EXTRA_LARGE)):void 0},[h]),{isMobile:!!d&&[Breakpoint.EXTRA_SMALL,Breakpoint.SMALL].includes(d),isExtraSmall:d===Breakpoint.EXTRA_SMALL,isSmall:d===Breakpoint.SMALL,isMedium:d===Breakpoint.MEDIUM,isLarge:d===Breakpoint.LARGE,isExtraLarge:d===Breakpoint.EXTRA_LARGE}};

package/build/es/no-polyfill/common/key.js

@@ -1 +1 @@
-export const Key={ENTER:"Enter",ESCAPE:"Escape",SPACE:[" ","Spacebar"],TAB:"Tab",PERIOD:".",COMMA:","};
+export var Key={ENTER:"Enter",ESCAPE:"Escape",SPACE:[" ","Spacebar"],TAB:"Tab",PERIOD:".",COMMA:","};

package/build/es/no-polyfill/common/locale/index.js

@@ -2,36 +2,36 @@ import{Direction}from"..";/**
  * Default language
  *
  * @type {string}
- */export const DEFAULT_LANG="en";/**
+ */export var DEFAULT_LANG="en";/**
  * Default locale
  *
  * @type {string}
- */export const DEFAULT_LOCALE="en-GB";/**
+ */export var DEFAULT_LOCALE="en-GB";/**
  * Array of languages that are written from the right to the left
  *
  * @type {string[]}
- */export const RTL_LANGUAGES=["ar","he"];export const SUPPORTED_LANGUAGES=["en","de","es","fr","hu","id","it","ja","pl","pt","ro","ru","th","tr","uk","zh"];/**
+ */export var RTL_LANGUAGES=["ar","he"];export var SUPPORTED_LANGUAGES=["en","de","es","fr","hu","id","it","ja","pl","pt","ro","ru","th","tr","uk","zh"];/**
  * Verifies and adjusts locale (replace `_` with `-`)
  * Returns null if locale is unrecognized by {Intl.Locale}
  *
  * @param {string} locale (`es`, `es_ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
  * @returns {string|null}
- */export function adjustLocale(a){if(!a||0===a.trim().length)return null;try{const{baseName:b}=new Intl.Locale(a.trim().replace("_","-"));return b}catch(a){return console.error(a),null}}/**
+ */export function adjustLocale(a){if(!a||0===a.trim().length)return null;try{var b=new Intl.Locale(a.trim().replace("_","-")),c=b.baseName;return c}catch(a){return console.error(a),null}}/**
  * Provides corresponding lang (iso2) for provided locale
  * if locale is invalid or language is unsupported returns null
  *
  * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
  * @returns {string|null}
- */export function getLangFromLocale(a){const b=adjustLocale(a);if(null===b)return null;try{const{language:a}=new Intl.Locale(b);return SUPPORTED_LANGUAGES.includes(a)?a:null}catch(a){return console.error(a),null}}/**
+ */export function getLangFromLocale(a){var b=adjustLocale(a);if(null===b)return null;try{var c=new Intl.Locale(b),d=c.language;return SUPPORTED_LANGUAGES.includes(d)?d:null}catch(a){return console.error(a),null}}/**
  * Provides corresponding country code (iso2) for locales code with explicit region value (`es-ES`, `en-GB`, `ja-JP` etc.)
  * if the value is invalid or missing region it returns null
  *
  * @param {string} locale
  * @returns {string|null}
- */export function getCountryFromLocale(a){const b=adjustLocale(a);if(null===b)return null;try{const{region:a}=new Intl.Locale(b);return a??null}catch(a){return console.error(a),null}}/**
+ */export function getCountryFromLocale(a){var b=adjustLocale(a);if(null===b)return null;try{var c=new Intl.Locale(b),d=c.region;return null!==d&&void 0!==d?d:null}catch(a){return console.error(a),null}}/**
  * Provides the layout direction for a given locale.
  * If locale is invalid or language is unsupported returns Direction.LTR
  *
  * @param {string} locale (`es`, `es-ES`, `en-GB`, `en`, `ja`, `ja-JP` etc)
  * @returns {Direction} The layout direction based on the locale
- */export function getDirectionFromLocale(a){try{const b=adjustLocale(a),{language:c}=new Intl.Locale(b);return RTL_LANGUAGES.includes(c)?Direction.RTL:Direction.LTR}catch(a){return console.error(a),Direction.LTR}}
+ */export function getDirectionFromLocale(a){try{var b=adjustLocale(a),c=new Intl.Locale(b),d=c.language;return RTL_LANGUAGES.includes(d)?Direction.RTL:Direction.LTR}catch(a){return console.error(a),Direction.LTR}}

package/build/es/no-polyfill/common/panel/Panel.js

@@ -1,10 +1,10 @@
-import classnames from"classnames";import{useState,forwardRef,useEffect}from"react";import{usePopper}from"react-popper";import{Position}from"..";import Dimmer from"../../dimmer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";const POPOVER_OFFSET=[0,16],fallbackPlacements={[Position.TOP]:[Position.BOTTOM,Position.RIGHT,Position.LEFT],[Position.BOTTOM]:[Position.TOP,Position.RIGHT,Position.LEFT],[Position.LEFT]:[Position.RIGHT,Position.TOP,Position.BOTTOM],[Position.RIGHT]:[Position.LEFT,Position.TOP,Position.BOTTOM]},Panel=/*#__PURE__*/forwardRef((a,b)=>{let{arrow:g=!1,flip:h=!0,altAxis:i=!1,children:c,open:j=!1,onClose:d,position:k=Position.BOTTOM,anchorRef:e,anchorWidth:l=!1,...f}=a;const[m,n]=useState(null),[o,p]=useState(null),q=[];i&&q.push({// https://popper.js.org/docs/v2/modifiers/prevent-overflow
-name:"preventOverflow",options:{altAxis:!0,tether:!1}}),g&&(q.push({name:"arrow",options:{element:m,options:{padding:8// 8px from the edges of the popper
-}}}),q.push({name:"offset",options:{offset:POPOVER_OFFSET}})),h&&fallbackPlacements[k]&&q.push({name:"flip",options:{fallbackPlacements:fallbackPlacements[k]}});const{styles:r,attributes:s,forceUpdate:t}=usePopper(e.current,o,{placement:k,modifiers:q});// If the trigger is not visible when the position is calculated, it will be incorrect. Because this can happen repeatedly (on resize for example),
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _fallbackPlacements,_excluded=["arrow","flip","altAxis","children","open","onClose","position","anchorRef","anchorWidth"];function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import classnames from"classnames";import{useState,forwardRef,useEffect}from"react";import{usePopper}from"react-popper";import{Position}from"..";import Dimmer from"../../dimmer";import{jsx as _jsx}from"react/jsx-runtime";import{jsxs as _jsxs}from"react/jsx-runtime";var POPOVER_OFFSET=[0,16],fallbackPlacements=(_fallbackPlacements={},_defineProperty(_fallbackPlacements,Position.TOP,[Position.BOTTOM,Position.RIGHT,Position.LEFT]),_defineProperty(_fallbackPlacements,Position.BOTTOM,[Position.TOP,Position.RIGHT,Position.LEFT]),_defineProperty(_fallbackPlacements,Position.LEFT,[Position.RIGHT,Position.TOP,Position.BOTTOM]),_defineProperty(_fallbackPlacements,Position.RIGHT,[Position.LEFT,Position.TOP,Position.BOTTOM]),_fallbackPlacements),Panel=/*#__PURE__*/forwardRef(function(a,b){var c,d=a.arrow,e=void 0!==d&&d,f=a.flip,g=a.altAxis,h=a.children,i=a.open,j=void 0!==i&&i,k=a.onClose,l=a.position,m=void 0===l?Position.BOTTOM:l,n=a.anchorRef,o=a.anchorWidth,p=_objectWithoutProperties(a,_excluded),q=useState(null),r=_slicedToArray(q,2),s=r[0],t=r[1],u=useState(null),v=_slicedToArray(u,2),w=v[0],x=v[1],y=[];void 0!==g&&g&&y.push({// https://popper.js.org/docs/v2/modifiers/prevent-overflow
+name:"preventOverflow",options:{altAxis:!0,tether:!1}}),e&&(y.push({name:"arrow",options:{element:s,options:{padding:8// 8px from the edges of the popper
+}}}),y.push({name:"offset",options:{offset:POPOVER_OFFSET}})),(!(void 0!==f)||f)&&fallbackPlacements[m]&&y.push({name:"flip",options:{fallbackPlacements:fallbackPlacements[m]}});var z=usePopper(n.current,w,{placement:m,modifiers:y}),A=z.styles,B=z.attributes,C=z.forceUpdate;// If the trigger is not visible when the position is calculated, it will be incorrect. Because this can happen repeatedly (on resize for example),
 // it is most simple just to always position before opening
-useEffect(()=>{j&&t&&t()},[j]);const u={...(l?{width:e.current?.clientWidth}:void 0)};return/*#__PURE__*/_jsx(Dimmer,{open:j,transparent:!0,fadeContentOnEnter:!0,fadeContentOnExit:!0,onClose:d,children:/*#__PURE__*/_jsx("div",{...f,ref:p// eslint-disable-next-line react/forbid-dom-props
-,style:{...r.popper},...s.popper,className:classnames("np-panel",{"np-panel--open":j},f.className),children:/*#__PURE__*/_jsxs("div",{ref:b/* eslint-disable-next-line react/forbid-dom-props */,style:u,className:classnames("np-panel__content"),children:[c,g&&/*#__PURE__*/_jsx("div",{ref:n,className:classnames("np-panel__arrow")// eslint-disable-next-line react/forbid-dom-props
-,style:r.arrow})]})})})});// By default the flip positioning explores only the opposite alternative. So if left is passed and there's no enough space
+useEffect(function(){j&&C&&C()},[j]);var D=_objectSpread({},void 0!==o&&o?{width:null===(c=n.current)||void 0===c?void 0:c.clientWidth}:void 0);return/*#__PURE__*/_jsx(Dimmer,{open:j,transparent:!0,fadeContentOnEnter:!0,fadeContentOnExit:!0,onClose:k,children:/*#__PURE__*/_jsx("div",_objectSpread(_objectSpread(_objectSpread({},p),{},{ref:x// eslint-disable-next-line react/forbid-dom-props
+,style:_objectSpread({},A.popper)},B.popper),{},{className:classnames("np-panel",{"np-panel--open":j},p.className),children:/*#__PURE__*/_jsxs("div",{ref:b/* eslint-disable-next-line react/forbid-dom-props */,style:D,className:classnames("np-panel__content"),children:[h,e&&/*#__PURE__*/_jsx("div",{ref:t,className:classnames("np-panel__arrow")// eslint-disable-next-line react/forbid-dom-props
+,style:A.arrow})]})}))})});// By default the flip positioning explores only the opposite alternative. So if left is passed and there's no enough space
 // the right one gets chosen. If there's no space on both sides popover goes back to the initially chosen one left.
 // This mapping forces popover to try the four available positions before going back to the initial chosen one.
 export default Panel;

package/build/es/no-polyfill/common/propsValues/breakpoint.js

@@ -1 +1 @@
-export let Breakpoint=/*#__PURE__*/function(a){return a[a.EXTRA_SMALL=480]="EXTRA_SMALL",a[a.SMALL=576]="SMALL",a[a.MEDIUM=768]="MEDIUM",a[a.LARGE=992]="LARGE",a[a.EXTRA_LARGE=1200]="EXTRA_LARGE",a}({});
+export var Breakpoint=/*#__PURE__*/function(a){return a[a.EXTRA_SMALL=480]="EXTRA_SMALL",a[a.SMALL=576]="SMALL",a[a.MEDIUM=768]="MEDIUM",a[a.LARGE=992]="LARGE",a[a.EXTRA_LARGE=1200]="EXTRA_LARGE",a}({});

package/build/es/no-polyfill/common/propsValues/control.js

@@ -1 +1 @@
-export let ControlType=/*#__PURE__*/function(a){return a.ACCENT="accent",a.POSITIVE="positive",a.NEGATIVE="negative",a}({});export let Priority=/*#__PURE__*/function(a){return a.PRIMARY="primary",a.SECONDARY="secondary",a.TERTIARY="tertiary",a}({});
+export var ControlType=/*#__PURE__*/function(a){return a.ACCENT="accent",a.POSITIVE="positive",a.NEGATIVE="negative",a}({});export var Priority=/*#__PURE__*/function(a){return a.PRIMARY="primary",a.SECONDARY="secondary",a.TERTIARY="tertiary",a}({});

package/build/es/no-polyfill/common/propsValues/dateMode.js

@@ -1 +1 @@
-export let DateMode=/*#__PURE__*/function(a){return a.DAY_MONTH_YEAR="day-month-year",a.MONTH_YEAR="month-year",a}({});
+export var DateMode=/*#__PURE__*/function(a){return a.DAY_MONTH_YEAR="day-month-year",a.MONTH_YEAR="month-year",a}({});

package/build/es/no-polyfill/common/propsValues/layouts.js

@@ -1 +1 @@
-export let Layout=/*#__PURE__*/function(a){return a.VERTICAL="VERTICAL",a.VERTICAL_TWO_COLUMN="VERTICAL_TWO_COLUMN",a.VERTICAL_ONE_COLUMN="VERTICAL_ONE_COLUMN",a.HORIZONTAL="HORIZONTAL",a.HORIZONTAL_JUSTIFIED="HORIZONTAL_JUSTIFIED",a.HORIZONTAL_LEFT_ALIGNED="HORIZONTAL_LEFT_ALIGNED",a.HORIZONTAL_RIGHT_ALIGNED="HORIZONTAL_RIGHT_ALIGNED",a}({});
+export var Layout=/*#__PURE__*/function(a){return a.VERTICAL="VERTICAL",a.VERTICAL_TWO_COLUMN="VERTICAL_TWO_COLUMN",a.VERTICAL_ONE_COLUMN="VERTICAL_ONE_COLUMN",a.HORIZONTAL="HORIZONTAL",a.HORIZONTAL_JUSTIFIED="HORIZONTAL_JUSTIFIED",a.HORIZONTAL_LEFT_ALIGNED="HORIZONTAL_LEFT_ALIGNED",a.HORIZONTAL_RIGHT_ALIGNED="HORIZONTAL_RIGHT_ALIGNED",a}({});

package/build/es/no-polyfill/common/propsValues/markdownNodeType.js

@@ -1 +1 @@
-export let MarkdownNodeType=/*#__PURE__*/function(a){return a.BLOCK_QUOTE="block_quote",a.CODE_BLOCK="code_block",a.CODE="code",a.EMPH="emph",a.HEADING="heading",a.HTML_BLOCK="html_block",a.HTML_INLINE="html_inline",a.IMAGE="image",a.ITEM="item",a.LINEBREAK="linebreak",a.LINK="link",a.LIST="list",a.PARAGRAPH="paragraph",a.SOFTBREAK="softbreak",a.STRONG="strong",a.THEMATIC_BREAK="thematic_break",a}({});
+export var MarkdownNodeType=/*#__PURE__*/function(a){return a.BLOCK_QUOTE="block_quote",a.CODE_BLOCK="code_block",a.CODE="code",a.EMPH="emph",a.HEADING="heading",a.HTML_BLOCK="html_block",a.HTML_INLINE="html_inline",a.IMAGE="image",a.ITEM="item",a.LINEBREAK="linebreak",a.LINK="link",a.LIST="list",a.PARAGRAPH="paragraph",a.SOFTBREAK="softbreak",a.STRONG="strong",a.THEMATIC_BREAK="thematic_break",a}({});

package/build/es/no-polyfill/common/propsValues/monthFormat.js

@@ -1 +1 @@
-export let MonthFormat=/*#__PURE__*/function(a){return a.SHORT="short",a.LONG="long",a}({});
+export var MonthFormat=/*#__PURE__*/function(a){return a.SHORT="short",a.LONG="long",a}({});

package/build/es/no-polyfill/common/propsValues/position.js

@@ -1 +1 @@
-export let Position=/*#__PURE__*/function(a){return a.BOTTOM="bottom",a.BOTTOM_LEFT="bottom-left",a.BOTTOM_RIGHT="bottom-right",a.CENTER="center",a.LEFT="left",a.LEFT_TOP="left-top",a.RIGHT="right",a.RIGHT_TOP="right-top",a.TOP="top",a}({});
+export var Position=/*#__PURE__*/function(a){return a.BOTTOM="bottom",a.BOTTOM_LEFT="bottom-left",a.BOTTOM_RIGHT="bottom-right",a.CENTER="center",a.LEFT="left",a.LEFT_TOP="left-top",a.RIGHT="right",a.RIGHT_TOP="right-top",a.TOP="top",a}({});

package/build/es/no-polyfill/common/propsValues/profileType.js

@@ -1 +1 @@
-export let ProfileType=/*#__PURE__*/function(a){return a.BUSINESS="BUSINESS",a.PERSONAL="PERSONAL",a}({});
+export var ProfileType=/*#__PURE__*/function(a){return a.BUSINESS="BUSINESS",a.PERSONAL="PERSONAL",a}({});

package/build/es/no-polyfill/common/propsValues/scroll.js

@@ -1 +1 @@
-export let Scroll=/*#__PURE__*/function(a){return a.CONTENT="content",a.VIEWPORT="viewport",a}({});
+export var Scroll=/*#__PURE__*/function(a){return a.CONTENT="content",a.VIEWPORT="viewport",a}({});

package/build/es/no-polyfill/common/propsValues/sentiment.js

@@ -1 +1 @@
-export let Sentiment=/*#__PURE__*/function(a){return a.NEGATIVE="negative",a.NEUTRAL="neutral",a.POSITIVE="positive",a.WARNING="warning",a.PENDING="pending",a.INFO="info",a.ERROR="error",a.SUCCESS="success",a}({});
+export var Sentiment=/*#__PURE__*/function(a){return a.NEGATIVE="negative",a.NEUTRAL="neutral",a.POSITIVE="positive",a.WARNING="warning",a.PENDING="pending",a.INFO="info",a.ERROR="error",a.SUCCESS="success",a}({});

package/build/es/no-polyfill/common/propsValues/size.js

@@ -1 +1 @@
-export let Size=/*#__PURE__*/function(a){return a.EXTRA_SMALL="xs",a.SMALL="sm",a.MEDIUM="md",a.LARGE="lg",a.EXTRA_LARGE="xl",a}({});
+export var Size=/*#__PURE__*/function(a){return a.EXTRA_SMALL="xs",a.SMALL="sm",a.MEDIUM="md",a.LARGE="lg",a.EXTRA_LARGE="xl",a}({});

package/build/es/no-polyfill/common/propsValues/status.js

@@ -1 +1 @@
-export let Status=/*#__PURE__*/function(a){return a.PROCESSING="processing",a.FAILED="failed",a.SUCCEEDED="succeeded",a.HIDDEN="hidden",a.DONE="done",a.NOT_DONE="notDone",a.PENDING="pending",a}({});
+export var Status=/*#__PURE__*/function(a){return a.PROCESSING="processing",a.FAILED="failed",a.SUCCEEDED="succeeded",a.HIDDEN="hidden",a.DONE="done",a.NOT_DONE="notDone",a.PENDING="pending",a}({});

package/build/es/no-polyfill/common/propsValues/type.js

@@ -1,3 +1,3 @@
 /**
  * @deprecated use `ControlType` and `Priority` enums instead
- */export let Type=/*#__PURE__*/function(a){return a.PRIMARY="primary",a.PAY="pay",a.SECONDARY="secondary",a.DANGER="danger",a.LINK="link",a}({});
+ */export var Type=/*#__PURE__*/function(a){return a.PRIMARY="primary",a.PAY="pay",a.SECONDARY="secondary",a.DANGER="danger",a.LINK="link",a}({});

package/build/es/no-polyfill/common/propsValues/typography.js

@@ -1 +1 @@
-export let Typography=/*#__PURE__*/function(a){return a.DISPLAY_EXTRA_LARGE="display-extra-large",a.DISPLAY_LARGE="display-large",a.DISPLAY_MEDIUM="display-medium",a.DISPLAY_SMALL="display-small",a.TITLE_SCREEN="title-screen",a.TITLE_SECTION="title-section",a.TITLE_SUBSECTION="title-subsection",a.TITLE_BODY="title-body",a.TITLE_GROUP="title-group",a.BODY_LARGE="body-large",a.BODY_DEFAULT="body-default",a.BODY_DEFAULT_BOLD="body-default-bold",a.BODY_LARGE_BOLD="body-large-bold",a.LINK_LARGE="link-large",a.LINK_DEFAULT="link-default",a}({});
+export var Typography=/*#__PURE__*/function(a){return a.DISPLAY_EXTRA_LARGE="display-extra-large",a.DISPLAY_LARGE="display-large",a.DISPLAY_MEDIUM="display-medium",a.DISPLAY_SMALL="display-small",a.TITLE_SCREEN="title-screen",a.TITLE_SECTION="title-section",a.TITLE_SUBSECTION="title-subsection",a.TITLE_BODY="title-body",a.TITLE_GROUP="title-group",a.BODY_LARGE="body-large",a.BODY_DEFAULT="body-default",a.BODY_DEFAULT_BOLD="body-default-bold",a.BODY_LARGE_BOLD="body-large-bold",a.LINK_LARGE="link-large",a.LINK_DEFAULT="link-default",a}({});

package/build/es/no-polyfill/common/propsValues/variant.js

@@ -1 +1 @@
-export let Variant=/*#__PURE__*/function(a){return a.DESKTOP="desktop",a.MOBILE="mobile",a}({});
+export var Variant=/*#__PURE__*/function(a){return a.DESKTOP="desktop",a.MOBILE="mobile",a}({});

package/build/es/no-polyfill/common/propsValues/width.js

@@ -1 +1 @@
-export let Width=/*#__PURE__*/function(a){return a.BLOCK="block",a.AUTO="auto",a}({});
+export var Width=/*#__PURE__*/function(a){return a.BLOCK="block",a.AUTO="auto",a}({});