framework7-react 7.0.9 → 8.0.0-beta.1

package/components/popover.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 { classNames, getExtraAttrs, emit } from '../shared/utils.js';
@@ -9,6 +8,7 @@ import { watchProp } from '../shared/watch-prop.js';
 import { modalStateClasses } from '../shared/modal-state-classes.js';
 
 
+
 const Popover = /*#__PURE__*/forwardRef((props, ref) => {
   const f7Popover = useRef(null);
   const {
@@ -19,6 +19,7 @@ const Popover = /*#__PURE__*/forwardRef((props, ref) => {
     opened,
     animate,
     targetEl,
+    angle,
     backdrop,
     backdropEl,
     closeByBackdropClick,
@@ -31,42 +32,35 @@ const Popover = /*#__PURE__*/forwardRef((props, ref) => {
   const elRef = useRef(null);
   const isOpened = useRef(opened);
   const isClosing = useRef(false);
-
   const onOpen = instance => {
     isOpened.current = true;
     isClosing.current = false;
     emit(props, 'popoverOpen', instance);
   };
-
   const onOpened = instance => {
     emit(props, 'popoverOpened', instance);
   };
-
   const onClose = instance => {
     isOpened.current = false;
     isClosing.current = true;
     emit(props, 'popoverClose', instance);
   };
-
   const onClosed = instance => {
     isClosing.current = false;
     emit(props, 'popoverClosed', instance);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7Popover: () => f7Popover.current
   }));
   watchProp(opened, value => {
     if (!f7Popover.current) return;
-
     if (value) {
       f7Popover.current.open();
     } else {
       f7Popover.current.close();
     }
   });
-
   const modalEvents = method => {
     if (!f7Popover.current) return;
     f7Popover.current[method]('open', onOpen);
@@ -74,7 +68,6 @@ const Popover = /*#__PURE__*/forwardRef((props, ref) => {
     f7Popover.current[method]('close', onClose);
     f7Popover.current[method]('closed', onClosed);
   };
-
   const onMount = () => {
     if (!elRef.current) return;
     const popoverParams = {
@@ -84,6 +77,7 @@ const Popover = /*#__PURE__*/forwardRef((props, ref) => {
     if ('closeByBackdropClick' in props) popoverParams.closeByBackdropClick = closeByBackdropClick;
     if ('closeByOutsideClick' in props) popoverParams.closeByOutsideClick = closeByOutsideClick;
     if ('closeOnEscape' in props) popoverParams.closeOnEscape = closeOnEscape;
+    if ('angle' in props) popoverParams.angle = angle;
     if ('backdrop' in props) popoverParams.backdrop = backdrop;
     if ('backdropEl' in props) popoverParams.backdropEl = backdropEl;
     if ('animate' in props) popoverParams.animate = animate;
@@ -92,21 +86,17 @@ const Popover = /*#__PURE__*/forwardRef((props, ref) => {
     f7ready(() => {
       f7Popover.current = f7.popover.create(popoverParams);
       modalEvents('on');
-
       if (opened && targetEl) {
         f7Popover.current.open(targetEl, false);
       }
     });
   };
-
   const onDestroy = () => {
     if (f7Popover.current) {
       f7Popover.current.destroy();
     }
-
     f7Popover.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     modalEvents('on');
     return () => {

package/components/popup.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, useImperativeHandle, useRef } from 'react';
 import { f7, f7ready } from '../shared/f7.js';
 import { colorClasses } from '../shared/mixins.js';
@@ -9,6 +8,7 @@ import { classNames, emit, getExtraAttrs } from '../shared/utils.js';
 import { watchProp } from '../shared/watch-prop.js';
 
 
+
 const Popup = /*#__PURE__*/forwardRef((props, ref) => {
   const f7Popup = useRef(null);
   const {
@@ -32,58 +32,47 @@ const Popup = /*#__PURE__*/forwardRef((props, ref) => {
   const elRef = useRef(null);
   const isOpened = useRef(opened);
   const isClosing = useRef(false);
-
   const onSwipeStart = instance => {
     emit(props, 'popupSwipeStart', instance);
   };
-
   const onSwipeMove = instance => {
     emit(props, 'popupSwipeMove', instance);
   };
-
   const onSwipeEnd = instance => {
     emit(props, 'popupSwipeEnd', instance);
   };
-
   const onSwipeClose = instance => {
     emit(props, 'popupSwipeClose', instance);
   };
-
   const onOpen = instance => {
     isOpened.current = true;
     isClosing.current = false;
     emit(props, 'popupOpen', instance);
   };
-
   const onOpened = instance => {
     emit(props, 'popupOpened', instance);
   };
-
   const onClose = instance => {
     isOpened.current = false;
     isClosing.current = true;
     emit(props, 'popupClose', instance);
   };
-
   const onClosed = instance => {
     isClosing.current = false;
     emit(props, 'popupClosed', instance);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7Popup: () => f7Popup.current
   }));
   watchProp(opened, value => {
     if (!f7Popup.current) return;
-
     if (value) {
       f7Popup.current.open();
     } else {
       f7Popup.current.close();
     }
   });
-
   const modalEvents = method => {
     if (!f7Popup.current) return;
     f7Popup.current[method]('swipeStart', onSwipeStart);
@@ -95,7 +84,6 @@ const Popup = /*#__PURE__*/forwardRef((props, ref) => {
     f7Popup.current[method]('close', onClose);
     f7Popup.current[method]('closed', onClosed);
   };
-
   const onMount = () => {
     if (!elRef.current) return;
     const popupParams = {
@@ -112,21 +100,17 @@ const Popup = /*#__PURE__*/forwardRef((props, ref) => {
     f7ready(() => {
       f7Popup.current = f7.popup.create(popupParams);
       modalEvents('on');
-
       if (opened) {
-        f7Popup.current.open(false);
+        f7Popup.current.open(false, true);
       }
     });
   };
-
   const onDestroy = () => {
     if (f7Popup.current) {
       f7Popup.current.destroy();
     }
-
     f7Popup.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     modalEvents('on');
     return () => {

package/components/preloader.js

@@ -1,10 +1,10 @@
-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 } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 import { useTheme } from '../shared/use-theme.js';
 
+
 const Preloader = /*#__PURE__*/forwardRef((props, ref) => {
   const theme = useTheme();
   const {
@@ -20,20 +20,16 @@ const Preloader = /*#__PURE__*/forwardRef((props, ref) => {
   }));
   const preloaderStyle = {};
   let sizeComputed = size;
-
   if (sizeComputed && typeof sizeComputed === 'string' && sizeComputed.indexOf('px') >= 0) {
     sizeComputed = sizeComputed.replace('px', '');
   }
-
   if (sizeComputed) {
     preloaderStyle.width = `${sizeComputed}px`;
     preloaderStyle.height = `${sizeComputed}px`;
     preloaderStyle['--f7-preloader-size'] = `${sizeComputed}px`;
   }
-
   if (style) extend(preloaderStyle, style || {});
   let innerEl;
-
   if (theme && theme.md) {
     innerEl = /*#__PURE__*/React.createElement("span", {
       className: "preloader-inner"
@@ -64,19 +60,14 @@ const Preloader = /*#__PURE__*/forwardRef((props, ref) => {
     }), /*#__PURE__*/React.createElement("span", {
       className: "preloader-inner-line"
     }));
-  } else if (theme && theme.aurora) {
-    innerEl = /*#__PURE__*/React.createElement("span", {
-      className: "preloader-inner"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "preloader-inner-circle"
-    }));
   } else if (!theme) {
     innerEl = /*#__PURE__*/React.createElement("span", {
       className: "preloader-inner"
     });
   }
-
-  const classes = classNames(className, 'preloader', colorClasses(props));
+  const classes = classNames(className, {
+    preloader: true
+  }, colorClasses(props));
   return /*#__PURE__*/React.createElement("span", _extends({
     id: id,
     style: preloaderStyle,

package/components/progressbar.js

@@ -1,10 +1,10 @@
-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 { f7 } from '../shared/f7.js';
 
+
 const Progressbar = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -15,12 +15,10 @@ const Progressbar = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const set = (newProgress, speed) => {
     if (!f7) return;
     f7.progressbar.set(elRef.current, newProgress, speed);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     set

package/components/radio.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, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const Radio = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -18,11 +18,9 @@ const Radio = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const onChange = event => {
     emit(props, 'change', event);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));

package/components/range.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 { classNames, getExtraAttrs, noUndefinedProps, emit } from '../shared/utils.js';
@@ -8,6 +7,7 @@ import { f7ready, f7 } from '../shared/f7.js';
 import { watchProp } from '../shared/watch-prop.js';
 
 
+
 const Range = /*#__PURE__*/forwardRef((props, ref) => {
   const f7Range = useRef(null);
   const {
@@ -45,7 +45,6 @@ const Range = /*#__PURE__*/forwardRef((props, ref) => {
   watchProp(value, newValue => {
     if (!f7Range.current) return;
     const rangeValue = f7Range.current.value;
-
     if (Array.isArray(newValue) && Array.isArray(rangeValue)) {
       if (rangeValue[0] !== newValue[0] || rangeValue[1] !== newValue[1]) {
         f7Range.current.setValue(newValue);
@@ -54,21 +53,17 @@ const Range = /*#__PURE__*/forwardRef((props, ref) => {
       f7Range.current.setValue(newValue);
     }
   });
-
   const onChange = (range, val) => {
     emit(props, 'rangeChange', val);
   };
-
   const onChanged = (range, val) => {
     emit(props, 'rangeChanged', val);
   };
-
   const rangeEvents = method => {
     if (!f7Range.current) return;
     f7Range.current[method]('change', onChange);
     f7Range.current[method]('changed', onChanged);
   };
-
   const onMount = () => {
     f7ready(() => {
       if (!init || !elRef.current) return;
@@ -93,12 +88,10 @@ const Range = /*#__PURE__*/forwardRef((props, ref) => {
       rangeEvents('on');
     });
   };
-
   const onDestroy = () => {
     if (f7Range.current && f7Range.current.destroy) f7Range.current.destroy();
     f7Range.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     rangeEvents('on');
     return () => {

package/components/routable-modals.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, useState } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { f7events, f7routers, f7 } from '../shared/f7.js';
 
+
 const RoutableModals = /*#__PURE__*/forwardRef((props, ref) => {
   const [modals, setModals] = useState([]);
   const elRef = useRef(null);
@@ -11,26 +11,21 @@ const RoutableModals = /*#__PURE__*/forwardRef((props, ref) => {
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
-
   const onMount = () => {
     routerData.current = {
       modals,
       el: elRef.current,
-
       setModals(newModals) {
         setModals([...newModals]);
       }
-
     };
     f7routers.modals = routerData.current;
   };
-
   const onDestroy = () => {
     if (!routerData.current) return;
     f7routers.modals = null;
     routerData.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     onMount();
     return onDestroy;

package/components/searchbar.d.ts

@@ -9,8 +9,7 @@ export interface SearchbarProps {
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
-  noShadow ?: boolean;
-  noHairline ?: boolean;
+  outline ?: boolean;
   form ?: boolean;
   placeholder ?: string;
   disableButton ?: boolean;

package/components/searchbar.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 { classNames, getExtraAttrs, getSlots, noUndefinedProps, emit } from '../shared/utils.js';
@@ -7,14 +6,14 @@ import { colorClasses } from '../shared/mixins.js';
 import { f7ready, f7 } from '../shared/f7.js';
 
 
+
 const Searchbar = /*#__PURE__*/forwardRef((props, ref) => {
   const f7Searchbar = useRef(null);
   const {
     className,
     id,
     style,
-    noShadow,
-    noHairline,
+    outline = true,
     form = true,
     placeholder = 'Search',
     spellcheck,
@@ -31,7 +30,7 @@ const Searchbar = /*#__PURE__*/forwardRef((props, ref) => {
     searchIn = '.item-title',
     searchItem = 'li',
     searchGroup = '.list-group',
-    searchGroupTitle = '.item-divider, .list-group-title',
+    searchGroupTitle = '.list-group-title',
     foundEl = '.searchbar-found',
     notFoundEl = '.searchbar-not-found',
     backdrop,
@@ -47,60 +46,47 @@ const Searchbar = /*#__PURE__*/forwardRef((props, ref) => {
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
-
   const search = query => {
     if (!f7Searchbar.current) return undefined;
     return f7Searchbar.current.search(query);
   };
-
   const enable = () => {
     if (!f7Searchbar.current) return undefined;
     return f7Searchbar.current.enable();
   };
-
   const disable = () => {
     if (!f7Searchbar.current) return undefined;
     return f7Searchbar.current.disable();
   };
-
   const toggle = () => {
     if (!f7Searchbar.current) return undefined;
     return f7Searchbar.current.toggle();
   };
-
   const clear = () => {
     if (!f7Searchbar.current) return undefined;
     return f7Searchbar.current.clear();
   };
-
   const onChange = event => {
     emit(props, 'change', event);
   };
-
   const onInput = event => {
     emit(props, 'input', event);
   };
-
   const onFocus = event => {
     emit(props, 'focus', event);
   };
-
   const onBlur = event => {
     emit(props, 'blur', event);
   };
-
   const onSubmit = event => {
     emit(props, 'submit', event);
   };
-
   const onClearButtonClick = event => {
     emit(props, 'click:clear clickClear', event);
   };
-
   const onDisableButtonClick = event => {
     emit(props, 'click:disable clickDisable', event);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7Searchbar: () => f7Searchbar.current,
@@ -110,7 +96,6 @@ const Searchbar = /*#__PURE__*/forwardRef((props, ref) => {
     toggle,
     clear
   }));
-
   const onMount = () => {
     if (!init) return;
     f7ready(() => {
@@ -140,19 +125,15 @@ const Searchbar = /*#__PURE__*/forwardRef((props, ref) => {
           search(searchbar, query, previousQuery) {
             emit(props, 'searchbarSearch', searchbar, query, previousQuery);
           },
-
           clear(searchbar, previousQuery) {
             emit(props, 'searchbarClear', searchbar, previousQuery);
           },
-
           enable(searchbar) {
             emit(props, 'searchbarEnable', searchbar);
           },
-
           disable(searchbar) {
             emit(props, 'searchbarDisable', searchbar);
           }
-
         }
       });
       Object.keys(params).forEach(key => {
@@ -163,38 +144,32 @@ const Searchbar = /*#__PURE__*/forwardRef((props, ref) => {
       f7Searchbar.current = f7.searchbar.create(params);
     });
   };
-
   const onDestroy = () => {
     if (f7Searchbar.current && f7Searchbar.current.destroy) f7Searchbar.current.destroy();
     f7Searchbar.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     onMount();
     return onDestroy;
   }, []);
   let clearEl;
   let disableEl;
-
   if (clearButton) {
     clearEl = /*#__PURE__*/React.createElement("span", {
       className: "input-clear-button",
       onClick: onClearButtonClick
     });
   }
-
   if (disableButton) {
     disableEl = /*#__PURE__*/React.createElement("span", {
       className: "searchbar-disable-button",
       onClick: onDisableButtonClick
     }, disableButtonText);
   }
-
   const SearchbarTag = form ? 'form' : 'div';
   const classes = classNames(className, 'searchbar', {
     'searchbar-inline': inline,
-    'no-shadow': noShadow,
-    'no-hairline': noHairline,
+    'no-outline': !outline,
     'searchbar-expandable': expandable
   }, colorClasses(props));
   const slots = getSlots(props);

package/components/segmented.d.ts

@@ -10,15 +10,12 @@ export interface SegmentedProps {
   raised ?: boolean;
   raisedIos ?: boolean;
   raisedMd ?: boolean;
-  raisedAurora ?: boolean;
   round ?: boolean;
   roundIos ?: boolean;
   roundMd ?: boolean;
-  roundAurora ?: boolean;
   strong ?: boolean;
   strongIos ?: boolean;
   strongMd ?: boolean;
-  strongAurora ?: boolean;
   tag ?: string;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;
   children?: React.ReactNode;

package/components/segmented.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 Segmented = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -13,15 +13,12 @@ const Segmented = /*#__PURE__*/forwardRef((props, ref) => {
     raised,
     raisedIos,
     raisedMd,
-    raisedAurora,
     round,
     roundIos,
     roundMd,
-    roundAurora,
     strong,
     strongIos,
     strongMd,
-    strongAurora,
     tag = 'div'
   } = props;
   const extraAttrs = getExtraAttrs(props);
@@ -33,16 +30,13 @@ const Segmented = /*#__PURE__*/forwardRef((props, ref) => {
     segmented: true,
     'segmented-raised': raised,
     'segmented-raised-ios': raisedIos,
-    'segmented-raised-aurora': raisedAurora,
     'segmented-raised-md': raisedMd,
     'segmented-round': round,
     'segmented-round-ios': roundIos,
-    'segmented-round-aurora': roundAurora,
     'segmented-round-md': roundMd,
     'segmented-strong': strong,
     'segmented-strong-ios': strongIos,
-    'segmented-strong-md': strongMd,
-    'segmented-strong-aurora': strongAurora
+    'segmented-strong-md': strongMd
   }, colorClasses(props));
   const SegmentedTag = tag;
   return /*#__PURE__*/React.createElement(SegmentedTag, _extends({
@@ -50,7 +44,7 @@ const Segmented = /*#__PURE__*/forwardRef((props, ref) => {
     style: style,
     className: classes,
     ref: elRef
-  }, extraAttrs), children, (strong || strongIos || strongMd || strongAurora) && /*#__PURE__*/React.createElement("span", {
+  }, extraAttrs), children, (strong || strongIos || strongMd) && /*#__PURE__*/React.createElement("span", {
     className: "segmented-highlight"
   }));
 });