@ornikar/kitt-universal 27.3.1-canary.2a1e1042a7d526c8c6b6197a77f84626e0e5d206.0 → 27.4.0

package/dist/index.es.web.js

@@ -757,7 +757,7 @@ var webAnimationOverlayEasing$2 = [0.42, 0, 1, 1];
 var maxWidth = 540;
 var overlayHorizontalPadding = 24;
 var cardModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: maxWidth,
   maxWidthWithPadding: maxWidth + overlayHorizontalPadding * 2,
   minHeight: 280,
@@ -849,7 +849,7 @@ var webAnimationContentEasing$1 = [0.77, 0, 0.175, 1];
 var webAnimationOverlayDuration$1 = 250;
 var webAnimationOverlayEasing$1 = [0.42, 0, 1, 1];
 var dialogModal = {
-  borderRadius: 20,
+  borderRadius: spacing * 2,
   maxWidth: 540,
   overlayPadding: {
     horizontal: 24,
@@ -1818,10 +1818,10 @@ var highlight = {
   },
   primary: {
     "default": {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['blue.1']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.4']
+      backgroundColor: deepPurpleColorPalette['blue.2']
     }
   },
   secondary: {
@@ -1842,10 +1842,14 @@ var highlight = {
   },
   dark: {
     "default": {
-      backgroundColor: deepPurpleColorPalette['beige.2']
+      backgroundColor: deepPurpleColorPalette['grey.0'],
+      borderWidth: 1,
+      borderColor: deepPurpleColorPalette['beige.3']
     },
     hover: {
-      backgroundColor: deepPurpleColorPalette['beige.1']
+      backgroundColor: deepPurpleColorPalette['beige.1'],
+      borderWidth: 1,
+      borderColor: deepPurpleColorPalette['beige.3']
     }
   },
   success: {
@@ -2448,7 +2452,7 @@ var breakpoints = {
 // TODO : seperate brand color usage definition from proper theme definition and add typings - https://ornikar.atlassian.net/browse/CME-156
 var theme = {
   spacing: spacing,
-  getSpacing: function (multiplier) {
+  getSpacing: function getSpacing(multiplier) {
     return spacing * multiplier;
   },
   colors: colors,
@@ -2635,7 +2639,7 @@ var ActionCardPressable = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     onPress: onPress,
     onHoverIn: onHoverIn,
     onHoverOut: onHoverOut,
-    children: function (_ref3) {
+    children: function children(_ref3) {
       var isHovered = _ref3.isHovered,
         isPressed = _ref3.isPressed,
         isFocused = _ref3.isFocused;
@@ -3476,7 +3480,7 @@ var Button = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onHoverOut: onHoverOut,
     onFocus: onFocus,
     onBlur: onBlur,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed,
         isFocused = _ref2.isFocused;
@@ -3573,7 +3577,7 @@ var ActionsItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       stretch: stretch,
       disabled: isLoading ? true : disabled,
       icon: isLoading ? /*#__PURE__*/jsx(LoaderIcon, {}) : icon,
-      onPress: function (e) {
+      onPress: function handlePress(e) {
         var callPressAndUpdateLoadingState = /*#__PURE__*/function () {
           var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
             return _regeneratorRuntime().wrap(function (_context) {
@@ -3902,7 +3906,7 @@ function CloseButton(_ref) {
     onPress = _ref.onPress;
   var onCloseContextCallback = useOnCloseModalBehaviour();
   return /*#__PURE__*/cloneElement(children, {
-    onPress: function () {
+    onPress: function handleClose() {
       if (onPress) onPress();
       onCloseContextCallback();
     }
@@ -4052,7 +4056,7 @@ function CardModalBehaviour(_ref) {
     onClose: onClose,
     children: /*#__PURE__*/jsx(CardModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
       visible: visible,
-      onExited: function () {
+      onExited: function handleExitAnimationDone() {
         if (onExited) onExited();
         setIsModalBehaviourVisible(false);
       },
@@ -4260,8 +4264,8 @@ function AnimatedChoiceItemView(_ref) {
 
 var useNativeAnimation$3 = function () {
   return {
-    onPressIn: function () {},
-    onPressOut: function () {},
+    onPressIn: function onPressIn() {},
+    onPressOut: function onPressOut() {},
     backgroundStyles: undefined
   };
 };
@@ -4318,7 +4322,7 @@ function ChoiceItem(_ref) {
     style: style,
     onBlur: onBlur,
     onFocus: onFocus,
-    onPress: function (e) {
+    onPress: function handlePress(e) {
       if (onFocus) onFocus(e);
       if (onPress) onPress();
       handleChange();
@@ -4326,7 +4330,7 @@ function ChoiceItem(_ref) {
     },
     onPressIn: onPressIn,
     onPressOut: onPressOut,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed;
       var textColor = getCurrentTextColor$1({
@@ -4430,7 +4434,7 @@ function Choices(_ref2) {
     type: type,
     disabled: disabled,
     onPress: !isForm ? onPress : undefined,
-    onChange: isForm ? function (newValue) {
+    onChange: isForm ? function handleChange(newValue) {
       setCurrentValue(newValue);
       if (onChange) onChange(newValue);
     } : undefined,
@@ -4567,7 +4571,7 @@ function DialogModalBehaviour(_ref) {
       },
       children: /*#__PURE__*/jsx(DialogModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
         visible: visible,
-        onExited: function () {
+        onExited: function handleExitAnimationDone() {
           if (onExited) onExited();
           setIsModalBehaviourVisible(false);
         },
@@ -5014,7 +5018,7 @@ function isReactElement(element) {
   return _typeof(element) === 'object' && element !== null && 'type' in element && 'props' in element;
 }
 function Autocomplete(_ref) {
-  var children = _ref.children,
+  var _children = _ref.children,
     name = _ref.name,
     disabled = _ref.disabled,
     placeholder = _ref.placeholder,
@@ -5041,7 +5045,7 @@ function Autocomplete(_ref) {
     zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
     maxItemContainerHeight = _ref.maxItemContainerHeight,
     props = _objectWithoutProperties(_ref, _excluded$x);
-  var childrenArray = Children.toArray(children);
+  var childrenArray = Children.toArray(_children);
   var items = childrenArray.filter(isReactElement).map(function (child) {
     return {
       child: child,
@@ -5052,12 +5056,12 @@ function Autocomplete(_ref) {
     defaultIsOpen: isInitialOpen,
     initialSelectedItem: initialValue,
     initialInputValue: initialValue ? itemToString(initialValue) : undefined,
-    itemToString: function (item) {
+    itemToString: function handleItemToString(item) {
       // Prevents returning null values
       if (!itemToString) return '';
       return itemToString(item || undefined);
     },
-    stateReducer: function (state, changes) {
+    stateReducer: function stateReducer(state, changes) {
       switch (changes.type) {
         case Downshift.stateChangeTypes.changeInput:
           return _objectSpread(_objectSpread({}, changes), {}, {
@@ -5067,7 +5071,7 @@ function Autocomplete(_ref) {
           return changes;
       }
     },
-    onChange: function (selectedItem, stateAndHelpers) {
+    onChange: function onChange(selectedItem, stateAndHelpers) {
       if (_onChange) {
         _onChange(selectedItem, stateAndHelpers);
       }
@@ -5075,7 +5079,7 @@ function Autocomplete(_ref) {
     onSelect: onSelectItem,
     onOuterClick: onOuterPress,
     onInputValueChange: onInputChange,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var getRootProps = _ref2.getRootProps,
         getInputProps = _ref2.getInputProps,
         getMenuProps = _ref2.getMenuProps,
@@ -5127,20 +5131,20 @@ function Autocomplete(_ref) {
           right: right || (canDisplayCollapseButton ? /*#__PURE__*/jsx(InputPressable, _objectSpread(_objectSpread({}, toggleProps), {}, {
             testID: "kitt.Autocomplete.listToggle",
             hitSlop: 40,
-            onPress: function (e) {
+            onPress: function handleTogglePress(e) {
               onClickToggle(e);
             },
             children: /*#__PURE__*/jsx(InputIcon, {
               icon: isCurrentlyOpen ? /*#__PURE__*/jsx(CaretUpFillIcon, {}) : /*#__PURE__*/jsx(CaretDownFillIcon, {})
             })
           })) : null),
-          onFocus: function (e) {
+          onFocus: function onFocus(e) {
             openMenu();
             /** @ts-expect-error onFocus wants web events */
             if (onSearchInputFocus) onSearchInputFocus(e);
             if (_onFocus) _onFocus(e);
           },
-          onBlur: function (e) {
+          onBlur: function onBlur(e) {
             /** @ts-expect-error onBlur wants web events */
             if (onSearchInputBlur) onSearchInputBlur(e);
 
@@ -5176,10 +5180,10 @@ function Autocomplete(_ref) {
                   selected: ariaSelected
                 },
                 disabled: disabled,
-                onPress: function (e) {
+                onPress: function onPress(e) {
                   if (onClick) onClick(e);
                 },
-                children: function (_ref5) {
+                children: function children(_ref5) {
                   var isHovered = _ref5.isHovered,
                     isFocused = _ref5.isFocused,
                     isPressed = _ref5.isPressed;
@@ -5269,12 +5273,12 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
       disabled: disabled
     },
     disabled: disabled,
-    onPress: function (e) {
+    onPress: function handlePress(e) {
       if (onFocus) onFocus();
       if (onChange) onChange(!checked, e);
       if (onBlur) onBlur();
     },
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed,
         isFocused = _ref2.isFocused;
@@ -6083,10 +6087,10 @@ var GoogleMapsAutocompleteContext = /*#__PURE__*/createContext({
     isLoadingResultDetails: false,
     shouldDisplayEmptyStateWhenNoResults: false
   },
-  onInputChange: function () {
+  onInputChange: function onInputChange() {
     return Promise.resolve();
   },
-  onSelectItem: function () {}
+  onSelectItem: function onSelectItem() {}
 });
 function GoogleMapsAutocompleteProvider(_ref) {
   var children = _ref.children,
@@ -6339,7 +6343,7 @@ function InputAddress(_ref) {
   return /*#__PURE__*/jsx(Autocomplete, _objectSpread(_objectSpread({}, props), {}, {
     itemToString: itemToString,
     initialValue: formattedInitialValue,
-    checkSelectedItem: function (selectedItem, item) {
+    checkSelectedItem: function checkSelectedItem(selectedItem, item) {
       return (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.place_id) === item.place_id;
     },
     right: state.isLoadingSearch || state.isLoadingResultDetails ? /*#__PURE__*/jsx(Icon, {
@@ -6348,10 +6352,10 @@ function InputAddress(_ref) {
     }) : undefined,
     errorElement: state.hasSearchError || state.hasSelectResultError ? errorElement : null,
     emptyResultsElement: state.items.length === 0 ? emptyResultsElement : null,
-    onInputChange: function (v) {
+    onInputChange: function onInputChange(v) {
       _onInputChange(v);
     },
-    onChange: function (v) {
+    onChange: function onChange(v) {
       onSelectItem(v, _onChange);
     },
     children: state.items.map(function (item) {
@@ -6433,7 +6437,7 @@ var InputNumber = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref
   }, props), {}, {
     inputMode: "numeric",
-    onChange: function (event) {
+    onChange: function handleChange(event) {
       if (!onChange) return;
       var value = parseFloat(event.nativeEvent.text);
 
@@ -6465,7 +6469,7 @@ var InputPassword = /*#__PURE__*/forwardRef(function (_ref, ref) {
       testID: "kitt.InputPassword.passwordToggle",
       hitSlop: 20,
       accessibilityRole: "button",
-      onPress: function () {
+      onPress: function onPress() {
         return setIsVisible(function (prev) {
           return !prev;
         });
@@ -6500,7 +6504,7 @@ var InputPhone = /*#__PURE__*/forwardRef(function (_ref, ref) {
     enterKeyHint: currentEnterKeyHint,
     autoComplete: autoComplete,
     textContentType: "telephoneNumber",
-    onChange: function (event) {
+    onChange: function handleChange(event) {
       var number = parseNumber(event.nativeEvent.text);
 
       // When intl phone number is valid :
@@ -6692,14 +6696,14 @@ function Radio(_ref, ref) {
     focusable: checked && !disabled,
     flexDirection: "row",
     alignItems: "center",
-    onPress: function (event) {
+    onPress: function handlePress(event) {
       if (onFocus) onFocus();
       if (onChange) onChange(value, event);
       if (onBlur) onBlur();
     },
     onFocus: onFocus,
     onBlur: onBlur,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed,
         isFocused = _ref2.isFocused;
@@ -6875,7 +6879,7 @@ function RadioButton(_ref) {
     flexShrink: createResponsiveStyleFromProp(stretch, 1, undefined),
     flexBasis: createResponsiveStyleFromProp(stretch, 0),
     disabled: disabled,
-    onPress: function (e) {
+    onPress: function handlePress(e) {
       if (onFocus) onFocus(e);
       if (onChange) onChange(value);
       if (onBlur) onBlur(e);
@@ -6884,7 +6888,7 @@ function RadioButton(_ref) {
     onPressOut: onPressOut,
     onFocus: onFocus,
     onBlur: onBlur,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered,
         isPressed = _ref2.isPressed,
         isFocused = _ref2.isFocused;
@@ -7003,7 +7007,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
       textAlignVertical: "top",
       minHeight: "kitt.forms.textArea.minHeight"
     }, props), {}, {
-      onChange: function (e) {
+      onChange: function handleOnChange(e) {
         if (!limit || e.nativeEvent.text.length <= limit) {
           var _props$onChange;
           (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, e);
@@ -7166,10 +7170,10 @@ function Toggle(_ref) {
     children: [/*#__PURE__*/jsx(Pressable, {
       accessibilityRole: "togglebutton",
       disabled: isDisabled,
-      onPress: function () {
+      onPress: function handlePress() {
         onChange(!value);
       },
-      children: function (_ref2) {
+      children: function children(_ref2) {
         var isHovered = _ref2.isHovered,
           isPressed = _ref2.isPressed,
           isFocused = _ref2.isFocused;
@@ -7334,7 +7338,7 @@ function FullscreenModalBehaviour(_ref) {
     onClose: onClose,
     children: /*#__PURE__*/jsx(FullscreenModalAnimation, _objectSpread(_objectSpread({}, props), {}, {
       visible: visible,
-      onExited: function () {
+      onExited: function handleExitAnimationDone() {
         if (onExited) onExited();
         setIsModalBehaviourVisible(false);
       },
@@ -7518,6 +7522,8 @@ function AnimatedContainer(_ref) {
     },
     borderRadius: "kitt.highlight.borderRadius",
     padding: theme.kitt.highlight.padding[size],
+    borderWidth: theme.kitt.highlight[variant]["default"].borderWidth,
+    borderColor: theme.kitt.highlight[variant]["default"].borderColor,
     backgroundColor: isHovered ? theme.kitt.highlight[variant].hover.backgroundColor : theme.kitt.highlight[variant]["default"].backgroundColor,
     children: children
   });
@@ -7608,6 +7614,8 @@ function Highlight(_ref) {
       borderRadius: "kitt.highlight.borderRadius",
       padding: theme.kitt.highlight.padding[size],
       backgroundColor: "kitt.highlight.".concat(variant, ".default.backgroundColor"),
+      borderWidth: theme.kitt.highlight[variant]["default"].borderWidth,
+      borderColor: theme.kitt.highlight[variant]["default"].borderColor,
       children: /*#__PURE__*/jsxs(HStack, {
         space: highlightStyle[size].spaceBetween,
         children: [icon && /*#__PURE__*/jsx(View, {
@@ -7629,13 +7637,13 @@ function Highlight(_ref) {
     });
   }
   return /*#__PURE__*/jsx(Pressable, {
-    onPress: function () {
+    onPress: function handlePress() {
       setIsExpanded(!isExpanded);
       setIsInitialRender(false);
     },
     onPressIn: onPressIn,
     onPressOut: onPressOut,
-    children: function (_ref2) {
+    children: function children(_ref2) {
       var isHovered = _ref2.isHovered;
       return /*#__PURE__*/jsxs(AnimatedContainer, {
         isHovered: isHovered,
@@ -8110,7 +8118,7 @@ function MapMarker(_ref2) {
   return /*#__PURE__*/jsx(Pressable$1, {
     testID: testID,
     onPress: onPress,
-    children: function (_ref3) {
+    children: function children(_ref3) {
       var isHovered = _ref3.isHovered;
       return /*#__PURE__*/jsx(StaticMapMarker$1, _objectSpread(_objectSpread({}, props), {}, {
         isHovered: isHovered
@@ -8146,6 +8154,8 @@ var getColorByType = function (type) {
   switch (type) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'white';
     case 'warning':
     default:
       return 'black';
@@ -8155,6 +8165,8 @@ var getIconButtonColor = function (messageType) {
   switch (messageType) {
     case 'success':
     case 'danger':
+    case 'info':
+      return 'ghost';
     case 'warning':
     default:
       return 'black';
@@ -8175,7 +8187,7 @@ function BaseMessage(_ref) {
     justifyContent: "space-between",
     minHeight: "kitt.feedbackMessage.minHeight",
     paddingTop: insets === null || insets === void 0 ? void 0 : insets.top,
-    borderRadius: hasNoRadius ? undefined : 'kitt.5',
+    borderRadius: hasNoRadius ? undefined : 'kitt.2',
     backgroundColor: "kitt.feedbackMessage.".concat(type, ".backgroundColor"),
     children: [/*#__PURE__*/jsxs(HStack, {
       flexGrow: 1,
@@ -8183,9 +8195,9 @@ function BaseMessage(_ref) {
       alignSelf: "center",
       alignItems: "flex-start",
       paddingY: "kitt.4",
-      paddingX: "kitt.5",
+      paddingX: "kitt.4",
       children: [centeredText ? null : /*#__PURE__*/jsx(View, {
-        marginRight: "kitt.5",
+        marginRight: "kitt.2",
         children: /*#__PURE__*/jsx(Icon, {
           color: color,
           icon: /*#__PURE__*/jsx(IconContent, {
@@ -10674,19 +10686,19 @@ function NavigationModalBehaviour(_ref) {
     children: /*#__PURE__*/jsx(AnimationComponent, _objectSpread(_objectSpread({}, props), {}, {
       appear: shouldAppear,
       visible: visible,
-      onEnter: function () {
+      onEnter: function handleEnter() {
         if (onEnter) onEnter();
 
         // Once a children as been displayed, we force appear to false in order to avoid replaying animation on breakpoint change
         setShouldAppear(false);
       },
-      onExit: function () {
+      onExit: function handleExit() {
         if (onExit) onExit();
 
         // Reset appear value to its original value for future modal display
         setShouldAppear(appear);
       },
-      onExited: function () {
+      onExited: function handleExitAnimationDone() {
         if (onExited) onExited();
         setIsModalBehaviourVisible(false);
       },
@@ -10952,18 +10964,18 @@ function Picker(_ref) {
       items: items,
       initialSelectedItem: initialValueIndex > -1 ? items[initialValueIndex] : undefined,
       initialIsOpen: isInitialOpen,
-      stateReducer: function (state, actionAndChanges) {
+      stateReducer: function stateReducer(state, actionAndChanges) {
         return webUseSelectReducer(state, actionAndChanges, {
           keepOpenOnChange: keepOpenOnChange
         });
       },
       selectedItem: syncStateWithSourceValue ? sourceValue : undefined,
-      onIsOpenChange: function (changes) {
+      onIsOpenChange: function onIsOpenChange(changes) {
         if (changes.isOpen === false) {
           if (onClose) onClose();
         }
       },
-      onSelectedItemChange: function (changes) {
+      onSelectedItemChange: function onSelectedItemChange(changes) {
         if (!onChange) return;
         if (changes.selectedItem === null) {
           onChange(undefined);
@@ -11182,7 +11194,7 @@ function Skeleton(_ref) {
   return /*#__PURE__*/jsx(View, _objectSpread(_objectSpread({}, props), {}, {
     overflow: "hidden",
     style: style,
-    onLayout: function (_ref2) {
+    onLayout: function onLayout(_ref2) {
       var nativeEvent = _ref2.nativeEvent;
       return setWidth(nativeEvent.layout.width);
     },
@@ -11408,7 +11420,7 @@ function StaticMap(_ref) {
     position: "relative",
     maxWidth: mapBoxMaxPictureWidth,
     height: height,
-    onLayout: function (event) {
+    onLayout: function handleParentLayout(event) {
       var nativeEvent = event.nativeEvent;
       var rangedMapWidth = getPictureWidth(nativeEvent.layout.width);
       setCurrentWidth(rangedMapWidth);
@@ -11420,11 +11432,11 @@ function StaticMap(_ref) {
       width: currentWidth,
       height: height,
       alt: alt,
-      onLoadEnd: function () {
+      onLoadEnd: function handleImageLoadEnd() {
         setIsLoading(false);
         if (onLoaded) onLoaded();
       },
-      onError: function () {
+      onError: function handleError() {
         setHasError(true);
         if (onError) onError();
       }
@@ -11449,7 +11461,7 @@ function StaticMap(_ref) {
       width: "100%",
       height: "100%",
       children: /*#__PURE__*/jsx(StaticMapError, {
-        onReload: function () {
+        onReload: function handleReload() {
           setHasError(false);
           setIsLoading(true);
           setCurrentMapKey(function (prev) {
@@ -11691,7 +11703,7 @@ function StoryContainer(_ref) {
 var StoryDecorator = makeDecorator({
   name: 'StoryDecorator',
   parameterName: 'storyDecorator',
-  wrapper: function (storyFn, context) {
+  wrapper: function wrapper(storyFn, context) {
     var story = storyFn(context);
     if (context.parameters.disableStoryContainer) {
       return story;
@@ -11872,7 +11884,7 @@ function TabBar(_ref) {
         return /*#__PURE__*/jsx(View, {
           children: /*#__PURE__*/cloneElement(child, {
             color: color,
-            onPress: function (event) {
+            onPress: function onPress(event) {
               var _child$props$onPress, _child$props;
               onChangeTab({
                 tab: tabs[index],
@@ -12050,7 +12062,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         isFocusedInternal: isFocusedInternal,
         isPressedInternal: isPressedInternal
       }),
-      onChange: function (event) {
+      onChange: function handleInputChange(event) {
         var currentValue = event.nativeEvent.text;
         if (currentValue.length === 0) {
           setInputValue(currentValue);
@@ -12100,7 +12112,7 @@ var TimePicker = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         setInputValue(sanitizedValue);
         handleChange(sanitizedValue);
       },
-      onBlur: function () {
+      onBlur: function handleBlur() {
         if (inputValue.indexOf(':') === 1) {
           setInputValue("0".concat(inputValue));
         }
@@ -12655,7 +12667,7 @@ function KittThemeProvider(_ref) {
 var KittThemeDecorator = makeDecorator({
   name: 'ThemeDecorator',
   parameterName: 'theme',
-  wrapper: function (storyFn, context, _ref2) {
+  wrapper: function wrapper(storyFn, context, _ref2) {
     var _parameters$isSSR;
     var _ref2$options = _ref2.options,
       options = _ref2$options === void 0 ? {} : _ref2$options,