framework7-react 7.0.2 → 7.0.5

package/components/accordion-content.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface AccordionContentProps {
+export interface AccordionContentProps {
   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 AccordionContent: React.FunctionComponent<AccordionContentProps>;
 

package/components/accordion-item.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface AccordionItemProps {
+export interface AccordionItemProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -15,13 +15,14 @@ interface AccordionItemProps {
   onAccordionClose ?: (...args: any[]) => void;
   onAccordionClosed ?: (...args: 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 AccordionItem: React.FunctionComponent<AccordionItemProps>;
 

package/components/accordion-toggle.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface AccordionToggleProps {
+export interface AccordionToggleProps {
   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 AccordionToggle: React.FunctionComponent<AccordionToggleProps>;
 

package/components/accordion.d.ts

@@ -2,20 +2,21 @@
 import * as React from 'react';
 
 
-interface AccordionProps {
+export interface AccordionProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   accordionOpposite?: 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 Accordion: React.FunctionComponent<AccordionProps>;
 

package/components/actions-button.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ActionsButtonProps {
+export interface ActionsButtonProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -11,13 +11,14 @@ interface ActionsButtonProps {
   close?: boolean;
   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 ActionsButton: React.FunctionComponent<ActionsButtonProps>;
 

package/components/actions-group.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface ActionsGroupProps {
+export interface ActionsGroupProps {
   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 ActionsGroup: React.FunctionComponent<ActionsGroupProps>;
 

package/components/actions-label.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ActionsLabelProps {
+export interface ActionsLabelProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -10,13 +10,14 @@ interface ActionsLabelProps {
   bold?: boolean;
   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 ActionsLabel: React.FunctionComponent<ActionsLabelProps>;
 

package/components/actions.d.ts

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

package/components/app.d.ts

@@ -4,18 +4,19 @@ import * as React from 'react';
   import { Framework7Parameters } from 'framework7/types';
 
 
-interface AppProps extends Framework7Parameters {
+export interface AppProps extends Framework7Parameters {
   slot?: string;
   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 App: React.FunctionComponent<AppProps>;
 

package/components/appbar.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface AppbarProps {
+export interface AppbarProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -13,13 +13,14 @@ interface AppbarProps {
   innerClass?: string;
   innerClassName?: 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 Appbar: React.FunctionComponent<AppbarProps>;
 

package/components/area-chart.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface AreaChartProps {
+export interface AreaChartProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -25,6 +25,7 @@ interface AreaChartProps {
   formatTooltipDataset?: (label: any, value: number, color: string) => string;
   onSelect ?: (index: number | null) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const AreaChart: React.FunctionComponent<AreaChartProps>;
 

package/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { Tooltip } from 'framework7/types';
 
 
-interface BadgeProps {
+export interface BadgeProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -12,13 +12,14 @@ interface BadgeProps {
   tooltip?: string;
   tooltipTrigger?: 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 Badge: React.FunctionComponent<BadgeProps>;
 

package/components/block-footer.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface BlockFooterProps {
+export interface BlockFooterProps {
   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 BlockFooter: React.FunctionComponent<BlockFooterProps>;
 

package/components/block-header.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface BlockHeaderProps {
+export interface BlockHeaderProps {
   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 BlockHeader: React.FunctionComponent<BlockHeaderProps>;
 

package/components/block-title.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface BlockTitleProps {
+export interface BlockTitleProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -10,13 +10,14 @@ interface BlockTitleProps {
   large?: boolean;
   medium?: 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 BlockTitle: React.FunctionComponent<BlockTitleProps>;
 

package/components/block.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface BlockProps {
+export interface BlockProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -26,13 +26,14 @@ interface BlockProps {
   onTabShow?: (el?: HTMLElement) => void;
   onTabHide?: (el?: HTMLElement) => 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 Block: React.FunctionComponent<BlockProps>;
 

package/components/breadcrumbs-collapsed.d.ts

@@ -2,13 +2,14 @@
 import * as React from 'react';
 
 
-interface BreadcrumbsCollapsedProps {
+export interface BreadcrumbsCollapsedProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const BreadcrumbsCollapsed: React.FunctionComponent<BreadcrumbsCollapsedProps>;
 

package/components/breadcrumbs-item.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface BreadcrumbsItemProps {
+export interface BreadcrumbsItemProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -10,6 +10,7 @@ interface BreadcrumbsItemProps {
   onClick ?: (event?: any) => void;
   active?: boolean;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const BreadcrumbsItem: React.FunctionComponent<BreadcrumbsItemProps>;
 

package/components/breadcrumbs-separator.d.ts

@@ -2,12 +2,13 @@
 import * as React from 'react';
 
 
-interface BreadcrumbsSeparatorProps {
+export interface BreadcrumbsSeparatorProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const BreadcrumbsSeparator: React.FunctionComponent<BreadcrumbsSeparatorProps>;
 

package/components/breadcrumbs.d.ts

@@ -2,12 +2,13 @@
 import * as React from 'react';
 
 
-interface BreadcrumbsProps {
+export interface BreadcrumbsProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const Breadcrumbs: React.FunctionComponent<BreadcrumbsProps>;
 

package/components/button.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ButtonProps {
+export interface ButtonProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -47,13 +47,14 @@ interface ButtonProps {
   loading?: boolean;
   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;
   icon?: string;
   iconMaterial?: string;
   iconF7?: string;

package/components/card-content.d.ts

@@ -2,20 +2,21 @@
 import * as React from 'react';
 
 
-interface CardContentProps {
+export interface CardContentProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   padding?: 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 CardContent: React.FunctionComponent<CardContentProps>;
 

package/components/card-footer.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface CardFooterProps {
+export interface CardFooterProps {
   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 CardFooter: React.FunctionComponent<CardFooterProps>;
 

package/components/card-header.d.ts

@@ -2,19 +2,20 @@
 import * as React from 'react';
 
 
-interface CardHeaderProps {
+export interface CardHeaderProps {
   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 CardHeader: React.FunctionComponent<CardHeaderProps>;
 

package/components/card.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface CardProps {
+export interface CardProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -32,13 +32,14 @@ interface CardProps {
   onCardClose ?: (el?: HTMLElement) => void;
   onCardClosed ?: (el?: HTMLElement, pageEl?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null; open: () => void; close: () => void}>;
+  children?: React.ReactNode;
   color?: string;
   colorTheme?: string;
   textColor?: string;
   bgColor?: string;
   borderColor?: string;
   rippleColor?: string;
-  themeDark?: boolean;
+  dark?: boolean;
 }
 declare const Card: React.FunctionComponent<CardProps>;
 

package/components/checkbox.d.ts

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

package/components/chip.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ChipProps {
+export interface ChipProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -18,13 +18,14 @@ interface ChipProps {
   onClick ?: (event?: any) => void;
   onDelete ?: (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;
   icon?: string;
   iconMaterial?: string;
   iconF7?: string;

package/components/col.d.ts

@@ -2,7 +2,7 @@
 import * as React from 'react';
 
 
-interface ColProps {
+export interface ColProps {
   slot?: string;
   id?: string | number;
   className?: string;
@@ -21,13 +21,14 @@ interface ColProps {
   onClick ?: (event?: any) => void;
   onGridResize ?: (...args: 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 Col: React.FunctionComponent<ColProps>;
 

package/components/fab-backdrop.d.ts

@@ -2,12 +2,13 @@
 import * as React from 'react';
 
 
-interface FabBackdropProps {
+export interface FabBackdropProps {
   slot?: string;
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
+  children?: React.ReactNode;
 }
 declare const FabBackdrop: React.FunctionComponent<FabBackdropProps>;