@sproutsocial/seeds-react-box 1.1.0 → 1.1.1

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.61 KB
-CJS dist/index.js.map 1.76 KB
-CJS ⚡️ Build success in 108ms
-ESM dist/esm/index.js     849.00 B
-ESM dist/esm/index.js.map 1.76 KB
-ESM ⚡️ Build success in 106ms
+ESM dist/esm/index.js     874.00 B
+ESM dist/esm/index.js.map 1.77 KB
+ESM ⚡️ Build success in 19ms
+CJS dist/index.js     2.67 KB
+CJS dist/index.js.map 1.77 KB
+CJS ⚡️ Build success in 23ms
 DTS Build start
-DTS ⚡️ Build success in 11403ms
+DTS ⚡️ Build success in 6265ms
 DTS dist/index.d.ts  800.00 B
 DTS dist/index.d.mts 800.00 B
-Done in 15.08s.
+Done in 7.86s.

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @sproutsocial/seeds-react-box
 
+## 1.1.1
+
+### Patch Changes
+
+- 57648a5: All packages now depend on the latest seed component builds
+- Updated dependencies [57648a5]
+  - @sproutsocial/seeds-react-system-props@3.0.1
+  - @sproutsocial/seeds-react-theme@2.0.1
+
 ## 1.1.0
 
 ### Minor Changes

package/dist/esm/index.js

