@nutui/nutui-react-taro 3.0.12 → 3.0.13

package/dist/cjs/packages/textarea/textarea.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import React from 'react';
 import { TaroTextAreaProps } from "../../types";
-export declare const TextArea: FunctionComponent<Partial<TaroTextAreaProps>>;
+export declare const TextArea: React.ForwardRefExoticComponent<Omit<Partial<TaroTextAreaProps>, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/packages/textarea/textarea.js

@@ -26,14 +26,13 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
     defaultValue: '',
     showCount: false,
     maxLength: 140,
-    placeholder: '',
     readOnly: false,
     disabled: false,
     autoSize: false,
     plain: false,
     status: 'default'
 });
-var TextArea = function TextArea(props) {
+var TextArea = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var locale = (0, _index.useConfig)().locale;
     var _ref = (0, _object_spread._)({}, defaultProps, props), className = _ref.className, value = _ref.value, defaultValue = _ref.defaultValue, showCount = _ref.showCount, maxLength = _ref.maxLength, rows = _ref.rows, placeholder = _ref.placeholder, readOnly = _ref.readOnly, disabled = _ref.disabled, autoSize = _ref.autoSize, style = _ref.style, plain = _ref.plain, status = _ref.status, onChange = _ref.onChange, onBlur = _ref.onBlur, onFocus = _ref.onFocus, rest = (0, _object_without_properties._)(_ref, [
         "className",
@@ -67,15 +66,16 @@ var TextArea = function TextArea(props) {
         defaultValue: defaultValue,
         finalValue: format(defaultValue),
         onChange: onChange
-    }), 2), inputValue = _usePropsValue[0], setInputValue = _usePropsValue[1];
+    }), 2), innerValue = _usePropsValue[0], setInnerValue = _usePropsValue[1];
+    var textareaRef = (0, _react.useRef)(null);
     var handleChange = function handleChange(event) {
         var _event_detail;
         var text = event === null || event === void 0 ? void 0 : (_event_detail = event.detail) === null || _event_detail === void 0 ? void 0 : _event_detail.value;
         if (text) {
             var value = compositionRef.current ? text : format(text);
-            setInputValue(value);
+            setInnerValue(value);
         } else {
-            setInputValue('');
+            setInnerValue('');
         }
     };
     var isDisabled = function isDisabled() {
@@ -89,10 +89,29 @@ var TextArea = function TextArea(props) {
         if (isDisabled()) return;
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
+    (0, _react.useImperativeHandle)(ref, function() {
+        return {
+            clear: function clear() {
+                setInnerValue('');
+            },
+            focus: function focus() {
+                var _textareaRef_current;
+                return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.focus();
+            },
+            blur: function blur() {
+                var _textareaRef_current;
+                return (_textareaRef_current = textareaRef.current) === null || _textareaRef_current === void 0 ? void 0 : _textareaRef_current.blur();
+            },
+            get nativeElement () {
+                return textareaRef.current;
+            }
+        };
+    });
     var _obj;
     return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: (0, _classnames.default)(classPrefix, (_obj = {}, (0, _define_property._)(_obj, "".concat(classPrefix, "-disabled"), disabled), (0, _define_property._)(_obj, "".concat(classPrefix, "-readonly"), readOnly), (0, _define_property._)(_obj, "".concat(classPrefix, "-rtl"), rtl), (0, _define_property._)(_obj, "".concat(classPrefix, "-plain"), plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-container"), !plain), (0, _define_property._)(_obj, "".concat(classPrefix, "-").concat(status), status), _obj), className)
     }, /*#__PURE__*/ _react.default.createElement(_components.Textarea, (0, _object_spread_props._)((0, _object_spread._)({}, rest), {
+        ref: textareaRef,
         nativeProps: {
             style: style,
             readOnly: readOnly,
@@ -108,7 +127,7 @@ var TextArea = function TextArea(props) {
         style: _taro.default.getEnv() === 'WEB' ? undefined : style,
         disabled: _taro.default.getEnv() === 'WEB' ? disabled : disabled || readOnly,
         // @ts-ignore
-        value: inputValue,
+        value: innerValue,
         onInput: handleChange,
         onBlur: handleBlur,
         onFocus: handleFocus,
@@ -117,6 +136,6 @@ var TextArea = function TextArea(props) {
         placeholder: placeholder !== undefined ? placeholder : locale.placeholder
     })), showCount && /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: (0, _classnames.default)("".concat(classPrefix, "-limit"), (0, _define_property._)({}, "".concat(classPrefix, "-limit-disabled"), disabled))
-    }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
-};
+    }, innerValue.length, "/", maxLength < 0 ? 0 : maxLength)));
+});
 TextArea.displayName = 'NutTextArea';

