@sproutsocial/seeds-react-box 1.0.2 → 1.1.1

package/.turbo/turbo-build.log

@@ -1,17 +1,21 @@
-$ tsup
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.0.2
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-box/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-CJS dist/index.js 2.58 KB
-CJS ⚡️ Build success in 96ms
-ESM dist/esm/index.js 816.00 B
-ESM ⚡️ Build success in 92ms
-DTS Build start
-DTS ⚡️ Build success in 11499ms
-DTS dist/index.d.ts  800.00 B
-DTS dist/index.d.mts 800.00 B
+yarn run v1.22.22
+$ tsup --dts
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.0.2
+CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-box/tsup.config.ts
+CLI Target: es2022
+CLI Cleaning output folder
+CJS Build start
+ESM Build start
+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 6265ms
+DTS dist/index.d.ts  800.00 B
+DTS dist/index.d.mts 800.00 B
+Done in 7.86s.

package/CHANGELOG.md

@@ -1,11 +1,32 @@
 # @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
+
+- e5df935: Add React 18 support
+
+### Patch Changes
+
+- Updated dependencies [e5df935]
+  - @sproutsocial/seeds-react-system-props@2.3.0
+  - @sproutsocial/seeds-react-theme@1.4.0
+
 ## 1.0.2
 
 ### Patch Changes
 
 - c7b905b: - Update `module` field to point to correct ES Module entry point
-- Fix package build so ESM exports are imported properly by web pack 
+- Fix package build so ESM exports are imported properly by web pack
 
 ## 1.0.1
 

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,
@@ -46,3 +47,4 @@ export {
   Box_default as Box,
   src_default as default
 };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +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 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,
@@ -76,3 +77,4 @@ var src_default = Box_default;
 0 && (module.exports = {
   Box
 });
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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 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.0.2",
+  "version": "1.1.1",
   "description": "Seeds React Box",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -8,19 +8,29 @@
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsup"
+    "build": "tsup --dts",
+    "dev": "tsup --watch --dts",
+    "clean": "rm -rf .turbo dist",
+    "clean:modules": "rm -rf node_modules",
+    "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": "^17.0.0",
+    "@types/react": "^18.0.0",
     "@types/styled-components": "^5.1.26",
     "@sproutsocial/eslint-config-seeds": "*",
-    "react": "^17.0.2",
+    "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"]

package/tsup.config.ts

@@ -1,10 +1,11 @@
 import { defineConfig } from "tsup";
 
-export default defineConfig({
+export default defineConfig((options) => ({
   entry: ["src/index.ts"],
   format: ["cjs", "esm"],
   clean: true,
   legacyOutput: true,
-  dts: true,
+  dts: options.dts,
   external: ["react"],
-});
+  sourcemap: true,
+}));