@sproutsocial/seeds-react-visually-hidden 1.0.0 → 1.0.2

package/.turbo/turbo-build.log

@@ -8,14 +8,14 @@ CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/index.js     2.14 KB
-CJS dist/index.js.map 877.00 B
-CJS ⚡️ Build success in 68ms
-ESM dist/esm/index.js     418.00 B
-ESM dist/esm/index.js.map 757.00 B
-ESM ⚡️ Build success in 72ms
+CJS dist/index.js     2.11 KB
+CJS dist/index.js.map 961.00 B
+CJS ⚡️ Build success in 111ms
+ESM dist/esm/index.js     402.00 B
+ESM dist/esm/index.js.map 842.00 B
+ESM ⚡️ Build success in 118ms
 DTS Build start
-DTS ⚡️ Build success in 18179ms
-DTS dist/index.d.ts  237.00 B
-DTS dist/index.d.mts 237.00 B
-Done in 22.01s.
+DTS ⚡️ Build success in 32617ms
+DTS dist/index.d.ts  481.00 B
+DTS dist/index.d.mts 481.00 B
+Done in 37.57s.

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @sproutsocial/seeds-react-visually-hidden
 
+## 1.0.2
+
+### Patch Changes
+
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-system-props@3.0.2
+  - @sproutsocial/seeds-react-mixins@4.1.1
+  - @sproutsocial/seeds-react-theme@2.2.1
+
+## 1.0.1
+
+### Patch Changes
+
+- 753d7c9: Fix various ts issues for Menu.Item, Collapsible, and VisuallyHidden
+
 ## 1.0.0
 
 ### Major Changes

package/dist/esm/index.js

@@ -1,7 +1,6 @@
 // src/VisuallyHidden.tsx
 import styled from "styled-components";
 import { visuallyHidden } from "@sproutsocial/seeds-react-mixins";
-import "react";
 import { jsx } from "react/jsx-runtime";
 var StyledVisuallyHidden = styled.span`
   ${visuallyHidden}

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/VisuallyHidden.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { visuallyHidden } from \"@sproutsocial/seeds-react-mixins\";\nimport type { HTMLAttributes } from \"react\";\nimport React from \"react\";\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLSpanElement> {}\n\nconst StyledVisuallyHidden = styled.span<VisuallyHiddenProps>`\n  ${visuallyHidden}\n`;\n\nexport const VisuallyHidden: React.FC<VisuallyHiddenProps> = (props) => {\n  return <StyledVisuallyHidden {...props} />;\n};\n"],"mappings":";AAAA,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAE/B,OAAkB;AAST;AALT,IAAM,uBAAuB,OAAO;AAAA,IAChC,cAAc;AAAA;AAGX,IAAM,iBAAgD,CAAC,UAAU;AACtE,SAAO,oBAAC,wBAAsB,GAAG,OAAO;AAC1C;","names":[]}
+{"version":3,"sources":["../../src/VisuallyHidden.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { visuallyHidden } from \"@sproutsocial/seeds-react-mixins\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nconst StyledVisuallyHidden = styled.span`\n  ${visuallyHidden}\n`;\n\nexport type VisuallyHiddenProps = ComponentPropsWithRef<\n  typeof StyledVisuallyHidden\n>;\n\n// This wrapper component is needed for react-docgen to work.\n// It has issues with generating docs for the styled component directly.\nexport const VisuallyHidden = (props: VisuallyHiddenProps) => {\n  return <StyledVisuallyHidden {...props} />;\n};\n"],"mappings":";AAAA,OAAO,YAAY;AACnB,SAAS,sBAAsB;AActB;AAXT,IAAM,uBAAuB,OAAO;AAAA,IAChC,cAAc;AAAA;AASX,IAAM,iBAAiB,CAAC,UAA+B;AAC5D,SAAO,oBAAC,wBAAsB,GAAG,OAAO;AAC1C;","names":[]}

package/dist/index.d.mts

@@ -1,7 +1,9 @@
-import React, { HTMLAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as styled_components from 'styled-components';
+import { ComponentPropsWithRef } from 'react';
 
-interface VisuallyHiddenProps extends HTMLAttributes<HTMLSpanElement> {
-}
-declare const VisuallyHidden: React.FC<VisuallyHiddenProps>;
+declare const StyledVisuallyHidden: styled_components.StyledComponent<"span", any, {}, never>;
+type VisuallyHiddenProps = ComponentPropsWithRef<typeof StyledVisuallyHidden>;
+declare const VisuallyHidden: (props: VisuallyHiddenProps) => react_jsx_runtime.JSX.Element;
 
 export { VisuallyHidden, type VisuallyHiddenProps };

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-import React, { HTMLAttributes } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as styled_components from 'styled-components';
+import { ComponentPropsWithRef } from 'react';
 
-interface VisuallyHiddenProps extends HTMLAttributes<HTMLSpanElement> {
-}
-declare const VisuallyHidden: React.FC<VisuallyHiddenProps>;
+declare const StyledVisuallyHidden: styled_components.StyledComponent<"span", any, {}, never>;
+type VisuallyHiddenProps = ComponentPropsWithRef<typeof StyledVisuallyHidden>;
+declare const VisuallyHidden: (props: VisuallyHiddenProps) => react_jsx_runtime.JSX.Element;
 
 export { VisuallyHidden, type VisuallyHiddenProps };

package/dist/index.js

@@ -28,16 +28,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   VisuallyHidden: () => VisuallyHidden
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/VisuallyHidden.tsx
 var import_styled_components = __toESM(require("styled-components"));
 var import_seeds_react_mixins = require("@sproutsocial/seeds-react-mixins");
-var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var StyledVisuallyHidden = import_styled_components.default.span`
   ${import_seeds_react_mixins.visuallyHidden}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/VisuallyHidden.tsx"],"sourcesContent":["export * from \"./VisuallyHidden\";\n","import styled from \"styled-components\";\nimport { visuallyHidden } from \"@sproutsocial/seeds-react-mixins\";\nimport type { HTMLAttributes } from \"react\";\nimport React from \"react\";\n\nexport interface VisuallyHiddenProps extends HTMLAttributes<HTMLSpanElement> {}\n\nconst StyledVisuallyHidden = styled.span<VisuallyHiddenProps>`\n  ${visuallyHidden}\n`;\n\nexport const VisuallyHidden: React.FC<VisuallyHiddenProps> = (props) => {\n  return <StyledVisuallyHidden {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,+BAAmB;AACnB,gCAA+B;AAE/B,mBAAkB;AAST;AALT,IAAM,uBAAuB,yBAAAA,QAAO;AAAA,IAChC,wCAAc;AAAA;AAGX,IAAM,iBAAgD,CAAC,UAAU;AACtE,SAAO,4CAAC,wBAAsB,GAAG,OAAO;AAC1C;","names":["styled"]}
