@radix-ui/react-accessible-icon 0.1.5-rc.2 → 0.1.5-rc.22

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;AAKA;IACE,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B;A;A;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,OAAA,MAAM,gBAAgB,MAAM,EAAE,CAAC,mBAAmB,CAYjD,CAAC;AAIF,OAAA,MAAM,mCAAqB,CAAC","sources":["./packages/react/accessible-icon/src/packages/react/accessible-icon/src/AccessibleIcon.tsx","./packages/react/accessible-icon/src/packages/react/accessible-icon/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"index.d.ts.map"}
+{"mappings":";AAKA;IACE,QAAQ,CAAC,EAAE,MAAM,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,OAAA,MAAM,gBAAgB,MAAM,EAAE,CAAC,mBAAmB,CAYjD,CAAC;AAIF,OAAA,MAAM,mCAAqB,CAAC","sources":["packages/react/accessible-icon/src/packages/react/accessible-icon/src/AccessibleIcon.tsx","packages/react/accessible-icon/src/packages/react/accessible-icon/src/index.ts","packages/react/accessible-icon/src/index.ts"],"sourcesContent":[null,null,"export * from './AccessibleIcon';\n"],"names":[],"version":3,"file":"index.d.ts.map"}

package/dist/index.js

@@ -1,2 +1,47 @@
-var e=r({},require("@radix-ui/react-visually-hidden")),n=r({},require("react"));function r(e,n){return Object.keys(n).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return n[r]}})})),e}const t=({children:r,label:t})=>{const l=n.Children.only(r);/*#__PURE__*/return n.createElement(n.Fragment,null,/*#__PURE__*/n.cloneElement(l,{"aria-hidden":"true",focusable:"false"}),/*#__PURE__*/n.createElement(e.Root,null,t))};exports.AccessibleIcon=t;const l=t;exports.Root=l;
+var $l7iZU$react = require("react");
+var $l7iZU$radixuireactvisuallyhidden = require("@radix-ui/react-visually-hidden");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
+
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
+
+  return dest;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $7e03469ebd912a45$exports = {};
+
+$parcel$export($7e03469ebd912a45$exports, "AccessibleIcon", () => $7e03469ebd912a45$export$5aec92af04ace2d2);
+$parcel$export($7e03469ebd912a45$exports, "Root", () => $7e03469ebd912a45$export$be92b6f5f03c0fe9);
+
+
+const $7e03469ebd912a45$var$NAME = 'AccessibleIcon';
+const $7e03469ebd912a45$export$5aec92af04ace2d2 = ({ children: children , label: label  })=>{
+    const child = $l7iZU$react.Children.only(children);
+    return /*#__PURE__*/ $l7iZU$react.createElement($l7iZU$react.Fragment, null, /*#__PURE__*/ $l7iZU$react.cloneElement(child, {
+        // accessibility
+        'aria-hidden': 'true',
+        focusable: 'false' // See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable
+    }), /*#__PURE__*/ $l7iZU$react.createElement($l7iZU$radixuireactvisuallyhidden.Root, null, label));
+};
+/*#__PURE__*/ Object.assign($7e03469ebd912a45$export$5aec92af04ace2d2, {
+    displayName: $7e03469ebd912a45$var$NAME
+});
+const $7e03469ebd912a45$export$be92b6f5f03c0fe9 = $7e03469ebd912a45$export$5aec92af04ace2d2;
+
+
+$parcel$exportWildcard(module.exports, $7e03469ebd912a45$exports);
+
+
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"mappings":"gFAYA,SAASA,EAAuBC,EAAMC,GAcpC,OAbAC,OAAOC,KAAKF,GAAQG,SAAQ,SAASC,GACvB,YAARA,GAA6B,eAARA,GAIzBH,OAAOI,eAAeN,EAAMK,EAAK,CAC/BE,YAAY,EACZC,IAAK,WACH,OAAOP,EAAOI,SAKbL,ECvBT,MAWMS,EAAgD,EAAGC,SAAAA,EAAUC,MAAAA,MACjE,MAAMC,EAAQC,EAAMC,SAASC,KAAKL,gBAClC,OACEM,EAAAC,cAAAD,EAAAE,SAAA,kBACGL,EAAMM,aAAaP,EAA6B,CAE/C,cAAe,OACfQ,UAAW,uBAEbJ,EAAAC,cAACI,EAAwBC,KAAzB,KAA+BX,8BAOrC,MAAMW,EAAOb","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/react/accessible-icon/src/AccessibleIcon.tsx"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$reexport(e, n, v) {\n  Object.defineProperty(e, n, {get: v, enumerable: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\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":["$parcel$exportWildcard","dest","source","Object","keys","forEach","key","defineProperty","enumerable","get","AccessibleIcon","children","label","child","React","Children","only","_react","createElement","Fragment","cloneElement","focusable","_radixUiReactVisuallyHidden","Root"],"version":3,"file":"index.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;;AAGA,MAAME,0BAAI,GAAG,gBAAb,AAAA;AAWA,MAAMC,yCAA6C,GAAG,CAAC,EAdvD,UAcyDC,QAAF,CAAA,EAdvD,OAcmEC,KAAAA,CAAAA,EAAb,GAAyB;IAC7E,MAAMC,KAAK,GAAGN,qBAAA,CAAeQ,IAAf,CAAoBJ,QAApB,CAAd,AAAA;IACA,OAAA,aACE,CAAA,0BAAA,CAAA,qBAAA,EAAA,IAAA,EAAA,aACGJ,CAAAA,yBAAA,CAAmBM,KAAnB,EAAgD;QAC/C,gBAAA;QACA,aAAA,EAAe,MAFgC;QAG/CI,SAAS,EAAE,OAHoC,CAG3B,sFAApBA;KAHD,CADH,EAAA,aAME,CAAA,0BAAA,CAAC,sCAAD,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,MAAMM,yCAAI,GAAGR,yCAAb,AAAA;;AD9BA","sources":["packages/react/accessible-icon/src/index.ts","packages/react/accessible-icon/src/AccessibleIcon.tsx"],"sourcesContent":["export * 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":["React","VisuallyHiddenPrimitive","NAME","AccessibleIcon","children","label","child","Children","only","cloneElement","focusable","Root"],"version":3,"file":"index.js.map"}

package/dist/index.module.js

@@ -1,2 +1,31 @@
-import*as e from"@radix-ui/react-visually-hidden";import*as l from"react";export const AccessibleIcon=({children:t,label:n})=>{const o=l.Children.only(t);/*#__PURE__*/return l.createElement(l.Fragment,null,/*#__PURE__*/l.cloneElement(o,{"aria-hidden":"true",focusable:"false"}),/*#__PURE__*/l.createElement(e.Root,null,n))};/*#__PURE__*/export const Root=AccessibleIcon;
+import {Children as $eOI90$Children, createElement as $eOI90$createElement, Fragment as $eOI90$Fragment, cloneElement as $eOI90$cloneElement} from "react";
+import {Root as $eOI90$Root} from "@radix-ui/react-visually-hidden";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $08b6689415b2f49a$exports = {};
+
+$parcel$export($08b6689415b2f49a$exports, "AccessibleIcon", () => $08b6689415b2f49a$export$5aec92af04ace2d2);
+$parcel$export($08b6689415b2f49a$exports, "Root", () => $08b6689415b2f49a$export$be92b6f5f03c0fe9);
+
+
+const $08b6689415b2f49a$var$NAME = 'AccessibleIcon';
+const $08b6689415b2f49a$export$5aec92af04ace2d2 = ({ children: children , label: label  })=>{
+    const child = $eOI90$Children.only(children);
+    return /*#__PURE__*/ $eOI90$createElement($eOI90$Fragment, null, /*#__PURE__*/ $eOI90$cloneElement(child, {
+        // accessibility
+        'aria-hidden': 'true',
+        focusable: 'false' // See: https://allyjs.io/tutorials/focusing-in-svg.html#making-svg-elements-focusable
+    }), /*#__PURE__*/ $eOI90$createElement($eOI90$Root, null, label));
+};
+/*#__PURE__*/ Object.assign($08b6689415b2f49a$export$5aec92af04ace2d2, {
+    displayName: $08b6689415b2f49a$var$NAME
+});
+const $08b6689415b2f49a$export$be92b6f5f03c0fe9 = $08b6689415b2f49a$export$5aec92af04ace2d2;
+
+
+
+
+export {$08b6689415b2f49a$export$5aec92af04ace2d2 as AccessibleIcon, $08b6689415b2f49a$export$be92b6f5f03c0fe9 as Root};
 //# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -1 +1 @@
-{"mappings":"iFAcA,MAAMA,eAAgD,EAAGC,SAAAA,EAAUC,MAAAA,MACjE,MAAMC,EAAQC,EAAMC,SAASC,KAAKL,gBAClC,OACEM,EAAAC,cAAAD,EAAAE,SAAA,kBACGL,EAAMM,aAAaP,EAA6B,CAE/C,cAAe,OACfQ,UAAW,uBAEbJ,EAAAC,cAACI,EAAwBC,KAAzB,KAA+BX,yBAOrC,MAAMW,KAAOb","sources":["./packages/react/accessible-icon/src/AccessibleIcon.tsx"],"sourcesContent":["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","children","label","child","React","Children","only","_react","createElement","Fragment","cloneElement","focusable","_radixUiReactVisuallyHidden","Root"],"version":3,"file":"index.module.js.map"}
+{"mappings":";;;;;;;;;;ACAA;;AAGA,MAAME,0BAAI,GAAG,gBAAb,AAAA;AAWA,MAAMC,yCAA6C,GAAG,CAAC,EAdvD,UAcyDC,QAAF,CAAA,EAdvD,OAcmEC,KAAAA,CAAAA,EAAb,GAAyB;IAC7E,MAAMC,KAAK,GAAGN,eAAA,CAAeQ,IAAf,CAAoBJ,QAApB,CAAd,AAAA;IACA,OAAA,aACE,CAAA,oBAAA,CAAA,eAAA,EAAA,IAAA,EAAA,aACGJ,CAAAA,mBAAA,CAAmBM,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,MAAMM,yCAAI,GAAGR,yCAAb,AAAA;;AD9BA","sources":["packages/react/accessible-icon/src/index.ts","packages/react/accessible-icon/src/AccessibleIcon.tsx"],"sourcesContent":["export * 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":["React","VisuallyHiddenPrimitive","NAME","AccessibleIcon","children","label","child","Children","only","cloneElement","focusable","Root"],"version":3,"file":"index.module.js.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ui/react-accessible-icon",
-  "version": "0.1.5-rc.2",
+  "version": "0.1.5-rc.22",
   "license": "MIT",
   "source": "src/index.ts",
   "main": "dist/index.js",
@@ -17,10 +17,11 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@radix-ui/react-visually-hidden": "0.1.5-rc.2"
+    "@radix-ui/react-visually-hidden": "0.1.5-rc.22"
   },
   "peerDependencies": {
-    "react": "^16.8 || ^17.0 || ^18.0"
+    "react": "^16.8 || ^17.0 || ^18.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0"
   },
   "homepage": "https://radix-ui.com/primitives",
   "repository": {