package/dist/cjs/packages/toast/style/style.css

@@ -27,10 +27,10 @@
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
 }
 .nut-toast-overlay-default-taro {
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   background-color: rgba(0, 0, 0, 0);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
   /* #endif */
 }

package/dist/cjs/packages/toast/style/style.harmony.css

@@ -24,10 +24,10 @@
   z-index: 1300;
 }
 .nut-toast-overlay-default-taro {
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   background-color: rgba(0, 0, 0, 0);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   /* #endif */
 }
 .nut-toast-inner {

package/dist/cjs/packages/toast/style/toast.scss

@@ -26,10 +26,10 @@
   }
 
   &-overlay-default-taro {
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     background-color: rgba(0, 0, 0, 0);
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
     /* #endif */
   }

package/dist/cjs/packages/toast/style-jmapp/style.css

@@ -27,10 +27,10 @@
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
 }
 .nut-toast-overlay-default-taro {
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   background-color: rgba(0, 0, 0, 0);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
   /* #endif */
 }

package/dist/cjs/packages/toast/style-jmapp/toast.scss

@@ -26,10 +26,10 @@
   }
 
   &-overlay-default-taro {
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     background-color: rgba(0, 0, 0, 0);
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
     /* #endif */
   }

package/dist/cjs/packages/toast/style-jrkf/style.css

@@ -27,10 +27,10 @@
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
 }
 .nut-toast-overlay-default-taro {
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   background-color: rgba(0, 0, 0, 0);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
   /* #endif */
 }

package/dist/cjs/packages/toast/style-jrkf/toast.scss

@@ -26,10 +26,10 @@
   }
 
   &-overlay-default-taro {
-    /* #ifdef harmony */
+    /* #ifdef harmony dynamic*/
     background-color: rgba(0, 0, 0, 0);
     /* #endif */
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     --nutui-overlay-bg-color: rgba(0, 0, 0, 0);
     /* #endif */
   }

package/dist/cjs/packages/uploader/style/style.css

@@ -77,6 +77,7 @@
   height: 100%;
   background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
   border-radius: var(--nutui-uploader-image-border-radius, 4px);
+  z-index: 10;
 }
 .nut-uploader-preview-progress i {
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);

package/dist/cjs/packages/uploader/style/style.harmony.css

@@ -83,6 +83,7 @@
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   border-radius: 4px;
+  z-index: 10;
 }
 .nut-uploader-preview-progress i {
   margin-bottom: 6px;

package/dist/cjs/packages/uploader/style/uploader.scss

@@ -86,6 +86,7 @@
       height: 100%;
       background: $uploader-preview-progress-background;
       border-radius: $uploader-image-border-radius;
+      z-index: 10;
 
       i {
         margin-bottom: $uploader-image-icon-margin-bottom;

package/dist/cjs/packages/uploader/style-jmapp/style.css

@@ -77,6 +77,7 @@
   height: 100%;
   background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-surface-overlay));
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
+  z-index: 10;
 }
 .nut-uploader-preview-progress i {
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);

package/dist/cjs/packages/uploader/style-jmapp/uploader.scss

@@ -86,6 +86,7 @@
       height: 100%;
       background: $uploader-preview-progress-background;
       border-radius: $uploader-image-border-radius;
