@mailstep/design-system 0.7.68-beta.0 → 0.7.68-beta.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.68-beta.0",
+  "version": "0.7.68-beta.2",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/Tabs/TabContent.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { FC } from 'react';
 import { TabContentProps } from './types';
 
-export declare const TabContent: ({ activeTab, value, children }: TabContentProps) => ReactElement | null;
+export declare const TabContent: FC<TabContentProps>;

package/ui/Blocks/Tabs/TabContent.js

@@ -1,4 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Activity } from 'react';
 export var TabContent = function (_a) {
     var activeTab = _a.activeTab, value = _a.value, children = _a.children;
-    return activeTab === value ? children : null;
+    return (_jsx(Activity, { mode: activeTab === value ? 'visible' : 'hidden', children: children }));
 };

package/ui/Blocks/Tabs/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactNode } from 'react';
 
 export type TabDefinition = {
     label: string;
@@ -29,5 +29,5 @@ export type UseTabsHook = (tabDefinitions: TabDefinition[]) => {
 export type TabContentProps = {
     activeTab: number;
     value: number;
-    children: ReactElement | null;
+    children: ReactNode;
 };