Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
@chance/react-visually-hidden
Advanced tools
@chance/react-visually-hidden - npm Package Compare versions
+1
-1
| { | ||
| "name": "@chance/react-visually-hidden", | ||
| "version": "0.0.6", | ||
| "version": "0.0.7", | ||
| "main": "./dist/react-visually-hidden.js", | ||
@@ -5,0 +5,0 @@ "module": "./dist/react-visually-hidden.mjs", |
| import * as _chance_react_utils from '@chance/react-utils'; |
| import * as React from 'react'; |
| /** |
| * VisuallyHidden |
| * |
| * Provides text for screen readers that is visually hidden. |
| * It is the logical opposite of the `aria-hidden` attribute. |
| */ |
| declare const VisuallyHidden: _chance_react_utils.PolymorphicComponent<VisuallyHiddenProps & _chance_react_utils.AsProps<"span">>; |
| /** |
| * @see Docs https://TODO.com |
| */ |
| interface VisuallyHiddenProps { |
| /** |
| * @see Docs https://TODO.com |
| */ |
| children: React.ReactNode; |
| } |
| export { VisuallyHidden, VisuallyHiddenProps, VisuallyHidden as default }; |
| var __create = Object.create; |
| var __defProp = Object.defineProperty; |
| var __defProps = Object.defineProperties; |
| var __getOwnPropDesc = Object.getOwnPropertyDescriptor; |
| var __getOwnPropDescs = Object.getOwnPropertyDescriptors; |
| var __getOwnPropNames = Object.getOwnPropertyNames; |
| var __getOwnPropSymbols = Object.getOwnPropertySymbols; |
| var __getProtoOf = Object.getPrototypeOf; |
| var __hasOwnProp = Object.prototype.hasOwnProperty; |
| var __propIsEnum = Object.prototype.propertyIsEnumerable; |
| var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; |
| var __spreadValues = (a, b) => { |
| for (var prop in b || (b = {})) |
| if (__hasOwnProp.call(b, prop)) |
| __defNormalProp(a, prop, b[prop]); |
| if (__getOwnPropSymbols) |
| for (var prop of __getOwnPropSymbols(b)) { |
| if (__propIsEnum.call(b, prop)) |
| __defNormalProp(a, prop, b[prop]); |
| } |
| return a; |
| }; |
| var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); |
| var __export = (target, all) => { |
| for (var name in all) |
| __defProp(target, name, { get: all[name], enumerable: true }); |
| }; |
| 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(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod)); |
| var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); |
| // src/react-visually-hidden.tsx |
| var react_visually_hidden_exports = {}; |
| __export(react_visually_hidden_exports, { |
| VisuallyHidden: () => VisuallyHidden, |
| default: () => react_visually_hidden_default |
| }); |
| module.exports = __toCommonJS(react_visually_hidden_exports); |
| var React = __toESM(require("react")); |
| var import_react_utils = require("@chance/react-utils"); |
| var import_utils = require("@chance/utils"); |
| var useVisuallyHidden = (0, import_react_utils.createComponentHook)((props) => { |
| return [ |
| __spreadProps(__spreadValues({ |
| "data-ui-visually-hidden": "" |
| }, props), { |
| style: __spreadValues({ |
| border: 0, |
| clip: "rect(0 0 0 0)", |
| height: "1px", |
| margin: "-1px", |
| overflow: "hidden", |
| padding: 0, |
| position: "absolute", |
| width: "1px", |
| whiteSpace: "nowrap", |
| wordWrap: "normal" |
| }, props.style) |
| }) |
| ]; |
| }); |
| var VisuallyHidden = (0, import_react_utils.createPolymorphicComponent)((props) => { |
| let { render, as: Comp = "span" } = props; |
| let [domProps] = useVisuallyHidden(props); |
| return (0, import_utils.isFunction)(render) ? render(domProps) : /* @__PURE__ */ React.createElement(Comp, __spreadValues({}, domProps)); |
| }); |
| VisuallyHidden.displayName = "VisuallyHidden"; |
| var react_visually_hidden_default = VisuallyHidden; |
| // Annotate the CommonJS export names for ESM import in node: |
| 0 && (module.exports = { |
| VisuallyHidden |
| }); |
| var __defProp = Object.defineProperty; |
| var __defProps = Object.defineProperties; |
| var __getOwnPropDescs = Object.getOwnPropertyDescriptors; |
| var __getOwnPropSymbols = Object.getOwnPropertySymbols; |
| var __hasOwnProp = Object.prototype.hasOwnProperty; |
| var __propIsEnum = Object.prototype.propertyIsEnumerable; |
| var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; |
| var __spreadValues = (a, b) => { |
| for (var prop in b || (b = {})) |
| if (__hasOwnProp.call(b, prop)) |
| __defNormalProp(a, prop, b[prop]); |
| if (__getOwnPropSymbols) |
| for (var prop of __getOwnPropSymbols(b)) { |
| if (__propIsEnum.call(b, prop)) |
| __defNormalProp(a, prop, b[prop]); |
| } |
| return a; |
| }; |
| var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); |
| // src/react-visually-hidden.tsx |
| import * as React from "react"; |
| import { |
| createComponentHook, |
| createPolymorphicComponent |
| } from "@chance/react-utils"; |
| import { isFunction } from "@chance/utils"; |
| var useVisuallyHidden = createComponentHook((props) => { |
| return [ |
| __spreadProps(__spreadValues({ |
| "data-ui-visually-hidden": "" |
| }, props), { |
| style: __spreadValues({ |
| border: 0, |
| clip: "rect(0 0 0 0)", |
| height: "1px", |
| margin: "-1px", |
| overflow: "hidden", |
| padding: 0, |
| position: "absolute", |
| width: "1px", |
| whiteSpace: "nowrap", |
| wordWrap: "normal" |
| }, props.style) |
| }) |
| ]; |
| }); |
| var VisuallyHidden = createPolymorphicComponent((props) => { |
| let { render, as: Comp = "span" } = props; |
| let [domProps] = useVisuallyHidden(props); |
| return isFunction(render) ? render(domProps) : /* @__PURE__ */ React.createElement(Comp, __spreadValues({}, domProps)); |
| }); |
| VisuallyHidden.displayName = "VisuallyHidden"; |
| var react_visually_hidden_default = VisuallyHidden; |
| export { |
| VisuallyHidden, |
| react_visually_hidden_default as default |
| }; |
No alert changes
Worsened metrics
- Total package byte prevSize
3948
-59.81%- Number of package files
4
-42.86%- Lines of code
68
-69.37%No dependency changes