+{"version":3,"sources":["../src/index.ts","../src/VisuallyHidden.tsx"],"sourcesContent":["export * from \"./VisuallyHidden\";\n","import styled from \"styled-components\";\nimport { visuallyHidden } from \"@sproutsocial/seeds-react-mixins\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nconst StyledVisuallyHidden = styled.span`\n  ${visuallyHidden}\n`;\n\nexport type VisuallyHiddenProps = ComponentPropsWithRef<\n  typeof StyledVisuallyHidden\n>;\n\n// This wrapper component is needed for react-docgen to work.\n// It has issues with generating docs for the styled component directly.\nexport const VisuallyHidden = (props: VisuallyHiddenProps) => {\n  return <StyledVisuallyHidden {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,+BAAmB;AACnB,gCAA+B;AActB;AAXT,IAAM,uBAAuB,yBAAAA,QAAO;AAAA,IAChC,wCAAc;AAAA;AASX,IAAM,iBAAiB,CAAC,UAA+B;AAC5D,SAAO,4CAAC,wBAAsB,GAAG,OAAO;AAC1C;","names":["styled"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-visually-hidden",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Seeds React VisuallyHidden",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,9 +18,9 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "^*",
-    "@sproutsocial/seeds-react-system-props": "^*",
-    "@sproutsocial/seeds-react-mixins": "^*"
+    "@sproutsocial/seeds-react-theme": "^2.2.0",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-mixins": "^4.1.0"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",

package/src/VisuallyHidden.tsx

@@ -1,14 +1,17 @@
 import styled from "styled-components";
 import { visuallyHidden } from "@sproutsocial/seeds-react-mixins";
-import type { HTMLAttributes } from "react";
-import React from "react";
+import type { ComponentPropsWithRef } from "react";
 
-export interface VisuallyHiddenProps extends HTMLAttributes<HTMLSpanElement> {}
-
-const StyledVisuallyHidden = styled.span<VisuallyHiddenProps>`
+const StyledVisuallyHidden = styled.span`
   ${visuallyHidden}
 `;
 
-export const VisuallyHidden: React.FC<VisuallyHiddenProps> = (props) => {
+export type VisuallyHiddenProps = ComponentPropsWithRef<
+  typeof StyledVisuallyHidden
+>;
+
+// This wrapper component is needed for react-docgen to work.
+// It has issues with generating docs for the styled component directly.
+export const VisuallyHidden = (props: VisuallyHiddenProps) => {
   return <StyledVisuallyHidden {...props} />;
 };

package/src/__tests__/VisuallyHidden.typetest.tsx

@@ -6,7 +6,8 @@ function VisuallyHiddenTypes() {
   return (
     <>
       <VisuallyHidden>Content</VisuallyHidden>
-      {/* @ts-expect-error - test that invalid prop is rejected */}
+      {/* This is allowed _for now_ since style.span component can accept anything */}
+      {/* In a future major release, consider making VisuallyHidden's prop more restrictive */}
       <VisuallyHidden invalidProp="invalid">Content</VisuallyHidden>
     </>
   );