@nutui/nutui-react-taro 3.0.19-cpp.23 → 3.0.19-cpp.24

package/dist/cjs/packages/checkbox/checkbox.js

@@ -87,33 +87,42 @@ var Checkbox = function Checkbox(props) {
     var renderIcon = function renderIcon() {
         if (innerDisabled) {
             if (innerIndeterminate) {
+                // @ts-ignore
                 return /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckDisabled, {
-                    className: color()
+                    className: color(),
+                    ariaHidden: true
                 });
             }
             if (innerChecked) {
+                // @ts-ignore
                 return /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Checked, {
-                    className: color()
+                    className: color(),
+                    ariaHidden: true
                 });
             }
+            // @ts-ignore
             return /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckDisabled, {
-                className: color()
+                className: color(),
+                ariaHidden: true
             });
         }
         if (!innerChecked) {
             return /*#__PURE__*/ _react.default.isValidElement(icon) ? icon : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckNormal, {
-                className: color()
+                className: color(),
+                ariaHidden: true
             });
         }
         if (innerIndeterminate) {
             return /*#__PURE__*/ _react.default.isValidElement(indeterminateIcon) ? indeterminateIcon : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckDisabled, {
-                className: color()
+                className: color(),
+                ariaHidden: true
             });
         }
         return /*#__PURE__*/ _react.default.isValidElement(activeIcon) ? activeIcon : /*#__PURE__*/ _react.default.createElement(_components.View, {
             className: "".concat(classPrefix, "-icon-wrap")
         }, /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.Checked, {
-            className: color()
+            className: color(),
+            ariaHidden: true
         }));
     };
     var color = function color() {

package/dist/cjs/packages/input/input.js

@@ -53,7 +53,7 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
     var classPrefix = 'nut-input';
     var rtl = (0, _index.useRtl)();
     var locale = (0, _index.useConfig)().locale;
-    var _ref = (0, _object_spread._)({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = (0, _object_without_properties._)(_ref, [
+    var _ref = (0, _object_spread._)({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = (0, _object_without_properties._)(_ref, [
         "focus",
         "type",
         "name",
@@ -69,6 +69,7 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         "style",
         "className",
         "plain",
+        "inputStyle",
         "onChange",
         "onFocus",
         "onBlur",
@@ -187,9 +188,9 @@ var Input = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
         name: name,
         className: "nut-input-native",
         ref: inputRef,
-        style: {
+        style: (0, _object_spread._)({}, {
             textAlign: getTextAlign()
-        },
+        }, inputStyle),
         type: inputType(type),
         password: type === 'password',
         maxlength: maxLength,

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

@@ -31,7 +31,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

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

@@ -32,7 +32,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   padding: 0;
   border: 0;

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

@@ -32,7 +32,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   padding: 0;
   border: 0;

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

@@ -31,7 +31,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

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

@@ -32,7 +32,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
   padding: 0;
   border: 0;

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

@@ -31,7 +31,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

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

@@ -32,7 +32,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
   padding: 0;
   border: 0;

package/dist/cjs/packages/radio/radio.js

@@ -79,21 +79,25 @@ var Radio = function Radio(props) {
     var renderIcon = function renderIcon() {
         var icon = props.icon, activeIcon = props.activeIcon;
         if (disabled && !checkedStatement) {
+            // @ts-ignore
             return /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckDisabled, {
-                className: (0, _classnames.default)(color())
+                className: (0, _classnames.default)(color()),
+                ariaHidden: true
             });
         }
         if (checkedStatement) {
             return /*#__PURE__*/ _react.default.isValidElement(activeIcon) ? /*#__PURE__*/ _react.default.cloneElement(activeIcon, (0, _object_spread_props._)((0, _object_spread._)({}, activeIcon.props), {
                 className: (0, _classnames.default)(activeIcon.props.className, color())
             })) : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckChecked, {
-                className: (0, _classnames.default)(color())
+                className: (0, _classnames.default)(color()),
+                ariaHidden: true
             });
         }
         return /*#__PURE__*/ _react.default.isValidElement(icon) ? /*#__PURE__*/ _react.default.cloneElement(icon, (0, _object_spread_props._)((0, _object_spread._)({}, icon.props), {
             className: (0, _classnames.default)(icon.props.className, color())
         })) : /*#__PURE__*/ _react.default.createElement(_iconsreacttaro.CheckNormal, {
-            className: (0, _classnames.default)(color())
+            className: (0, _classnames.default)(color()),
+            ariaHidden: true
         });
     };
     var renderLabel = function renderLabel() {

package/dist/cjs/packages/toast/toast.js

@@ -156,7 +156,8 @@ var Toast = function Toast(props) {
     }, /*#__PURE__*/ _react.default.createElement(_components.View, {
         className: (0, _classnames.default)("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), (0, _define_property._)({}, "".concat(classPrefix, "-inner-descrption"), content)),
         style: (0, _object_spread._)({}, styles, contentStyle),
-        ariaRole: "alert"
+        ariaRole: "alert",
+        ariaLabel: title + content
     }, renderIcon(), title && /*#__PURE__*/ _react.default.createElement(_components.Text, {
         className: "".concat(classPrefix, "-title")
     }, title), content && ((0, _platform.td)() ? /*#__PURE__*/ _react.default.createElement(_components.Text, {

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { Align } from '../../base/atoms';
 import { BaseProps } from '../../base/props';
 export type InputFormatTrigger = 'onChange' | 'onBlur';
@@ -19,6 +19,7 @@ export interface BaseInput<INPUT_TYPE, CONFIRM_TYPE = InputConfirmType> extends
     autoFocus: boolean;
     confirmType: CONFIRM_TYPE;
     plain: boolean;
+    inputStyle?: CSSProperties;
     formatter?: (value: string) => string;
     onChange?: (value: string) => void;
     onBlur?: (value: string) => void;

package/dist/es/packages/checkbox/checkbox.js

@@ -75,33 +75,44 @@ export var Checkbox = function(props) {
     var renderIcon = function() {
         if (innerDisabled) {
             if (innerIndeterminate) {
+                // @ts-ignore
                 return /*#__PURE__*/ React.createElement(CheckDisabled, {
-                    className: color()
+                    className: color(),
+                    ariaHidden: true
                 });
             }
             if (innerChecked) {
+                // @ts-ignore
                 return /*#__PURE__*/ React.createElement(Checked, {
-                    className: color()
+                    className: color(),
+                    ariaHidden: true
                 });
             }
+            // @ts-ignore
             return /*#__PURE__*/ React.createElement(CheckDisabled, {
-                className: color()
+                className: color(),
+                ariaHidden: true
             });
         }
         if (!innerChecked) {
-            return /*#__PURE__*/ React.isValidElement(icon) ? icon : /*#__PURE__*/ React.createElement(CheckNormal, {
-                className: color()
+            return /*#__PURE__*/ React.isValidElement(icon) ? icon : // @ts-ignore
+            /*#__PURE__*/ React.createElement(CheckNormal, {
+                className: color(),
+                ariaHidden: true
             });
         }
         if (innerIndeterminate) {
-            return /*#__PURE__*/ React.isValidElement(indeterminateIcon) ? indeterminateIcon : /*#__PURE__*/ React.createElement(CheckDisabled, {
-                className: color()
+            return /*#__PURE__*/ React.isValidElement(indeterminateIcon) ? indeterminateIcon : // @ts-ignore
+            /*#__PURE__*/ React.createElement(CheckDisabled, {
+                className: color(),
+                ariaHidden: true
             });
         }
         return /*#__PURE__*/ React.isValidElement(activeIcon) ? activeIcon : /*#__PURE__*/ React.createElement(View, {
             className: "".concat(classPrefix, "-icon-wrap")
         }, /*#__PURE__*/ React.createElement(Checked, {
-            className: color()
+            className: color(),
+            ariaHidden: true
         }));
     };
     var color = function() {

package/dist/es/packages/input/input.js

@@ -42,7 +42,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
     var classPrefix = 'nut-input';
     var rtl = useRtl();
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps, props), focus = _ref.focus, type = _ref.type, name = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus, onBlur = _ref.onBlur, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
         "focus",
         "type",
         "name",
@@ -58,6 +58,7 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         "style",
         "className",
         "plain",
+        "inputStyle",
         "onChange",
         "onFocus",
         "onBlur",
@@ -176,9 +177,9 @@ export var Input = /*#__PURE__*/ forwardRef(function(props, ref) {
         name: name,
         className: "nut-input-native",
         ref: inputRef,
-        style: {
+        style: _object_spread({}, {
             textAlign: getTextAlign()
-        },
+        }, inputStyle),
         type: inputType(type),
         password: type === 'password',
         maxlength: maxLength,

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

@@ -31,7 +31,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

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

@@ -32,7 +32,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   padding: 0;
   border: 0;

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

@@ -32,7 +32,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title, #1a1a1a);
+  color: var(--nutui-input-color, var(--nutui-color-title, #1a1a1a));
   font-size: var(--nutui-input-font-size, var(--nutui-font-size-base, 14px));
   padding: 0;
   border: 0;

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

@@ -31,7 +31,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

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

@@ -32,7 +32,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
   padding: 0;
   border: 0;

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

@@ -31,7 +31,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: $color-title;
+  color: $input-color;
   font-size: $input-font-size;
   padding: 0;
   border: 0;

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

@@ -32,7 +32,7 @@
 
 .nut-input-native {
   flex: 1;
-  color: var(--nutui-color-title);
+  color: var(--nutui-input-color, var(--nutui-color-text));
   font-size: var(--nutui-input-font-size, var(--nutui-font-text));
   padding: 0;
   border: 0;

package/dist/es/packages/radio/radio.js

@@ -67,21 +67,27 @@ export var Radio = function(props) {
     var renderIcon = function() {
         var icon = props.icon, activeIcon = props.activeIcon;
         if (disabled && !checkedStatement) {
+            // @ts-ignore
             return /*#__PURE__*/ React.createElement(CheckDisabled, {
-                className: classNames(color())
+                className: classNames(color()),
+                ariaHidden: true
             });
         }
         if (checkedStatement) {
             return /*#__PURE__*/ React.isValidElement(activeIcon) ? /*#__PURE__*/ React.cloneElement(activeIcon, _object_spread_props(_object_spread({}, activeIcon.props), {
                 className: classNames(activeIcon.props.className, color())
-            })) : /*#__PURE__*/ React.createElement(CheckChecked, {
-                className: classNames(color())
+            })) : // @ts-ignore
+            /*#__PURE__*/ React.createElement(CheckChecked, {
+                className: classNames(color()),
+                ariaHidden: true
             });
         }
         return /*#__PURE__*/ React.isValidElement(icon) ? /*#__PURE__*/ React.cloneElement(icon, _object_spread_props(_object_spread({}, icon.props), {
             className: classNames(icon.props.className, color())
-        })) : /*#__PURE__*/ React.createElement(CheckNormal, {
-            className: classNames(color())
+        })) : // @ts-ignore
+        /*#__PURE__*/ React.createElement(CheckNormal, {
+            className: classNames(color()),
+            ariaHidden: true
         });
     };
     var renderLabel = function() {

package/dist/es/packages/toast/toast.js

@@ -133,7 +133,8 @@ export var Toast = function(props) {
     }, /*#__PURE__*/ React.createElement(View, {
         className: classNames("".concat(classPrefix, "-inner"), "".concat(classPrefix, "-").concat(position), contentClassName, "".concat(classPrefix, "-inner-").concat(size), "".concat(classPrefix, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix, "-inner-descrption"), content)),
         style: _object_spread({}, styles, contentStyle),
-        ariaRole: "alert"
+        ariaRole: "alert",
+        ariaLabel: title + content
     }, renderIcon(), title && /*#__PURE__*/ React.createElement(Text, {
         className: "".concat(classPrefix, "-title")
     }, title), content && (td() ? /*#__PURE__*/ React.createElement(Text, {

package/dist/es/types/spec/input/base.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { Align } from '../../base/atoms';
 import { BaseProps } from '../../base/props';
 export type InputFormatTrigger = 'onChange' | 'onBlur';
@@ -65,6 +65,10 @@ export interface BaseInput<INPUT_TYPE, CONFIRM_TYPE = InputConfirmType> extends
     */
     plain: boolean
     /**
+    * 输入框样式
+    */
+    inputStyle?: CSSProperties
+    /**
     * 输入内容格式化函数
     */
     formatter?: (value: string) => string

package/dist/nutui.react.umd.js

@@ -6973,32 +6973,44 @@
       if (innerDisabled) {
         if (innerIndeterminate) {
           return /* @__PURE__ */ React.createElement(IconSVG$t, {
-            className: color()
+            className: color(),
+            ariaHidden: true
           });
         }
         if (innerChecked) {
           return /* @__PURE__ */ React.createElement(IconSVG$q, {
-            className: color()
+            className: color(),
+            ariaHidden: true
           });
         }
         return /* @__PURE__ */ React.createElement(IconSVG$t, {
-          className: color()
+          className: color(),
+          ariaHidden: true
         });
       }
       if (!innerChecked) {
-        return /* @__PURE__ */ React.isValidElement(icon) ? icon : /* @__PURE__ */ React.createElement(IconSVG$s, {
-          className: color()
-        });
+        return /* @__PURE__ */ React.isValidElement(icon) ? icon : (
+          // @ts-ignore
+          /* @__PURE__ */ React.createElement(IconSVG$s, {
+            className: color(),
+            ariaHidden: true
+          })
+        );
       }
       if (innerIndeterminate) {
-        return /* @__PURE__ */ React.isValidElement(indeterminateIcon) ? indeterminateIcon : /* @__PURE__ */ React.createElement(IconSVG$t, {
-          className: color()
-        });
+        return /* @__PURE__ */ React.isValidElement(indeterminateIcon) ? indeterminateIcon : (
+          // @ts-ignore
+          /* @__PURE__ */ React.createElement(IconSVG$t, {
+            className: color(),
+            ariaHidden: true
+          })
+        );
       }
       return /* @__PURE__ */ React.isValidElement(activeIcon) ? activeIcon : /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix$j, "-icon-wrap")
       }, /* @__PURE__ */ React.createElement(IconSVG$q, {
-        className: color()
+        className: color(),
+        ariaHidden: true
       }));
     };
     var color = function() {
@@ -9988,7 +10000,7 @@
     var classPrefix2 = "nut-input";
     var rtl = useRtl();
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$Y, props), focus = _ref.focus, type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, onChange = _ref.onChange, onFocus = _ref.onFocus;
+    var _ref = _object_spread({}, defaultProps$Y, props), focus = _ref.focus, type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, plain = _ref.plain, inputStyle = _ref.inputStyle, onChange = _ref.onChange, onFocus = _ref.onFocus;
     _ref.onBlur;
     var onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, defaultValue = _ref.defaultValue, _value = _ref.value, rest = _object_without_properties(_ref, [
       "focus",
@@ -10006,6 +10018,7 @@
       "style",
       "className",
       "plain",
+      "inputStyle",
       "onChange",
       "onFocus",
       "onBlur",
@@ -10123,9 +10136,9 @@
       name: name2,
       className: "nut-input-native",
       ref: inputRef,
-      style: {
+      style: _object_spread({}, {
         textAlign: getTextAlign()
-      },
+      }, inputStyle),
       type: inputType(type2),
       password: type2 === "password",
       maxlength: maxLength,
@@ -12696,21 +12709,30 @@
       var icon = props.icon, activeIcon = props.activeIcon;
       if (disabled && !checkedStatement) {
         return /* @__PURE__ */ React.createElement(IconSVG$t, {
-          className: classNames(color())
+          className: classNames(color()),
+          ariaHidden: true
         });
       }
       if (checkedStatement) {
         return /* @__PURE__ */ React.isValidElement(activeIcon) ? /* @__PURE__ */ React.cloneElement(activeIcon, _object_spread_props(_object_spread({}, activeIcon.props), {
           className: classNames(activeIcon.props.className, color())
-        })) : /* @__PURE__ */ React.createElement(IconSVG$u, {
-          className: classNames(color())
-        });
+        })) : (
+          // @ts-ignore
+          /* @__PURE__ */ React.createElement(IconSVG$u, {
+            className: classNames(color()),
+            ariaHidden: true
+          })
+        );
       }
       return /* @__PURE__ */ React.isValidElement(icon) ? /* @__PURE__ */ React.cloneElement(icon, _object_spread_props(_object_spread({}, icon.props), {
         className: classNames(icon.props.className, color())
-      })) : /* @__PURE__ */ React.createElement(IconSVG$s, {
-        className: classNames(color())
-      });
+      })) : (
+        // @ts-ignore
+        /* @__PURE__ */ React.createElement(IconSVG$s, {
+          className: classNames(color()),
+          ariaHidden: true
+        })
+      );
     };
     var renderLabel = function() {
       var labelcls = classNames("".concat(classPrefix2, "-label"), _define_property({}, "".concat(classPrefix2, "-label-disabled"), disabled));
@@ -17436,7 +17458,8 @@
     }, /* @__PURE__ */ React.createElement(components.View, {
       className: classNames("".concat(classPrefix2, "-inner"), "".concat(classPrefix2, "-").concat(position2), contentClassName, "".concat(classPrefix2, "-inner-").concat(size), "".concat(classPrefix2, "-inner-").concat(wordBreak), _define_property({}, "".concat(classPrefix2, "-inner-descrption"), content2)),
       style: _object_spread({}, styles, contentStyle),
-      ariaRole: "alert"
+      ariaRole: "alert",
+      ariaLabel: title + content2
     }, renderIcon(), title && /* @__PURE__ */ React.createElement(components.Text, {
       className: "".concat(classPrefix2, "-title")
     }, title), content2 && (td() ? /* @__PURE__ */ React.createElement(components.Text, {