framework7-react 7.0.2 → 7.0.5

package/components/fab-button.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface FabButtonProps {
+export interface FabButtonProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -14,13 +14,14 @@ interface FabButtonProps {
   tooltipTrigger ?: string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const FabButton: React.FunctionComponent<FabButtonProps>;
 

package/components/fab-buttons.d.ts

@@ -2,20 +2,21 @@
 import * as React from 'react';
 
 
-interface FabButtonsProps {
+export interface FabButtonsProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   position?: string;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const FabButtons: React.FunctionComponent<FabButtonsProps>;
 

package/components/fab.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface FabProps {
+export interface FabProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -16,13 +16,14 @@ interface FabProps {
   tooltipTrigger ?: string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Fab: React.FunctionComponent<FabProps>;
 

package/components/gauge.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface GaugeProps {
+export interface GaugeProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -23,6 +23,7 @@ interface GaugeProps {
   labelFontSize ?: number | string;
   labelFontWeight ?: number | string;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Gauge: React.FunctionComponent<GaugeProps>;
 

package/components/icon.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface IconProps {
+export interface IconProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -17,13 +17,14 @@ interface IconProps {
   tooltipTrigger ?: string;
   size ?: string | number;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Icon: React.FunctionComponent<IconProps>;
 

package/components/input.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Calendar, ColorPicker, TextEditor } from 'framework7/types';
 
 
-interface InputProps {
+export interface InputProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -60,7 +60,7 @@ interface InputProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onCalendarChange ?: (calendarValue?: any) => void;
   onColorPickerChange ?: (colorPickerValue?: any) => void;
   onTextareaResize ?: (event?: any) => void;
@@ -73,6 +73,7 @@ interface InputProps {
   onChange ?: (...args: any[]) => void;
   onTextEditorChange ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Input: React.FunctionComponent<InputProps>;
 

package/components/input.js

@@ -64,7 +64,7 @@ const Input = /*#__PURE__*/forwardRef((props, ref) => {
     dropdown = 'auto',
     // Datepicker
     calendarParams,
-    // Colorpciker
+    // Colorpicker
     colorPickerParams,
     // Text editor
     textEditorParams

package/components/link.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { SmartSelect } from 'framework7/types';
 
 
-interface LinkProps {
+export interface LinkProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -30,7 +30,7 @@ interface LinkProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   icon?: string;
   iconMaterial?: string;
   iconF7?: string;
@@ -80,6 +80,7 @@ interface LinkProps {
   openIn?: string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7SmartSelect: () => SmartSelect.SmartSelect}>;
+  children?: React.ReactNode;
 }
 declare const Link: React.FunctionComponent<LinkProps>;
 

package/components/list-button.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ListButtonProps {
+export interface ListButtonProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -22,7 +22,7 @@ interface ListButtonProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   back?: boolean;
   external?: boolean;
   force?: boolean;
@@ -64,6 +64,7 @@ interface ListButtonProps {
   menuClose?: boolean | string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const ListButton: React.FunctionComponent<ListButtonProps>;
 

package/components/list-group.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ListGroupProps {
+export interface ListGroupProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -13,13 +13,14 @@ interface ListGroupProps {
   sortableTapHold ?: boolean;
   sortableMoveElements ?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const ListGroup: React.FunctionComponent<ListGroupProps>;
 

package/components/list-index.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ListIndexProps {
+export interface ListIndexProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -21,9 +21,10 @@ interface ListIndexProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onListIndexSelect ?: (itemContent?: any, itemIndex?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const ListIndex: React.FunctionComponent<ListIndexProps>;
 

package/components/list-input.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Calendar, ColorPicker, TextEditor } from 'framework7/types';
 
 
-interface ListInputProps {
+export interface ListInputProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -65,7 +65,7 @@ interface ListInputProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onCalendarChange ?: (calendarValue?: any) => void;
   onColorPickerChange ?: (colorPickerValue?: any) => void;
   onTextareaResize ?: (event?: any) => void;
@@ -78,6 +78,7 @@ interface ListInputProps {
   onChange ?: (...args: any[]) => void;
   onTextEditorChange ?: (...args: any[]) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const ListInput: React.FunctionComponent<ListInputProps>;
 

package/components/list-item-cell.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface ListItemCellProps {
+export interface ListItemCellProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const ListItemCell: React.FunctionComponent<ListItemCellProps>;
 

package/components/list-item-content.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ListItemContentProps {
+export interface ListItemContentProps {
   slot?: string;
   
 }

package/components/list-item-row.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface ListItemRowProps {
+export interface ListItemRowProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const ListItemRow: React.FunctionComponent<ListItemRowProps>;
 

package/components/list-item.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { SmartSelect } from 'framework7/types';
 
 
-interface ListItemProps {
+export interface ListItemProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -57,7 +57,7 @@ interface ListItemProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   back?: boolean;
   external?: boolean;
   force?: boolean;
@@ -115,6 +115,7 @@ interface ListItemProps {
   onAccordionOpened ?: (...args: any[]) => void;
   onChange ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7SmartSelect: () => SmartSelect.SmartSelect}>;
+  children?: React.ReactNode;
 }
 declare const ListItem: React.FunctionComponent<ListItemProps>;
 

package/components/list.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VirtualList } from 'framework7/types';
 
 
-interface ListProps {
+export interface ListProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -50,7 +50,7 @@ interface ListProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onVirtualItemBeforeInsert ?: (vl?: VirtualList.VirtualList, itemEl?: HTMLElement, item?: any) => void;
   onVirtualBeforeClear ?: (vl?: VirtualList.VirtualList, fragment?: any) => void;
   onVirtualItemsBeforeInsert ?: (vl?: VirtualList.VirtualList, fragment?: any) => void;
@@ -63,6 +63,7 @@ interface ListProps {
   onTabShow ?: (el?: HTMLElement) => void;
   onTabHide ?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7VirtualList: () => VirtualList.VirtualList}>;
+  children?: React.ReactNode;
 }
 declare const List: React.FunctionComponent<ListProps>;
 

package/components/login-screen-title.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface LoginScreenTitleProps {
+export interface LoginScreenTitleProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const LoginScreenTitle: React.FunctionComponent<LoginScreenTitleProps>;
 

package/components/login-screen.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { LoginScreen } from 'framework7/types';
 
 
-interface LoginScreenProps {
+export interface LoginScreenProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -17,13 +17,14 @@ interface LoginScreenProps {
   onLoginScreenClose ?: (instance: LoginScreen.LoginScreen) => void;
   onLoginScreenClosed ?: (instance: LoginScreen.LoginScreen) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; f7LoginScreen: () => LoginScreen.LoginScreen}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const LoginScreen: React.FunctionComponent<LoginScreenProps>;
 

package/components/menu-dropdown-item.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface MenuDropdownItemProps {
+export interface MenuDropdownItemProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -18,7 +18,7 @@ interface MenuDropdownItemProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   back?: boolean;
   external?: boolean;
   force?: boolean;
@@ -60,6 +60,7 @@ interface MenuDropdownItemProps {
   menuClose?: boolean | string;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MenuDropdownItem: React.FunctionComponent<MenuDropdownItemProps>;
 

package/components/menu-dropdown.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface MenuDropdownProps {
+export interface MenuDropdownProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -13,13 +13,14 @@ interface MenuDropdownProps {
   center ?: boolean;
   right ?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const MenuDropdown: React.FunctionComponent<MenuDropdownProps>;
 

package/components/menu-item.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface MenuItemProps {
+export interface MenuItemProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -21,7 +21,7 @@ interface MenuItemProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   icon?: string;
   iconMaterial?: string;
   iconF7?: string;
@@ -73,6 +73,7 @@ interface MenuItemProps {
   onMenuOpened ?: (el?: HTMLElement) => void;
   onMenuClosed ?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MenuItem: React.FunctionComponent<MenuItemProps>;
 

package/components/menu.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface MenuProps {
+export interface MenuProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Menu: React.FunctionComponent<MenuProps>;
 

package/components/message.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface MessageProps {
+export interface MessageProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -30,7 +30,7 @@ interface MessageProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onClick ?: (event?: any) => void;
   onClickName ?: (event?: any) => void;
   onClickText ?: (event?: any) => void;
@@ -39,6 +39,7 @@ interface MessageProps {
   onClickFooter ?: (event?: any) => void;
   onClickBubble ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Message: React.FunctionComponent<MessageProps>;
 

package/components/messagebar-attachment.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface MessagebarAttachmentProps {
+export interface MessagebarAttachmentProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -15,10 +15,11 @@ interface MessagebarAttachmentProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onAttachmentClick ?: (event?: any) => void;
   onAttachmentDelete ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MessagebarAttachment: React.FunctionComponent<MessagebarAttachmentProps>;
 

package/components/messagebar-attachments.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface MessagebarAttachmentsProps {
+export interface MessagebarAttachmentsProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const MessagebarAttachments: React.FunctionComponent<MessagebarAttachmentsProps>;
 

package/components/messagebar-sheet-image.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface MessagebarSheetImageProps {
+export interface MessagebarSheetImageProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -15,11 +15,12 @@ interface MessagebarSheetImageProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   onChecked ?: (event?: any) => void;
   onUnchecked ?: (event?: any) => void;
   onChange ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MessagebarSheetImage: React.FunctionComponent<MessagebarSheetImageProps>;
 

package/components/messagebar-sheet-item.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface MessagebarSheetItemProps {
+export interface MessagebarSheetItemProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -13,8 +13,9 @@ interface MessagebarSheetItemProps {
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const MessagebarSheetItem: React.FunctionComponent<MessagebarSheetItemProps>;
 

package/components/messagebar-sheet.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface MessagebarSheetProps {
+export interface MessagebarSheetProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const MessagebarSheet: React.FunctionComponent<MessagebarSheetProps>;