@transferwise/components 46.3.0 → 46.4.0

package/build/types/common/responsivePanel/ResponsivePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsivePanel.d.ts","sourceRoot":"","sources":["../../../../src/common/responsivePanel/ResponsivePanel.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,eAAe;;;;;;;;;;;mGAuCpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ResponsivePanel.d.ts","sourceRoot":"","sources":["../../../../src/common/responsivePanel/ResponsivePanel.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,eAAe;;;;;;;;;;;mGAsCpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/build/types/dimmer/Dimmer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dimmer.d.ts","sourceRoot":"","sources":["../../../src/dimmer/Dimmer.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EACV,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EAEZ,MAAM,WAAW,CAAC;AAOnB,eAAO,MAAM,cAAc,MAAM,CAAC;AAIlC,KAAK,WAAW,GAAG,WAAW,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC;IAChE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,UAAU,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,KAAK,SAU3C,CAAC;AAEF,QAAA,MAAM,MAAM,kJAWT,WAAW,gCA6Gb,CAAC;AAkBF,eAAO,MAAM,oBAAoB;cAIrB,YAAY;gBACV,OAAO;4EAepB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC;;;;;;;;;;;;AAElB,wBAAsC"}
+{"version":3,"file":"Dimmer.d.ts","sourceRoot":"","sources":["../../../src/dimmer/Dimmer.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,UAAU,EACV,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,WAAW,EACX,cAAc,EACd,cAAc,EACd,WAAW,EAEZ,MAAM,WAAW,CAAC;AAOnB,eAAO,MAAM,cAAc,MAAM,CAAC;AAIlC,KAAK,WAAW,GAAG,WAAW,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,eAAe,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,cAAc,CAAC;IAChE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,UAAU,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,KAAK,SAU3C,CAAC;AAEF,QAAA,MAAM,MAAM,kJAWT,WAAW,gCA6Gb,CAAC;AAsBF,eAAO,MAAM,oBAAoB;cAIrB,YAAY;gBACV,OAAO;4EAepB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC;;;;;;;;;;;;AAElB,wBAAsC"}

package/build/types/inputs/_BottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/inputs/_BottomSheet.tsx"],"names":[],"mappings":";AAkBA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,KAAK,EACL,eAAe,EACf,OAAc,EACd,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,gBAAgB,+BAoGlB"}
+{"version":3,"file":"_BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/inputs/_BottomSheet.tsx"],"names":[],"mappings":";AAkBA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,KAAK,EACL,eAAe,EACf,OAAc,EACd,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,gBAAgB,+BAwGlB"}

package/build/types/inputs/_Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_Popover.d.ts","sourceRoot":"","sources":["../../../src/inputs/_Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAML,KAAK,SAAS,EAOf,MAAM,oBAAoB,CAAC;AAS5B,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE;QACpB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,IAAI,EACJ,aAAa,EACb,KAAK,EACL,IAAW,EACX,OAAc,EACd,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,YAAY,+BAkFd"}
+{"version":3,"file":"_Popover.d.ts","sourceRoot":"","sources":["../../../src/inputs/_Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAML,KAAK,SAAS,EAOf,MAAM,oBAAoB,CAAC;AAS5B,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE;QACpB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,IAAI,EACJ,aAAa,EACb,KAAK,EACL,IAAW,EACX,OAAc,EACd,QAAQ,EACR,OAAO,EACP,UAAU,GACX,EAAE,YAAY,+BAsFd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.3.0",
+  "version": "46.4.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {

package/src/common/bottomSheet/__snapshots__/BottomSheet.spec.tsx.snap

@@ -4,7 +4,7 @@ exports[`BottomSheet renders content when open 1`] = `
 <body>
   <div />
   <div
-    class="np-theme-light"
+    class="np-theme-personal"
   >
     <span
       data-focus-scope-start="true"

package/src/common/responsivePanel/ResponsivePanel.tsx

@@ -22,7 +22,6 @@ const ResponsivePanel = forwardRef<HTMLDivElement, PanelProps>(
     }: PanelProps,
     reference,
   ) => {
-    const { className: themeClassname } = useTheme();
     const { isMobile } = useLayout();
     if (isMobile) {
       return (
@@ -40,7 +39,7 @@ const ResponsivePanel = forwardRef<HTMLDivElement, PanelProps>(
         open={open}
         position={position}
         anchorRef={anchorRef}
-        className={classNames(themeClassname, className)}
+        className={className}
         onClose={onClose}
       >
         {children}

package/src/dimmer/Dimmer.tsx

@@ -183,7 +183,11 @@ const DimmerWrapper: React.ComponentType<{
   const { screenMode, theme } = useTheme();
 
   return open || hasNotExited ? (
-    <ThemeProvider theme={theme} screenMode={screenMode} isNotRootProvider>
+    <ThemeProvider
+      theme="personal"
+      screenMode={theme === 'personal' ? screenMode : 'light'}
+      isNotRootProvider
+    >
       {children}
     </ThemeProvider>
   ) : (

package/src/inputs/_BottomSheet.tsx

@@ -68,7 +68,11 @@ export function BottomSheet({
       })}
 
       <FloatingPortal>
-        <ThemeProvider theme={theme} screenMode={screenMode} isNotRootProvider>
+        <ThemeProvider
+          theme="personal"
+          screenMode={theme === 'personal' ? screenMode : 'light'}
+          isNotRootProvider
+        >
           <Transition
             show={open}
             className="np-bottom-sheet-v2-container"

package/src/inputs/_Popover.tsx

@@ -90,7 +90,11 @@ export function Popover({
       })}
 
       <FloatingPortal>
-        <ThemeProvider theme={theme} screenMode={screenMode} isNotRootProvider>
+        <ThemeProvider
+          theme="personal"
+          screenMode={theme === 'personal' ? screenMode : 'light'}
+          isNotRootProvider
+        >
           <Transition
             show={open}
             leave="transition-opacity"

package/src/popover/__snapshots__/Popover.spec.js.snap

@@ -2,7 +2,7 @@
 
 exports[`Popover on desktop renders when is open 1`] = `
 <div
-  class="np-panel np-panel--open np-theme-light np-popover__container"
+  class="np-panel np-panel--open np-popover__container"
   data-popper-escaped="true"
   data-popper-placement="right"
   data-popper-reference-hidden="true"

package/src/radioGroup/RadioGroup.js

@@ -20,7 +20,7 @@ class RadioGroup extends Component {
     const { radios, name } = this.props;
     const { selectedValue } = this.state;
     return radios && radios.length > 0 ? (
-      <>
+      <div role="radiogroup">
         {radios.map(({ id, avatar, value, label, disabled, secondary, readOnly }, index) => (
           <Radio
             // eslint-disable-next-line react/no-array-index-key
@@ -37,7 +37,7 @@ class RadioGroup extends Component {
             onChange={(value_) => this.handleOnChange(value_)}
           />
         ))}
-      </>
+      </div>
     ) : null;
   }
 }

package/src/radioGroup/RadioGroup.rtl.spec.tsx

@@ -0,0 +1,16 @@
+import { render, screen } from '@testing-library/react';
+
+import RadioGroup from '.';
+
+describe('RadioGroup', () => {
+  it('has accessible role', () => {
+    render(
+      <RadioGroup
+        name="currency"
+        radios={[{ label: 'USD' }, { label: 'EUR' }]}
+        onChange={() => {}}
+      />,
+    );
+    expect(screen.getByRole('radiogroup')).toBeInTheDocument();
+  });
+});