@transferwise/components 0.0.0-experimental-4aef76f → 0.0.0-experimental-f694c59

package/build/styles/tabs/Tabs.css

@@ -1 +1 @@
-.tabs{overflow:hidden}.tabs--touch-device:not(.tabs--no-drag) .tabs__panel-container{overflow:scroll}.tabs--touch-device:not(.tabs--no-drag) .tabs__panel{scroll-snap-align:start}.tabs__tab{color:#37517e;color:var(--color-content-primary);display:inline-block;font-weight:600;font-weight:var(--font-weight-semi-bold);margin-bottom:-2px;outline:none;padding:8px;padding:var(--size-8);text-align:center;transition:color .15s ease-in-out}.np-theme-personal .tabs__tab{color:#5d7079;color:var(--color-content-secondary);font-weight:400;font-weight:var(--font-weight-regular)}.tabs__tab--selected{color:#0097c7;color:var(--color-content-accent)}.np-theme-personal .tabs__tab--selected{color:var(--color-interactive-primary);font-weight:600;font-weight:var(--font-weight-semi-bold)}.tabs__tab__content{border-radius:2px}.tabs__tab:not(.disabled,:disabled):focus-visible .tabs__tab__content{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):focus-visible .tabs__tab__content{color:var(--color-interactive-primary-hover);outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}@media (min-width:992px){.tabs__tab:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):hover{color:var(--color-interactive-primary-hover)}}@media (hover:hover){.tabs__tab:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):hover{color:var(--color-interactive-primary-hover)}}.tabs__tab-list{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);list-style:none;margin:0;padding:0}.tabs__line{background-color:#00a2dd;background-color:var(--color-interactive-accent);bottom:-1px;height:2px;position:relative;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-theme-personal .tabs__line{background-color:var(--color-interactive-primary)}.tabs__panel-container{-ms-overflow-style:none;display:flex;gap:32px;gap:var(--size-32);overflow:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.tabs__panel-container::-webkit-scrollbar{display:none}.tabs__slider{display:flex}.tabs__panel{flex-shrink:0}.tabs__panel--selected{padding:8px;padding:var(--size-8)}.tabs__panel.enter{opacity:0}.tabs__panel.enter-active{opacity:1}.tabs__panel.exit{opacity:0}.tabs--inverse .tabs__tab-list{border-bottom-color:#0000001a;border-bottom-color:var(--color-border-neutral)}.tabs--inverse .tabs__tab:not(.tabs__tab--selected){color:#fff}.tabs.tabs--auto-width .tabs__tab{align-items:center;display:inline-flex;justify-content:center;min-height:40px;min-height:var(--size-40);padding:0 12px;padding:0 var(--size-12);vertical-align:middle}@media (min-width:576px){.tabs.tabs--auto-width .tabs__tab{padding:0 24px;padding:0 var(--size-24)}}
+.tabs{position:relative}.tabs__tab{color:#37517e;color:var(--color-content-primary);display:inline-block;font-weight:600;font-weight:var(--font-weight-semi-bold);margin-bottom:-2px;outline:none;padding:8px;padding:var(--size-8);text-align:center;transition:color .15s ease-in-out}.np-theme-personal .tabs__tab{color:#5d7079;color:var(--color-content-secondary);font-weight:400;font-weight:var(--font-weight-regular)}.tabs__tab--selected{color:#0097c7;color:var(--color-content-accent)}.np-theme-personal .tabs__tab--selected{color:var(--color-interactive-primary);font-weight:600;font-weight:var(--font-weight-semi-bold)}.tabs__tab__content{border-radius:2px}.tabs__tab:not(.disabled,:disabled):focus-visible .tabs__tab__content{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):focus-visible .tabs__tab__content{color:var(--color-interactive-primary-hover);outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}@media (min-width:992px){.tabs__tab:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):hover{color:var(--color-interactive-primary-hover)}}@media (hover:hover){.tabs__tab:not(.disabled,:disabled):hover{color:#0084b3;color:var(--color-content-accent-hover)}.np-theme-personal .tabs__tab:not(.disabled,:disabled):hover{color:var(--color-interactive-primary-hover)}}.tabs__tab-list{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);list-style:none;margin:0;padding:0}.tabs__line{background-color:#00a2dd;background-color:var(--color-interactive-accent);bottom:-1px;height:2px;position:relative;transition:transform .35s cubic-bezier(0,.94,.62,1)}.np-theme-personal .tabs__line{background-color:var(--color-interactive-primary)}.tabs__panel-container{width:100%}.tabs__slider{display:flex}.tabs__panel--selected{padding:8px;padding:var(--size-8)}.tabs__panel.enter{opacity:0}.tabs__panel.enter-active{opacity:1}.tabs__panel.exit{opacity:0}.tabs--inverse .tabs__tab-list{border-bottom-color:#0000001a;border-bottom-color:var(--color-border-neutral)}.tabs--inverse .tabs__tab:not(.tabs__tab--selected){color:#fff}.tabs.tabs--auto-width .tabs__tab{align-items:center;display:inline-flex;justify-content:center;min-height:40px;min-height:var(--size-40);padding:0 12px;padding:0 var(--size-12);vertical-align:middle}@media (min-width:576px){.tabs.tabs--auto-width .tabs__tab{padding:0 24px;padding:0 var(--size-24)}}

package/build/types/common/deviceDetection/deviceDetection.d.ts

@@ -1,2 +1 @@
 export function isIosDevice(): boolean;
-export function isTouchDevice(): boolean;

package/build/types/common/deviceDetection/index.d.ts

@@ -1 +1 @@
-export { isIosDevice, isTouchDevice } from "./deviceDetection";
+export { isIosDevice } from "./deviceDetection";

package/build/types/index.d.ts

@@ -79,7 +79,6 @@ export { default as Summary } from './summary';
 export { default as Switch } from './switch';
 export { default as SwitchOption } from './switchOption';
 export { default as Tabs } from './tabs';
-export { NewTabs } from './tabs';
 export { default as TextareaWithDisplayFormat } from './textareaWithDisplayFormat';
 export { default as Tooltip } from './tooltip';
 export { default as Typeahead } from './typeahead';

package/build/types/stepper/deviceDetection.d.ts

@@ -0,0 +1 @@
+export function isTouchDevice(): boolean;

package/build/types/tabs/TabPanel.d.ts

@@ -1,2 +1,15 @@
 export default TabPanel;
-declare const TabPanel: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+declare function TabPanel({ children, id, tabId, style }: {
+    children: any;
+    id: any;
+    tabId: any;
+    style: any;
+}): JSX.Element;
+declare namespace TabPanel {
+    namespace propTypes {
+        const children: any;
+        const id: any;
+        const tabId: any;
+        const style: any;
+    }
+}

package/build/types/tabs/index.d.ts

@@ -1,2 +1 @@
 export { default } from "./Tabs";
-export { default as NewTabs } from "./NewTabs";