framework7-react 7.1.5 → 8.0.0-beta.2

package/components/block.d.ts

@@ -8,21 +8,34 @@ export interface BlockProps {
   className?: string;
   style?: React.CSSProperties;
   inset?: boolean;
+  insetIos?: boolean;
+  insetMd?: boolean;
   xsmallInset?: boolean;
+  xsmallInsetIos?: boolean;
+  xsmallInsetMd?: boolean;
   smallInset?: boolean;
+  smallInsetIos?: boolean;
+  smallInsetMd?: boolean;
   mediumInset?: boolean;
+  mediumInsetIos?: boolean;
+  mediumInsetMd?: boolean;
   largeInset?: boolean;
+  largeInsetIos?: boolean;
+  largeInsetMd?: boolean;
   xlargeInset?: boolean;
+  xlargeInsetIos?: boolean;
+  xlargeInsetMd?: boolean;
   strong?: boolean;
+  strongIos?: boolean;
+  strongMd?: boolean;
+  outline?: boolean;
+  outlineIos?: boolean;
+  outlineMd?: boolean;
   tabs?: boolean;
   tab?: boolean;
   tabActive?: boolean;
   accordionList?: boolean;
   accordionOpposite?: boolean;
-  noHairlines?: boolean;
-  noHairlinesMd?: boolean;
-  noHairlinesIos?: boolean;
-  noHairlinesAurora?: boolean;
   onTabShow?: (el?: HTMLElement) => void;
   onTabHide?: (el?: HTMLElement) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;

package/components/block.js

@@ -1,29 +1,42 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 import { useTab } from '../shared/use-tab.js';
 
+
 const Block = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
     inset,
+    insetIos,
+    insetMd,
     xsmallInset,
+    xsmallInsetIos,
+    xsmallInsetMd,
     smallInset,
+    smallInsetIos,
+    smallInsetMd,
     mediumInset,
+    mediumInsetIos,
+    mediumInsetMd,
     largeInset,
+    largeInsetIos,
+    largeInsetMd,
     xlargeInset,
+    xlargeInsetIos,
+    xlargeInsetMd,
     strong,
+    strongIos,
+    strongMd,
+    outline,
+    outlineIos,
+    outlineMd,
     accordionList,
     accordionOpposite,
     tabs,
     tab,
     tabActive,
-    noHairlines,
-    noHairlinesIos,
-    noHairlinesMd,
-    noHairlinesAurora,
     id,
     style,
     children
@@ -36,21 +49,34 @@ const Block = /*#__PURE__*/forwardRef((props, ref) => {
   useTab(elRef, props);
   const classes = classNames(className, 'block', {
     inset,
+    'inset-ios': insetIos,
+    'inset-md': insetMd,
     'xsmall-inset': xsmallInset,
+    'xsmall-inset-ios': xsmallInsetIos,
+    'xsmall-inset-md': xsmallInsetMd,
     'small-inset': smallInset,
+    'small-inset-ios': smallInsetIos,
+    'small-inset-md': smallInsetMd,
     'medium-inset': mediumInset,
+    'medium-inset-ios': mediumInsetIos,
+    'medium-inset-md': mediumInsetMd,
     'large-inset': largeInset,
+    'large-inset-ios': largeInsetIos,
+    'large-inset-md': largeInsetMd,
     'xlarge-inset': xlargeInset,
+    'xlarge-inset-ios': xlargeInsetIos,
+    'xlarge-inset-md': xlargeInsetMd,
     'block-strong': strong,
+    'block-strong-ios': strongIos,
+    'block-strong-md': strongMd,
+    'block-outline': outline,
+    'block-outline-ios': outlineIos,
+    'block-outline-md': outlineMd,
     'accordion-list': accordionList,
     'accordion-opposite': accordionOpposite,
     tabs,
     tab,
-    'tab-active': tabActive,
-    'no-hairlines': noHairlines,
-    'no-hairlines-md': noHairlinesMd,
-    'no-hairlines-ios': noHairlinesIos,
-    'no-hairlines-aurora': noHairlinesAurora
+    'tab-active': tabActive
   }, colorClasses(props));
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,

package/components/breadcrumbs-collapsed.js

@@ -1,8 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
 
+
 const BreadcrumbsCollapsed = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -15,11 +15,9 @@ const BreadcrumbsCollapsed = /*#__PURE__*/forwardRef((props, ref) => {
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
-
   const onClick = e => {
     emit(props, 'click', e);
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames('breadcrumbs-collapsed', className),
     ref: elRef,

package/components/breadcrumbs-item.js

@@ -1,8 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
 
+
 const BreadcrumbsItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -16,11 +16,9 @@ const BreadcrumbsItem = /*#__PURE__*/forwardRef((props, ref) => {
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
-
   const onClick = e => {
     emit(props, 'click', e);
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames('breadcrumbs-item', className, active && 'breadcrumbs-item-active'),
     ref: elRef,

package/components/breadcrumbs-separator.js

@@ -1,8 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 
+
 const BreadcrumbsSeparator = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/breadcrumbs.js

@@ -1,8 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 
+
 const Breadcrumbs = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/button.d.ts

@@ -16,27 +16,24 @@ export interface ButtonProps {
   round ?: boolean;
   roundMd ?: boolean;
   roundIos ?: boolean;
-  roundAurora ?: boolean;
   fill ?: boolean;
   fillMd ?: boolean;
   fillIos ?: boolean;
-  fillAurora ?: boolean;
+  tonal ?: boolean;
+  tonalMd ?: boolean;
+  tonalIos ?: boolean;
   large ?: boolean;
   largeMd ?: boolean;
   largeIos ?: boolean;
-  largeAurora ?: boolean;
   small ?: boolean;
   smallMd ?: boolean;
   smallIos ?: boolean;
-  smallAurora ?: boolean;
   raised ?: boolean;
   raisedMd ?: boolean;
   raisedIos ?: boolean;
-  raisedAurora ?: boolean;
   outline ?: boolean;
   outlineMd ?: boolean;
   outlineIos ?: boolean;
-  outlineAurora ?: boolean;
   active ?: boolean;
   disabled ?: boolean;
   tooltip ?: string;
@@ -60,7 +57,6 @@ export interface ButtonProps {
   iconF7?: string;
   iconIos?: string;
   iconMd?: string;
-  iconAurora?: string;
   iconColor?: string;
   iconSize?: string | number;
   back?: boolean;

package/components/button.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs, extend, isStringProp, emit } from '../shared/utils.js';
 import { colorClasses, actionsAttrs, actionsClasses, routerAttrs, routerClasses } from '../shared/mixins.js';
@@ -8,6 +7,7 @@ import { useIcon } from '../shared/use-icon.js';
 import { useRouteProps } from '../shared/use-route-props.js';
 import Preloader from './preloader.js';
 
+
 const Button = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -22,28 +22,25 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
     tabLinkActive,
     round,
     roundIos,
-    roundAurora,
     roundMd,
     fill,
     fillIos,
-    fillAurora,
     fillMd,
+    tonal,
+    tonalIos,
+    tonalMd,
     large,
     largeIos,
-    largeAurora,
     largeMd,
     small,
     smallIos,
-    smallAurora,
     smallMd,
     raised,
     raisedIos,
-    raisedAurora,
     raisedMd,
     active,
     outline,
     outlineIos,
-    outlineAurora,
     outlineMd,
     disabled,
     preloader,
@@ -53,59 +50,50 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onClick = e => {
     emit(props, 'click', e);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
   useTooltip(elRef, props);
   useRouteProps(elRef, props);
-
   const getClasses = () => {
     return classNames(className, 'button', {
       'tab-link': tabLink || tabLink === '',
       'tab-link-active': tabLinkActive,
       'button-round': round,
       'button-round-ios': roundIos,
-      'button-round-aurora': roundAurora,
       'button-round-md': roundMd,
       'button-fill': fill,
       'button-fill-ios': fillIos,
-      'button-fill-aurora': fillAurora,
       'button-fill-md': fillMd,
+      'button-tonal': tonal,
+      'button-tonal-ios': tonalIos,
+      'button-tonal-md': tonalMd,
       'button-large': large,
       'button-large-ios': largeIos,
-      'button-large-aurora': largeAurora,
       'button-large-md': largeMd,
       'button-small': small,
       'button-small-ios': smallIos,
-      'button-small-aurora': smallAurora,
       'button-small-md': smallMd,
       'button-raised': raised,
       'button-raised-ios': raisedIos,
-      'button-raised-aurora': raisedAurora,
       'button-raised-md': raisedMd,
       'button-active': active,
       'button-outline': outline,
       'button-outline-ios': outlineIos,
-      'button-outline-aurora': outlineAurora,
       'button-outline-md': outlineMd,
       'button-preloader': preloader,
       'button-loading': loading,
       disabled
     }, colorClasses(props), routerClasses(props), actionsClasses(props));
   };
-
   const ButtonTag = type === 'submit' || type === 'reset' || type === 'button' ? 'button' : 'a';
-
   const getAttrs = () => {
     let hrefComputed = href;
     if (href === true) hrefComputed = '#';
     if (href === false || ButtonTag === 'button') hrefComputed = undefined; // no href attribute
-
     return extend({
       href: hrefComputed,
       target,
@@ -113,14 +101,11 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
       'data-tab': isStringProp(tabLink) && tabLink || undefined
     }, routerAttrs(props), actionsAttrs(props));
   };
-
   const iconEl = useIcon(props);
   let textEl;
-
   if (text) {
     textEl = /*#__PURE__*/React.createElement("span", null, text);
   }
-
   if (preloader) {
     return /*#__PURE__*/React.createElement(ButtonTag, _extends({
       ref: elRef,
@@ -134,7 +119,6 @@ const Button = /*#__PURE__*/forwardRef((props, ref) => {
       color: preloaderColor
     }), /*#__PURE__*/React.createElement("span", null, iconEl, textEl, children));
   }
-
   return /*#__PURE__*/React.createElement(ButtonTag, _extends({
     ref: elRef,
     id: id,

package/components/card-content.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const CardContent = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/card-footer.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const CardFooter = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/card-header.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const CardHeader = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/card.d.ts

@@ -10,7 +10,12 @@ export interface CardProps {
   title ?: string | number;
   content ?: string | number;
   footer ?: string | number;
+  raised?: boolean;
   outline ?: boolean;
+  outlineIos ?: boolean;
+  outlineMd ?: boolean;
+  headerDivider ?: boolean;
+  footerDivider ?: boolean;
   expandable ?: boolean;
   expandableAnimateWidth ?: boolean;
   expandableOpened ?: boolean;
@@ -23,8 +28,6 @@ export interface CardProps {
   closeByBackdropClick ?: boolean;
   backdrop ?: boolean;
   backdropEl ?: string;
-  noShadow ?: boolean;
-  noBorder ?: boolean;
   padding ?: boolean;
   onCardBeforeOpen ?: (el?: HTMLElement, prevent?: any) => void;
   onCardOpen ?: (el?: HTMLElement) => void;

package/components/card.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import CardHeader from './card-header.js';
@@ -10,6 +9,7 @@ import { colorClasses } from '../shared/mixins.js';
 import { f7, f7ready } from '../shared/f7.js';
 import { watchProp } from '../shared/watch-prop.js';
 
+
 const Card = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -19,7 +19,12 @@ const Card = /*#__PURE__*/forwardRef((props, ref) => {
     content,
     footer,
     padding,
+    raised,
     outline,
+    outlineIos,
+    outlineMd,
+    headerDivider,
+    footerDivider,
     expandable,
     expandableAnimateWidth,
     expandableOpened,
@@ -31,48 +36,38 @@ const Card = /*#__PURE__*/forwardRef((props, ref) => {
     swipeToClose,
     closeByBackdropClick,
     backdrop,
-    backdropEl,
-    noShadow,
-    noBorder
+    backdropEl
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const open = () => {
     if (!elRef.current) return;
     f7.card.open(elRef.current);
   };
-
   const close = () => {
     if (!elRef.current) return;
     f7.card.close(elRef.current);
   };
-
   const onBeforeOpen = (el, prevent) => {
     if (elRef.current !== el) return;
     emit(props, 'cardBeforeOpen', el, prevent);
   };
-
   const onOpen = el => {
     if (elRef.current !== el) return;
     emit(props, 'cardOpen', el);
   };
-
   const onOpened = (el, pageEl) => {
     if (elRef.current !== el) return;
     emit(props, 'cardOpened', el, pageEl);
   };
-
   const onClose = el => {
     if (elRef.current !== el) return;
     emit(props, 'cardClose', el);
   };
-
   const onClosed = (el, pageEl) => {
     if (elRef.current !== el) return;
     emit(props, 'cardClosed', el, pageEl);
   };
-
   const attachEvents = () => {
     if (!expandable || !elRef.current) return;
     f7ready(() => {
@@ -83,7 +78,6 @@ const Card = /*#__PURE__*/forwardRef((props, ref) => {
       f7.on('cardClosed', onClosed);
     });
   };
-
   const detachEvents = () => {
     f7.off('cardBeforeOpen', onBeforeOpen);
     f7.off('cardOpen', onOpen);
@@ -91,7 +85,6 @@ const Card = /*#__PURE__*/forwardRef((props, ref) => {
     f7.off('cardClose', onClose);
     f7.off('cardClosed', onClosed);
   };
-
   const onMount = () => {
     if (!expandable || !elRef.current) return;
     f7ready(() => {
@@ -100,7 +93,6 @@ const Card = /*#__PURE__*/forwardRef((props, ref) => {
       }
     });
   };
-
   useIsomorphicLayoutEffect(() => {
     onMount();
   }, []);
@@ -124,28 +116,27 @@ const Card = /*#__PURE__*/forwardRef((props, ref) => {
   let contentEl;
   let footerEl;
   const classes = classNames(className, 'card', {
+    'card-raised': raised,
+    'card-header-divider': headerDivider,
+    'card-footer-divider': footerDivider,
     'card-outline': outline,
+    'card-outline-ios': outlineIos,
+    'card-outline-md': outlineMd,
     'card-expandable': expandable,
-    'card-expandable-animate-width': expandableAnimateWidth,
-    'no-shadow': noShadow,
-    'no-border': noBorder
+    'card-expandable-animate-width': expandableAnimateWidth
   }, colorClasses(props));
   const slots = getSlots(props);
-
   if (title || slots.header) {
     headerEl = /*#__PURE__*/React.createElement(CardHeader, null, title, slots.header);
   }
-
   if (content || slots.content) {
     contentEl = /*#__PURE__*/React.createElement(CardContent, {
       padding: padding
     }, content, slots.content);
   }
-
   if (footer || slots.footer) {
     footerEl = /*#__PURE__*/React.createElement(CardFooter, null, footer, slots.footer);
   }
-
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/components/checkbox.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -25,11 +25,9 @@ const Checkbox = /*#__PURE__*/forwardRef((props, ref) => {
     el: elRef.current,
     inputEl: inputElRef.current
   }));
-
   const onChange = event => {
     emit(props, 'change', event);
   };
-
   useEffect(() => {
     if (inputElRef.current) {
       inputElRef.current.indeterminate = !!indeterminate;

package/components/chip.d.ts

@@ -31,7 +31,6 @@ export interface ChipProps {
   iconF7?: string;
   iconIos?: string;
   iconMd?: string;
-  iconAurora?: string;
   iconColor?: string;
   iconSize?: string | number;
 }

package/components/chip.js

@@ -1,11 +1,11 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 import { useTooltip } from '../shared/use-tooltip.js';
 import { useIcon } from '../shared/use-icon.js';
 
+
 const Chip = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -19,15 +19,12 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
     outline
   } = props;
   const extraAttrs = getExtraAttrs(props);
-
   const onClick = event => {
     emit(props, 'click', event);
   };
-
   const onDeleteClick = event => {
     emit(props, 'delete', event);
   };
-
   const elRef = useRef(null);
   useImperativeHandle(ref, () => ({
     el: elRef.current
@@ -38,27 +35,23 @@ const Chip = /*#__PURE__*/forwardRef((props, ref) => {
   let mediaEl;
   let labelEl;
   let deleteEl;
-
   if (media || iconEl || slots && slots.media) {
     const mediaClasses = classNames('chip-media', mediaTextColor && `text-color-${mediaTextColor}`, mediaBgColor && `bg-color-${mediaBgColor}`);
     mediaEl = /*#__PURE__*/React.createElement("div", {
       className: mediaClasses
     }, iconEl, media, slots.media);
   }
-
   if (text || slots && (slots.text || slots.default && slots.default.length)) {
     labelEl = /*#__PURE__*/React.createElement("div", {
       className: "chip-label"
     }, text, slots.text, slots.default);
   }
-
   if (deleteable) {
     deleteEl = /*#__PURE__*/React.createElement("a", {
       className: "chip-delete",
       onClick: onDeleteClick
     });
   }
-
   const classes = classNames(className, 'chip', {
     'chip-outline': outline
   }, colorClasses(props));

package/components/fab-backdrop.js

@@ -1,8 +1,8 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { getExtraAttrs, classNames } from '../shared/utils.js';
 
+
 const FabBackdrop = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,