@radix-ui/react-accessible-icon 1.0.2 → 1.0.3-rc.10

package/dist/index.d.mts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface AccessibleIconProps {
+    children?: React.ReactNode;
+    /**
+     * The accessible label for the icon. This label will be visually hidden but announced to screen
+     * reader users, similar to `alt` text for `img` tags.
+     */
+    label: string;
+}
+export const AccessibleIcon: React.FC<AccessibleIconProps>;
+export const Root: React.FC<AccessibleIconProps>;
+
+//# sourceMappingURL=index.d.ts.map

package/dist/{index.module.js → index.mjs}

@@ -21,4 +21,4 @@ const $08b6689415b2f49a$export$be92b6f5f03c0fe9 = $08b6689415b2f49a$export$5aec9
 
 
 export {$08b6689415b2f49a$export$5aec92af04ace2d2 as AccessibleIcon, $08b6689415b2f49a$export$be92b6f5f03c0fe9 as Root};
-//# sourceMappingURL=index.module.js.map
+//# sourceMappingURL=index.mjs.map

package/dist/{index.module.js.map → index.mjs.map}

@@ -1 +1 @@
-{"mappings":";;;ACAA;;AAGA,MAAMI,0BAAI,GAAG,gBAAb,AAAA;AAWA,MAAMJ,yCAA6C,GAAG,CAAC,EAdvD,UAcyDK,QAAF,CAAA,EAdvD,OAcmEC,KAAAA,CAAAA,EAAb,GAAyB;IAC7E,MAAMC,KAAK,GAAGL,eAAA,CAAeO,IAAf,CAAoBJ,QAApB,CAAd,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAA,eAAA,EAAA,IAAA,EAAA,aACGH,CAAAA,mBAAA,CAAmBK,KAAnB,EAAgD;QAC/C,gBAAA;QACA,aAAA,EAAe,MAFgC;QAG/CI,SAAS,EAAE,OAHoC,CAG3B,sFAApBA;KAHD,CADH,EAAA,aAME,CAAA,oBAAA,CAAC,WAAD,EAAA,IAAA,EAA+BL,KAA/B,CANF,CADF,CAEqD;CAJvD,AAYC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,0BAAA;CAAA,CAAA,CAAA;AAEA,MAAML,yCAAI,GAAGD,yCAAb,AAAA;;AD9BA","sources":["packages/react/accessible-icon/src/index.ts","packages/react/accessible-icon/src/AccessibleIcon.tsx"],"sourcesContent":["export {\n  AccessibleIcon,\n  //\n  Root,\n} from './AccessibleIcon';\nexport type { AccessibleIconProps } from './AccessibleIcon';\n","import * as React from 'react';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nconst NAME = 'AccessibleIcon';\n\ninterface AccessibleIconProps {\n  children?: React.ReactNode;\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label: string;\n}\n\nconst AccessibleIcon: React.FC<AccessibleIconProps> = ({ children, label }) => {\n  const child = React.Children.only(children);\n  return (\n    <>\n      {React.cloneElement(child as React.ReactElement, {\n        // accessibility\n        'aria-hidden': 'true',\n        focusable: 'false', // See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable\n      })}\n      <VisuallyHiddenPrimitive.Root>{label}</VisuallyHiddenPrimitive.Root>\n    </>\n  );\n};\n\nAccessibleIcon.displayName = NAME;\n\nconst Root = AccessibleIcon;\n\nexport {\n  AccessibleIcon,\n  //\n  Root,\n};\nexport type { AccessibleIconProps };\n"],"names":["AccessibleIcon","Root","React","VisuallyHiddenPrimitive","NAME","children","label","child","Children","only","cloneElement","focusable"],"version":3,"file":"index.module.js.map"}
+{"mappings":";;;ACAA;;AAGA,MAAMI,0BAAI,GAAG,gBAAb,AAAA;AAWA,MAAMJ,yCAA6C,GAAG,CAAC,EAdvD,UAcyDK,QAAF,CAAA,EAdvD,OAcmEC,KAAAA,CAAAA,EAAb,GAAyB;IAC7E,MAAMC,KAAK,GAAGL,eAAA,CAAeO,IAAf,CAAoBJ,QAApB,CAAd,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAA,eAAA,EAAA,IAAA,EAAA,aACGH,CAAAA,mBAAA,CAAmBK,KAAnB,EAAgD;QAC/C,gBAAA;QACA,aAAA,EAAe,MAFgC;QAG/CI,SAAS,EAAE,OAHoC,CAG3B,sFAApBA;KAHD,CADH,EAAA,aAME,CAAA,oBAAA,CAAC,WAAD,EAAA,IAAA,EAA+BL,KAA/B,CANF,CADF,CAEqD;CAJvD,AAYC;AAED,aAAA,CAAA,MAAA,CAAA,MAAA,CAAA,yCAAA,EAAA;IAAA,WAAA,EAAA,0BAAA;CAAA,CAAA,CAAA;AAEA,MAAML,yCAAI,GAAGD,yCAAb,AAAA;;AD9BA","sources":["packages/react/accessible-icon/src/index.ts","packages/react/accessible-icon/src/AccessibleIcon.tsx"],"sourcesContent":["export {\n  AccessibleIcon,\n  //\n  Root,\n} from './AccessibleIcon';\nexport type { AccessibleIconProps } from './AccessibleIcon';\n","import * as React from 'react';\nimport * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';\n\nconst NAME = 'AccessibleIcon';\n\ninterface AccessibleIconProps {\n  children?: React.ReactNode;\n  /**\n   * The accessible label for the icon. This label will be visually hidden but announced to screen\n   * reader users, similar to `alt` text for `img` tags.\n   */\n  label: string;\n}\n\nconst AccessibleIcon: React.FC<AccessibleIconProps> = ({ children, label }) => {\n  const child = React.Children.only(children);\n  return (\n    <>\n      {React.cloneElement(child as React.ReactElement, {\n        // accessibility\n        'aria-hidden': 'true',\n        focusable: 'false', // See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable\n      })}\n      <VisuallyHiddenPrimitive.Root>{label}</VisuallyHiddenPrimitive.Root>\n    </>\n  );\n};\n\nAccessibleIcon.displayName = NAME;\n\nconst Root = AccessibleIcon;\n\nexport {\n  AccessibleIcon,\n  //\n  Root,\n};\nexport type { AccessibleIconProps };\n"],"names":["AccessibleIcon","Root","React","VisuallyHiddenPrimitive","NAME","children","label","child","Children","only","cloneElement","focusable"],"version":3,"file":"index.mjs.map"}

package/package.json

@@ -1,11 +1,23 @@
 {
   "name": "@radix-ui/react-accessible-icon",
-  "version": "1.0.2",
+  "version": "1.0.3-rc.10",
   "license": "MIT",
-  "source": "src/index.ts",
-  "main": "dist/index.js",
-  "module": "dist/index.module.js",
-  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "source": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "files": [
     "dist",
     "README.md"
@@ -17,12 +29,22 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@radix-ui/react-visually-hidden": "1.0.2"
+    "@radix-ui/react-visually-hidden": "1.0.3-rc.10"
   },
   "peerDependencies": {
+    "@types/react": "*",
+    "@types/react-dom": "*",
     "react": "^16.8 || ^17.0 || ^18.0",
     "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    },
+    "@types/react-dom": {
+      "optional": true
+    }
+  },
   "homepage": "https://radix-ui.com/primitives",
   "repository": {
     "type": "git",
@@ -30,5 +52,6 @@
   },
   "bugs": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  }
+  },
+  "stableVersion": "1.0.2"
 }