framework7-react 7.0.2 → 7.0.3

package/components/row.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface RowProps {
+export interface RowProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -22,7 +22,7 @@ interface RowProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Row: React.FunctionComponent<RowProps>;
 

package/components/searchbar.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Searchbar } from 'framework7/types';
 
 
-interface SearchbarProps {
+export interface SearchbarProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -43,7 +43,7 @@ interface SearchbarProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onSearchbarSearch ?: (searchbar?: Searchbar.Searchbar, query?: any, previousQuery?: any) => void;
   onSearchbarClear ?: (searchbar?: Searchbar.Searchbar, previousQuery?: any) => void;
   onSearchbarEnable ?: (searchbar?: Searchbar.Searchbar) => void;

package/components/segmented.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface SegmentedProps {
+export interface SegmentedProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -27,7 +27,7 @@ interface SegmentedProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Segmented: React.FunctionComponent<SegmentedProps>;
 

package/components/sheet.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Sheet } from 'framework7/types';
 
 
-interface SheetProps {
+export interface SheetProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -30,7 +30,7 @@ interface SheetProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onSheetStepProgress ?: (instance?: Sheet.Sheet, progress?: any) => void;
   onSheetStepOpen ?: (instance?: Sheet.Sheet) => void;
   onSheetStepClose ?: (instance?: Sheet.Sheet) => void;

package/components/stepper.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Stepper } from 'framework7/types';
 
 
-interface StepperProps {
+export interface StepperProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -54,7 +54,7 @@ interface StepperProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onStepperChange ?: (newValue?: any) => void;
   onInput ?: (event?: any, stepper?: Stepper.Stepper) => void;
   onChange ?: (event?: any, stepper?: Stepper.Stepper) => void;

package/components/subnavbar.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface SubnavbarProps {
+export interface SubnavbarProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -17,7 +17,7 @@ interface SubnavbarProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Subnavbar: React.FunctionComponent<SubnavbarProps>;
 

package/components/swipeout-actions.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface SwipeoutActionsProps {
+export interface SwipeoutActionsProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -17,7 +17,7 @@ interface SwipeoutActionsProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const SwipeoutActions: React.FunctionComponent<SwipeoutActionsProps>;
 

package/components/swipeout-button.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface SwipeoutButtonProps {
+export interface SwipeoutButtonProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -20,7 +20,7 @@ interface SwipeoutButtonProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
 }

package/components/tab.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface TabProps {
+export interface TabProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -13,7 +13,7 @@ interface TabProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   tabActive ?: boolean;
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;

package/components/tabs.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { SwiperOptions } from 'swiper';
 
 
-interface TabsProps {
+export interface TabsProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -19,7 +19,7 @@ interface TabsProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
 }
 declare const Tabs: React.FunctionComponent<TabsProps>;

package/components/text-editor.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { TextEditor } from 'framework7/types';
 
 
-interface TextEditorProps {
+export interface TextEditorProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -15,7 +15,7 @@ interface TextEditorProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   mode ?: string;
   value ?: string;
   buttons ?: Array<any>;

package/components/toggle.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Toggle } from 'framework7/types';
 
 
-interface ToggleProps {
+export interface ToggleProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -24,7 +24,7 @@ interface ToggleProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onToggleChange ?: (...args: any[]) => void;
   onChange ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7Toggle: () => Toggle.Toggle;}>;

package/components/toolbar.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ToolbarProps {
+export interface ToolbarProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -30,7 +30,7 @@ interface ToolbarProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onToolbarHide ?: (...args: any[]) => void;
   onToolbarShow ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; hide: () => void; show: () => void;}>;

package/components/treeview-item.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface TreeviewItemProps {
+export interface TreeviewItemProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -21,7 +21,7 @@ interface TreeviewItemProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   searchbarEnable?: boolean | string;
   searchbarDisable?: boolean | string;
   searchbarClear?: boolean | string;

package/components/treeview.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface TreeviewProps {
+export interface TreeviewProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -14,7 +14,7 @@ interface TreeviewProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Treeview: React.FunctionComponent<TreeviewProps>;
 

package/components/view.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
   import { View, Router } from 'framework7/types';
 
 
-interface ViewProps {
+export interface ViewProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -74,7 +74,7 @@ interface ViewProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onViewInit ?: (view?: View.View) => void;
   onViewResize ?: (width?: number) => void;
   onSwipeBackMove ?: (swipeBackData?: Router.SwipeBackData) => void;

package/components/views.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ViewsProps {
+export interface ViewsProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -15,7 +15,7 @@ interface ViewsProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Views: React.FunctionComponent<ViewsProps>;
 

package/framework7-react.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 React 7.0.2
+ * Framework7 React 7.0.3
  * Build full featured iOS & Android apps using Framework7 & React
  * https://framework7.io/react/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: April 24, 2022
+ * Released on: May 16, 2022
  */
 import Framework7React from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "framework7-react",
-  "version": "7.0.2",
+  "version": "7.0.3",
   "description": "Build full featured iOS & Android apps using Framework7 & React",
   "type": "module",
   "exports": {
     ".": "./framework7-react.js",
-    "./components/*": "./components/*"
+    "./components/*": "./components/*",
+    "./shared/*": "./shared/*"
   },
   "typings": "framework7-react.d.ts",
   "sideEffects": false,