@radix-ui/react-visually-hidden - npm Package Compare versions

Comparing version 1.0.3 to 1.1.0-rc.1

dist/index.d.ts

@@ -1,10 +0,11 @@
-import * as React from "react";
-import * as Radix from "@radix-ui/react-primitive";
-import { Primitive } from "@radix-ui/react-primitive";
-type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
-export interface VisuallyHiddenProps extends PrimitiveSpanProps {
+import * as React from 'react';
+import * as Radix from '@radix-ui/react-primitive';
+import { Primitive } from '@radix-ui/react-primitive';
+
+declare type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
+interface VisuallyHiddenProps extends PrimitiveSpanProps {
 }
-export const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
-export const Root: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
+declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
+declare const Root: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
 
-//# sourceMappingURL=index.d.ts.map
+export { Root, VisuallyHidden, type VisuallyHiddenProps };

dist/index.js

@@ -1,26 +0,47 @@
-var $awrN2$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
-var $awrN2$react = require("react");
-var $awrN2$radixuireactprimitive = require("@radix-ui/react-primitive");
+"use strict";
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined") return require.apply(this, arguments);
+    throw Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
 
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-$parcel$export(module.exports, "VisuallyHidden", () => $685371e9c20848e2$export$439d29a4e110a164);
-$parcel$export(module.exports, "Root", () => $685371e9c20848e2$export$be92b6f5f03c0fe9);
-
-
-
-/* -------------------------------------------------------------------------------------------------
- * VisuallyHidden
- * -----------------------------------------------------------------------------------------------*/ const $685371e9c20848e2$var$NAME = 'VisuallyHidden';
-const $685371e9c20848e2$export$439d29a4e110a164 = /*#__PURE__*/ $awrN2$react.forwardRef((props, forwardedRef)=>{
-    return /*#__PURE__*/ $awrN2$react.createElement($awrN2$radixuireactprimitive.Primitive.span, ($parcel$interopDefault($awrN2$babelruntimehelpersextends))({}, props, {
-        ref: forwardedRef,
-        style: {
+  // packages/react/visually-hidden/src/VisuallyHidden.tsx
+  var React = __toESM(__require("react"));
+  var import_react_primitive = __require("@radix-ui/react-primitive");
+  var import_jsx_runtime = __require("react/jsx-runtime");
+  var NAME = "VisuallyHidden";
+  var VisuallyHidden = React.forwardRef(
+    (props, forwardedRef) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_primitive.Primitive.span,
+        {
+          ...props,
+          ref: forwardedRef,
+          style: {
             // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
-            position: 'absolute',
+            position: "absolute",
             border: 0,
@@ -31,18 +52,15 @@ width: 1,
             margin: -1,
-            overflow: 'hidden',
-            clip: 'rect(0, 0, 0, 0)',
-            whiteSpace: 'nowrap',
-            wordWrap: 'normal',
+            overflow: "hidden",
+            clip: "rect(0, 0, 0, 0)",
+            whiteSpace: "nowrap",
+            wordWrap: "normal",
             ...props.style
+          }
         }
-    }));
-});
-/*#__PURE__*/ Object.assign($685371e9c20848e2$export$439d29a4e110a164, {
-    displayName: $685371e9c20848e2$var$NAME
-});
-/* -----------------------------------------------------------------------------------------------*/ const $685371e9c20848e2$export$be92b6f5f03c0fe9 = $685371e9c20848e2$export$439d29a4e110a164;
-
-
-
-
+      );
+    }
+  );
+  VisuallyHidden.displayName = NAME;
+  var Root = VisuallyHidden;
+})();
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@radix-ui/react-visually-hidden",
-  "version": "1.0.3",
+  "version": "1.1.0-rc.1",
   "license": "MIT",
@@ -31,4 +31,3 @@ "exports": {
   "dependencies": {
-    "@babel/runtime": "^7.13.10",
-    "@radix-ui/react-primitive": "1.0.3"
+    "@radix-ui/react-primitive": "1.1.0-rc.1"
   },
@@ -56,3 +55,4 @@ "peerDependencies": {
     "url": "https://github.com/radix-ui/primitives/issues"
-  }
+  },
+  "stableVersion": "1.0.3"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Dynamic require

Supply chain risk

Dynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

5

decreased by-16.67%

Lines of code

110

increased by41.03%

Worsened metrics

Total package byte prevSize

10517

decreased by-15.1%

Number of package files

8

decreased by-11.11%

Number of low quality alerts

1

increased byInfinity%

Number of low supply chain risk alerts

3

increased byInfinity%

Dependency changes

• + Added@radix-ui/react-compose-refs@1.1.0-rc.1(transitive)

• + Added@radix-ui/react-primitive@1.1.0-rc.1(transitive)

• + Added@radix-ui/react-slot@1.1.0-rc.1(transitive)

• - Removed@babel/runtime@^7.13.10

• - Removed@babel/runtime@7.25.6(transitive)

• - Removed@radix-ui/react-compose-refs@1.0.1(transitive)

• - Removed@radix-ui/react-primitive@1.0.3(transitive)

• - Removed@radix-ui/react-slot@1.0.2(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@radix-ui/react-primitive@1.1.0-rc.1