+      z-index: 10;
 
       i {
         margin-bottom: $uploader-image-icon-margin-bottom;

package/dist/cjs/packages/uploader/style-jrkf/style.css

@@ -77,6 +77,7 @@
   height: 100%;
   background: var(--nutui-uploader-preview-progress-background, var(--nutui-color-surface-overlay));
   border-radius: var(--nutui-uploader-image-border-radius, var(--nutui-radius-xs));
+  z-index: 10;
 }
 .nut-uploader-preview-progress i {
   margin-bottom: var(--nutui-uploader-image-icon-margin-bottom, 6px);

package/dist/cjs/packages/uploader/style-jrkf/uploader.scss

@@ -86,6 +86,7 @@
       height: 100%;
       background: $uploader-preview-progress-background;
       border-radius: $uploader-image-border-radius;
+      z-index: 10;
 
       i {
         margin-bottom: $uploader-image-icon-margin-bottom;

package/dist/cjs/types/spec/lottie/taro.d.ts

@@ -1,4 +1,5 @@
 import { LottieOptions } from 'lottie-react';
 import { BaseLottie } from './base';
 export interface TaroLottieProps extends BaseLottie<Omit<LottieOptions, 'animationData'>> {
+    dpr: boolean;
 }

package/dist/cjs/types/spec/swiper/base.d.ts

@@ -15,7 +15,11 @@ export interface BaseSwiper extends BaseProps {
     indicator: ReactNode;
     loop: boolean;
     duration: SimpleValue;
+    /**
+     * @deprecated Please use `autoplay` prop instead.
+     */
     autoPlay: boolean | number;
+    autoplay: boolean | number;
     defaultValue: number;
     touchable: boolean;
     effect: FocusEffect | undefined;

package/dist/cjs/types/spec/swiper/taro.d.ts

@@ -9,7 +9,11 @@ export type TaroSwiperProps = Omit<BaseSwiper, OmittedKeys> & OmittedSwiperProps
     height?: SimpleValue;
     direction: Direction;
     indicator: ReactNode;
+    /**
+     * @deprecated Please use `autoplay` prop instead.
+     */
     autoPlay: boolean;
+    autoplay: boolean;
     loop: boolean;
     defaultValue: number;
 };

package/dist/cjs/utils/index.d.ts

@@ -1,6 +1,5 @@
 export * from './taro/add-color-for-harmony';
 export * from './bound';
-export * from './camel-case';
 export * from './can-use-dom';
 export * from './clamp';
 export * from './date';

package/dist/cjs/utils/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 var _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./taro/add-color-for-harmony"), exports);
 _export_star._(require("./bound"), exports);
-_export_star._(require("./camel-case"), exports);
 _export_star._(require("./can-use-dom"), exports);
 _export_star._(require("./clamp"), exports);
 _export_star._(require("./date"), exports);

package/dist/cjs/utils/taro/platform.d.ts

@@ -1,3 +1,4 @@
 export declare const harmony: () => boolean;
 export declare const web: () => boolean;
 export declare const miniprogram: () => boolean;
+export declare const td: () => boolean;

package/dist/cjs/utils/taro/platform.js

@@ -15,6 +15,9 @@ _export(exports, {
     miniprogram: function() {
         return miniprogram;
     },
+    td: function() {
+        return td;
+    },
     web: function() {
         return web;
     }
@@ -37,3 +40,8 @@ var miniprogram = function miniprogram() {
         'mini'
     ].includes((0, _taro.getEnv)().toLowerCase());
 };
+var td = function td() {
+    return [
+        'dynamic'
+    ].includes((0, _taro.getEnv)().toLowerCase());
+};

package/dist/cjs/utils/taro/px-transform.js

@@ -12,6 +12,6 @@ var _taro = require("@tarojs/taro");
 var _platform = require("./platform");
 function pxTransform(value, radix) {
     // @ts-ignore
-    if ((0, _platform.harmony)()) return (0, _taro.pxTransform)(value, radix || 375);
+    if ((0, _platform.harmony)() || (0, _platform.td)()) return (0, _taro.pxTransform)(value, radix || 375);
     return "".concat(value, "px");
 }

package/dist/es/packages/address/style/address.scss

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

package/dist/es/packages/address/style/style.css

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-color-background-sunken, #f7f8fc);

package/dist/es/packages/address/style/style.harmony.css

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: #f7f8fc;

package/dist/es/packages/address/style-jmapp/address.scss

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

package/dist/es/packages/address/style-jmapp/style.css

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-gray-2, #f8f8f8);

package/dist/es/packages/address/style-jrkf/address.scss

@@ -64,10 +64,10 @@
       font-size: 12px;
       border-radius: 4px;
       margin-bottom: 7px;
-      /* #ifdef harmony*/
+      /* #ifdef harmony dynamic*/
       margin-right: 6px;
       /* #endif */
-      /* #ifndef harmony*/
+      /* #ifndef harmony dynamic*/
       margin-right: 7px;
       /* #endif */
       background-color: $color-background-sunken;

package/dist/es/packages/address/style-jrkf/style.css

@@ -61,10 +61,10 @@
   font-size: 12px;
   border-radius: 4px;
   margin-bottom: 7px;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   margin-right: 6px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   margin-right: 7px;
   /* #endif */
   background-color: var(--nutui-gray-2, #f0f0f0);

package/dist/es/packages/avatar/avatar.js

@@ -8,11 +8,11 @@ import classNames from "classnames";
 import { User } from "@nutui/icons-react-taro";
 import { AvatarContext } from "../avatargroup/context";
 import { ComponentDefaults } from "../../utils/typings";
-import { harmony } from "../../utils/taro/platform";
+import { harmony, td } from "../../utils/taro/platform";
 import AvatarGroup from "../avatargroup/index";
 import { pxTransform } from "../../utils/taro/px-transform";
 var defaultProps = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    size: harmony() ? '40' : '',
+    size: harmony() || td() ? '40' : '',
     shape: 'round',
     icon: '',
     background: '#eee',

package/dist/es/packages/button/style/button.scss

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

package/dist/es/packages/button/style/style.css

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

package/dist/es/packages/button/style/style.harmony.css

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

package/dist/es/packages/button/style-jmapp/button.scss

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

package/dist/es/packages/button/style-jmapp/style.css

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

package/dist/es/packages/button/style-jrkf/button.scss

@@ -2,10 +2,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -72,7 +72,7 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
-    /* #ifndef harmony */
+    /* #ifndef harmony dynamic*/
     background: initial;
     /* #endif */
     .nut-icon {

package/dist/es/packages/button/style-jrkf/style.css

@@ -6,10 +6,10 @@
   position: relative;
   display: flex;
   display: inline-block;
-  /* #ifdef harmony*/
+  /* #ifdef harmony dynamic*/
   width: 80px;
   /* #endif */
-  /* #ifndef harmony*/
+  /* #ifndef harmony dynamic*/
   width: auto;
   /* #endif */
   flex-direction: row;
@@ -71,7 +71,7 @@
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   background: initial;
   /* #endif */
 }

package/dist/es/packages/collapseitem/style/collapseitem.scss

@@ -38,10 +38,10 @@
       left: 16px;
       bottom: 0;
       border-bottom: $collapse-item-header-border-bottom;
-      /* #ifdef harmony */
+      /* #ifdef harmony dynamic*/
       transform: scale(1, 1);
       /* #endif */
-      /* #ifndef harmony */
+      /* #ifndef harmony dynamic*/
       transform: scale(1, 0.5);
       /* #endif */
     }

package/dist/es/packages/collapseitem/style/style.css

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }

package/dist/es/packages/collapseitem/style/style.harmony.css

@@ -40,10 +40,10 @@
   left: 16px;
   bottom: 0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-  /* #ifdef harmony */
+  /* #ifdef harmony dynamic*/
   transform: scale(1, 1);
   /* #endif */
-  /* #ifndef harmony */
+  /* #ifndef harmony dynamic*/
   transform: scale(1, 0.5);
   /* #endif */
 }