@cdx-ui/icons 0.0.1-beta.173 → 0.0.1-beta.174

package/lib/commonjs/createForgeIcon.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
+var _reactNative = require("react-native");
 var NativeSvg = _interopRequireWildcard(require("react-native-svg"));
 var _defaultAttributes = _interopRequireWildcard(require("./defaultAttributes"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -24,16 +25,24 @@ const createForgeIcon = (iconName, iconData) => {
       fill: color,
       ...rest
     };
+    const accessibilityProps = _reactNative.Platform.OS === 'web' ? isInformative ? {
+      role: 'img',
+      'aria-label': accessibilityLabel
+    } : {
+      'aria-hidden': true
+    } : {
+      accessible: isInformative,
+      ...(isInformative && {
+        accessibilityRole: 'image',
+        accessibilityLabel
+      })
+    };
     return /*#__PURE__*/(0, _react.createElement)(NativeSvg.Svg, {
       ref,
       ..._defaultAttributes.default,
       width: size,
       height: size,
-      accessible: isInformative,
-      ...(isInformative && {
-        accessibilityRole: 'image',
-        accessibilityLabel
-      }),
+      ...accessibilityProps,
       'data-testid': dataTestId,
       ...customAttrs
     }, iconNode.map(([tag, attrs], index) => {

package/lib/module/createForgeIcon.js

@@ -1,6 +1,7 @@
 "use strict";
 
 import { forwardRef, createElement } from 'react';
+import { Platform } from 'react-native';
 import * as NativeSvg from 'react-native-svg';
 import defaultAttributes, { childDefaultAttributes } from './defaultAttributes';
 const createForgeIcon = (iconName, iconData) => {
@@ -19,16 +20,24 @@ const createForgeIcon = (iconName, iconData) => {
       fill: color,
       ...rest
     };
+    const accessibilityProps = Platform.OS === 'web' ? isInformative ? {
+      role: 'img',
+      'aria-label': accessibilityLabel
+    } : {
+      'aria-hidden': true
+    } : {
+      accessible: isInformative,
+      ...(isInformative && {
+        accessibilityRole: 'image',
+        accessibilityLabel
+      })
+    };
     return /*#__PURE__*/createElement(NativeSvg.Svg, {
       ref,
       ...defaultAttributes,
       width: size,
       height: size,
-      accessible: isInformative,
-      ...(isInformative && {
-        accessibilityRole: 'image',
-        accessibilityLabel
-      }),
+      ...accessibilityProps,
       'data-testid': dataTestId,
       ...customAttrs
     }, iconNode.map(([tag, attrs], index) => {

package/lib/typescript/types.d.ts

@@ -12,8 +12,7 @@ export interface ForgeIconProps extends SvgProps {
     size?: string | number;
     /**
      * When provided, the icon becomes an accessible element announced by screen readers
-     * with `accessibilityRole="image"`. When omitted, the icon is decorative and
-     * hidden from assistive technology (`accessible={false}`).
+     * as an image. When omitted, the icon is decorative and hidden from assistive technology.
      */
     accessibilityLabel?: string;
     'data-testid'?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/icons",
-  "version": "0.0.1-beta.173",
+  "version": "0.0.1-beta.174",
   "repository": {
     "type": "git",
     "url": "https://github.com/dfh-candescent-ui/ui-component-framework",