@@ -25,9 +25,10 @@ var Container = styled.div`
 var styles_default = Container;
 
 // src/Box.tsx
+import { jsx } from "react/jsx-runtime";
 var Box = React.forwardRef(
   ({ color, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       styles_default,
       {
         ...props,

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Box.tsx","../../src/styles.tsx","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeBoxProps } from \"./BoxTypes\";\n\nconst Box = React.forwardRef<HTMLDivElement, TypeBoxProps>(\n  ({ color, ...props }, ref) => {\n    return (\n      <Container\n        {...props}\n        ref={ref}\n        // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        color={color}\n      />\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n\nexport default Box;\n","import styled from \"styled-components\";\nimport {\n  COMMON,\n  BORDER,\n  LAYOUT,\n  POSITION,\n  FLEXBOX,\n  GRID,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { TypeContainerProps } from \"./BoxTypes\";\n\nconst Container = styled.div<TypeContainerProps>`\n  box-sizing: border-box;\n  font-family: ${({ theme }) => theme.fontFamily};\n\n  ${COMMON}\n  ${BORDER}\n  ${LAYOUT}\n  ${POSITION}\n  ${FLEXBOX}\n  ${GRID}\n`;\n\nexport default Container;\n","import Box from \"./Box\";\n\nexport default Box;\nexport { Box };\nexport * from \"./BoxTypes\";\n"],"mappings":";AAAA,YAAY,WAAW;;;ACAvB,OAAO,YAAY;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,IAAM,YAAY,OAAO;AAAA;AAAA,iBAER,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU;AAAA;AAAA,IAE5C,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,IAAI;AAAA;AAGR,IAAO,iBAAQ;;;ADnBf,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QAIA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;AAElB,IAAO,cAAQ;;;AEnBf,IAAO,cAAQ;","names":[]}
+{"version":3,"sources":["../../src/Box.tsx","../../src/styles.tsx","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeBoxProps } from \"./BoxTypes\";\n\nconst Box = React.forwardRef<HTMLDivElement, TypeBoxProps>(\n  ({ color, ...props }, ref) => {\n    return (\n      <Container\n        {...props}\n        ref={ref}\n        // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        color={color}\n      />\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n\nexport default Box;\n","import styled from \"styled-components\";\nimport {\n  COMMON,\n  BORDER,\n  LAYOUT,\n  POSITION,\n  FLEXBOX,\n  GRID,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeContainerProps } from \"./BoxTypes\";\n\nconst Container = styled.div<TypeContainerProps>`\n  box-sizing: border-box;\n  font-family: ${({ theme }) => theme.fontFamily};\n\n  ${COMMON}\n  ${BORDER}\n  ${LAYOUT}\n  ${POSITION}\n  ${FLEXBOX}\n  ${GRID}\n`;\n\nexport default Container;\n","import Box from \"./Box\";\n\nexport default Box;\nexport { Box };\nexport * from \"./BoxTypes\";\n"],"mappings":";AAAA,YAAY,WAAW;;;ACAvB,OAAO,YAAY;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,IAAM,YAAY,OAAO;AAAA;AAAA,iBAER,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU;AAAA;AAAA,IAE5C,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,IAAI;AAAA;AAGR,IAAO,iBAAQ;;;ADhBT;AAHN,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QAIA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;AAElB,IAAO,cAAQ;;;AEnBf,IAAO,cAAQ;","names":[]}

package/dist/index.js

@@ -55,9 +55,10 @@ var Container = import_styled_components.default.div`
 var styles_default = Container;
 
 // src/Box.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
 var Box = React.forwardRef(
   ({ color, ...props }, ref) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       styles_default,
       {
         ...props,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Box.tsx","../src/styles.tsx"],"sourcesContent":["import Box from \"./Box\";\n\nexport default Box;\nexport { Box };\nexport * from \"./BoxTypes\";\n","import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeBoxProps } from \"./BoxTypes\";\n\nconst Box = React.forwardRef<HTMLDivElement, TypeBoxProps>(\n  ({ color, ...props }, ref) => {\n    return (\n      <Container\n        {...props}\n        ref={ref}\n        // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        color={color}\n      />\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n\nexport default Box;\n","import styled from \"styled-components\";\nimport {\n  COMMON,\n  BORDER,\n  LAYOUT,\n  POSITION,\n  FLEXBOX,\n  GRID,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport { TypeContainerProps } from \"./BoxTypes\";\n\nconst Container = styled.div<TypeContainerProps>`\n  box-sizing: border-box;\n  font-family: ${({ theme }) => theme.fontFamily};\n\n  ${COMMON}\n  ${BORDER}\n  ${LAYOUT}\n  ${POSITION}\n  ${FLEXBOX}\n  ${GRID}\n`;\n\nexport default Container;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;;;ACAvB,+BAAmB;AACnB,sCAOO;AAGP,IAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA,iBAER,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU;AAAA;AAAA,IAE5C,sCAAM;AAAA,IACN,sCAAM;AAAA,IACN,sCAAM;AAAA,IACN,wCAAQ;AAAA,IACR,uCAAO;AAAA,IACP,oCAAI;AAAA;AAGR,IAAO,iBAAQ;;;ADnBf,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QAIA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;AAElB,IAAO,cAAQ;;;ADnBf,IAAO,cAAQ;","names":["styled"]}
+{"version":3,"sources":["../src/index.ts","../src/Box.tsx","../src/styles.tsx"],"sourcesContent":["import Box from \"./Box\";\n\nexport default Box;\nexport { Box };\nexport * from \"./BoxTypes\";\n","import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeBoxProps } from \"./BoxTypes\";\n\nconst Box = React.forwardRef<HTMLDivElement, TypeBoxProps>(\n  ({ color, ...props }, ref) => {\n    return (\n      <Container\n        {...props}\n        ref={ref}\n        // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        color={color}\n      />\n    );\n  }\n);\n\nBox.displayName = \"Box\";\n\nexport default Box;\n","import styled from \"styled-components\";\nimport {\n  COMMON,\n  BORDER,\n  LAYOUT,\n  POSITION,\n  FLEXBOX,\n  GRID,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeContainerProps } from \"./BoxTypes\";\n\nconst Container = styled.div<TypeContainerProps>`\n  box-sizing: border-box;\n  font-family: ${({ theme }) => theme.fontFamily};\n\n  ${COMMON}\n  ${BORDER}\n  ${LAYOUT}\n  ${POSITION}\n  ${FLEXBOX}\n  ${GRID}\n`;\n\nexport default Container;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,YAAuB;;;ACAvB,+BAAmB;AACnB,sCAOO;AAGP,IAAM,YAAY,yBAAAA,QAAO;AAAA;AAAA,iBAER,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU;AAAA;AAAA,IAE5C,sCAAM;AAAA,IACN,sCAAM;AAAA,IACN,sCAAM;AAAA,IACN,wCAAQ;AAAA,IACR,uCAAO;AAAA,IACP,oCAAI;AAAA;AAGR,IAAO,iBAAQ;;;ADhBT;AAHN,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC5B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QAIA;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,IAAI,cAAc;AAElB,IAAO,cAAQ;;;ADnBf,IAAO,cAAQ;","names":["styled"]}

package/jest.config.js

@@ -0,0 +1,13 @@
+/**
+ * @type {import('jest').Config}
+ */
+
+const baseConfig = require("@sproutsocial/seeds-testing");
+
+const config = {
+  ...baseConfig,
+  displayName: "seeds-react-box",
+  setupFilesAfterEnv: ["@sproutsocial/seeds-testing/setupAfterEnv"],
+};
+
+module.exports = config;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-box",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Seeds React Box",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -12,11 +12,13 @@
     "dev": "tsup --watch --dts",
     "clean": "rm -rf .turbo dist",
     "clean:modules": "rm -rf node_modules",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "test": "jest",
+    "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "^1.0.0",
-    "@sproutsocial/seeds-react-system-props": "^2.2.0"
+    "@sproutsocial/seeds-react-theme": "^*",
+    "@sproutsocial/seeds-react-system-props": "^*"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
@@ -24,7 +26,11 @@
     "@sproutsocial/eslint-config-seeds": "*",
     "react": "^18.0.0",
     "styled-components": "^5.2.3",
-    "typescript": "^5.1.6"
+    "tsup": "^8.0.2",
+    "typescript": "^5.6.2",
+    "@sproutsocial/seeds-tsconfig": "*",
+    "@sproutsocial/seeds-testing": "*",
+    "@sproutsocial/seeds-react-testing-library": "*"
   },
   "peerDependencies": {
     "styled-components": "^5.2.3"

package/src/__tests__/Box.test.tsx

@@ -0,0 +1,10 @@
+import { render, screen } from "@sproutsocial/seeds-react-testing-library";
+import Box from "../Box";
+
+describe("Box", () => {
+  it("should render properly", () => {
+    render(<Box>Test...</Box>);
+
+    expect(screen.getByText("Test...")).toBeInTheDocument();
+  });
+});

package/src/styles.tsx

@@ -7,7 +7,7 @@ import {
   FLEXBOX,
   GRID,
 } from "@sproutsocial/seeds-react-system-props";
-import { TypeContainerProps } from "./BoxTypes";
+import type { TypeContainerProps } from "./BoxTypes";
 
 const Container = styled.div<TypeContainerProps>`
   box-sizing: border-box;

package/tsconfig.json

@@ -1,14 +1,8 @@
 {
-  "extends": "@sproutsocial/seeds-tsconfig/react-library.json",
+  "extends": "@sproutsocial/seeds-tsconfig/bundler/dom/library-monorepo",
   "compilerOptions": {
-    "noImplicitAny": false,
-    "noUncheckedIndexedAccess": false,
-    "baseUrl": ".",
-    "paths": {
-      "@src": ["src"],
-      "@src*": ["src*"]
-    },
-    "jsx": "react"
+    "jsx": "react-jsx",
+    "module": "esnext"
   },
   "include": ["src/**/*"],
   "exclude": ["node_modules", "dist"]