@procore/core-react 12.21.2 → 12.23.0

package/dist/_typedoc/Typeahead/Typeahead.types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typeahead/Typeahead.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typeahead/Typeahead.types.ts#L15"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typeahead/Typeahead.types.ts#L15"
       },
       {
         "name": "onChange",
@@ -20,7 +20,7 @@
         "description": "",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typeahead/Typeahead.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typeahead/Typeahead.types.ts#L19"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typeahead/Typeahead.types.ts#L19"
       }
     ],
     "description": ""

package/dist/_typedoc/Typography/Typography.types.json

@@ -10,7 +10,7 @@
         "description": "Change the HTML tag. This\n[prop is from styled-components](https://styled-components.com/docs/api#as-polymorphic-prop)\n__Warning__: If using TypeScript, it will not switch types and\nsome props may error. You can add `@ts-expect-error`.\nSee [styled-components issue](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117)",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Change the HTML tag. This\n<a href=\"https://styled-components.com/docs/api#as-polymorphic-prop\">prop is from styled-components</a>\n<strong>Warning</strong>: If using TypeScript, it will not switch types and\nsome props may error. You can add <code>@ts-expect-error</code>.\nSee <a href=\"https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117\">styled-components issue</a></p>\n</div><dl class=\"tsd-comment-tags\"><dt>default</dt><dd><p>&#39;span&#39;</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typography/Typography.types.ts#L26"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typography/Typography.types.ts#L26"
       },
       {
         "name": "breakWord",
@@ -20,7 +20,7 @@
         "description": "Enables word wrapping and breaking within the component",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Enables word wrapping and breaking within the component</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.0.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typography/Typography.types.ts#L57"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typography/Typography.types.ts#L57"
       },
       {
         "name": "children",
@@ -30,7 +30,7 @@
         "description": "When children are a string or multiple elements, they will be wrapped\nby a `span`. When it is a single element, classnames will\nbe added to it instead",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>When children are a string or multiple elements, they will be wrapped\nby a <code>span</code>. When it is a single element, classnames will\nbe added to it instead</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typography/Typography.types.ts#L15"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typography/Typography.types.ts#L15"
       },
       {
         "name": "className",
@@ -40,7 +40,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "color",
@@ -50,7 +50,7 @@
         "description": "Changes font color, can be any of the `colors` object HSL Palette",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Changes font color, can be any of the <code>colors</code> object HSL Palette</p>\n</div><dl class=\"tsd-comment-tags\"><dt>default</dt><dd><p>&#39;gray15&#39;</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typography/Typography.types.ts#L33"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typography/Typography.types.ts#L33"
       },
       {
         "name": "intent",
@@ -60,7 +60,7 @@
         "description": "Changes the size of the font",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Changes the size of the font</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typography/Typography.types.ts#L39"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typography/Typography.types.ts#L39"
       },
       {
         "name": "italic",
@@ -70,7 +70,7 @@
         "description": "Applies `font-style: italic` if enabled",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Applies <code>font-style: italic</code> if enabled</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typography/Typography.types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typography/Typography.types.ts#L45"
       },
       {
         "name": "style",
@@ -80,7 +80,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/_utils/types.ts#L52"
       },
       {
         "name": "weight",
@@ -90,7 +90,7 @@
         "description": "Changes font weight if it is supported in the design system",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Changes font weight if it is supported in the design system</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/Typography/Typography.types.ts#L51"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/Typography/Typography.types.ts#L51"
       }
     ],
     "description": ""

package/dist/_typedoc/_utils/types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -20,7 +20,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "style",
@@ -30,7 +30,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/17b58ed/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/80fa986/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""

package/package.json

@@ -1,41 +1,105 @@
 {
   "name": "@procore/core-react",
-  "version": "12.21.2",
+  "version": "12.23.0",
   "description": "React library of Procore Design Guidelines",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": [
-    "./dist/OverlayTrigger/OverlayTrigger.js",
-    "./dist/_hooks/ResizeObserver.js"
+  "author": "Procore Technologies",
+  "homepage": "https://github.com/procore/core/tree/main/packages/core-react",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/procore/core.git",
+    "directory": "packages/core-react"
+  },
+  "bugs": "https://github.com/procore/core/issues",
+  "license": "SEE LICENSE IN LICENSE",
+  "keywords": [
+    "components",
+    "javascript",
+    "js",
+    "jsx",
+    "library",
+    "procore",
+    "react"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "exports": {
     ".": "./dist/index.js",
     "./dist/_typedoc/*.json": "./dist/_typedoc/*.json",
     "./dist/_typedoc/**/*.json": "./dist/_typedoc/**/*.json"
   },
-  "publishConfig": {
-    "access": "public"
-  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "build": "yarn run clean && yarn run build:esm & yarn run build:types & yarn run build:typedoc",
+    "build-storybook": "storybook build --webpack-stats-json",
     "build:esm": "BUNDLING=true babel src --out-dir dist --extensions '.ts,.tsx,.js,.snap' -s --copy-files --no-copy-ignored",
-    "build:types": "tsc --declaration --emitDeclarationOnly -p tsconfig.prod.json",
     "build:typedoc": "ts-node typedoc.ts",
+    "build:types": "tsc --declaration --emitDeclarationOnly -p tsconfig.prod.json",
     "chromatic": "dotenvx run -- chromatic",
     "chromatic:ci": "chromatic --ci  --storybook-build-dir ./storybook-static --project-token=${CHROMATIC_CORE_REACT_TOKEN} --exit-once-uploaded --only-changed --skip=\"dependabot*\"",
     "clean": "rimraf dist",
     "dev": "NODE_ENV=development TZ_LOG=true yarn run build:typedoc && yarn run dev:ts",
     "dev:ts": "tsc -p tsconfig.prod.json --watch",
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx src",
     "lint:types": "tsc -p tsconfig.prod.json --noEmit",
     "lint:types:watch": "tsc -p . --noEmit --watch",
     "pseudo": "pseudolocalize run ./src/_locales",
     "storybook": "storybook dev -p 6007",
-    "build-storybook": "storybook build --webpack-stats-json",
     "test": "TZ=America/Los_Angeles jest --silent --runInBand --logHeapUsage",
     "test:update": "TZ=America/Los_Angeles jest --runInBand -u",
-    "test:watch": "yarn run test --watch",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx src"
+    "test:watch": "yarn run test --watch"
+  },
+  "peerDependencies": {
+    "@procore/globalization-toolkit": ">= 3 < 4",
+    "formik": ">= 2.1.5 < 3",
+    "react": ">=16.8.0 < 19",
+    "react-dom": ">=16.8.0 < 19",
+    "styled-components": ">= 5.1.1 < 7"
+  },
+  "peerDependenciesMeta": {
+    "formik": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "1.3.0",
+    "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "1.2.1",
+    "@floating-ui/react": "0.25.2",
+    "@floating-ui/react-dom": "2.0.2",
+    "@procore/cdn-translations": "0.1.12",
+    "@procore/core-i18n-js": "^10.29.3",
+    "@procore/core-icons": "^12.8.0",
+    "@react-aria/button": "3.6.4",
+    "@react-aria/checkbox": "3.6.0",
+    "@react-aria/focus": "3.16.2",
+    "@react-aria/interactions": "3.21.1",
+    "@react-aria/label": "3.4.4",
+    "@react-aria/overlays": "3.12.1",
+    "@react-aria/radio": "3.4.2",
+    "@react-aria/utils": "3.23.2",
+    "@react-aria/visually-hidden": "3.4.1",
+    "@react-types/checkbox": "3.4.1",
+    "@tinymce/tinymce-react": "6.1.0",
+    "axios": "1.8.2",
+    "classnames": "2.3.2",
+    "date-fns": "2.29.1",
+    "date-fns-tz": "2.0.0",
+    "intersection-observer": "0.12.2",
+    "lodash.debounce": "4.0.8",
+    "lodash.groupby": "4.6.0",
+    "lodash.merge": "4.6.2",
+    "lodash.throttle": "4.1.1",
+    "lodash.times": "4.3.2",
+    "lodash.uniq": "4.5.0",
+    "ramda": "0.30.1",
+    "react-dropzone": "11.5.1",
+    "react-stately": "3.20.0",
+    "react-virtuoso": "2.16.1",
+    "react-window": "^1.8.7",
+    "react-window-infinite-loader": "^1.0.9",
+    "ulid": "2.3.0"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop-unit-testing": "^1.1.0",
@@ -61,8 +125,7 @@
     "@storybook/testing-library": "^0.2.2",
     "@testing-library/dom": "8.20.0",
     "@testing-library/jest-dom": "5.16.4",
-    "@testing-library/react": "12.1.4",
-    "@testing-library/react-hooks": "8.0.1",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.4.3",
     "@types/fs-extra": "11.0.1",
     "@types/glob": "8.0.1",
@@ -78,11 +141,10 @@
     "@types/node": "17.0.38",
     "@types/prop-types": "15.7.5",
     "@types/ramda": "0.28.23",
-    "@types/react": "17.0.55",
-    "@types/react-dom": "17.0.19",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.1",
     "@types/react-window": "1.8.5",
     "@types/react-window-infinite-loader": "1.0.6",
-    "@types/styled-components": "5.1.26",
     "@types/testing-library__jest-dom": "5.14.5",
     "@types/yup": "0.29.14",
     "@typescript-eslint/eslint-plugin": "5.48.2",
@@ -90,7 +152,7 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-jest": "29.1.2",
     "babel-loader": "8.2.5",
-    "babel-plugin-styled-components": "2.0.7",
+    "babel-plugin-styled-components": "2.1.4",
     "chromatic": "^11.20.0",
     "eslint": "8.31.0",
     "eslint-config-prettier": "8.6.0",
@@ -100,14 +162,14 @@
     "glob": "8.1.0",
     "jest": "29.4.1",
     "jest-axe": "^7.0.1",
-    "jest-styled-components": "7.0.8",
+    "jest-styled-components": "7.2.0",
     "miragejs": "^0.1.47",
     "raf-stub": "^3.0.0",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "rimraf": "^6.0.1",
     "storybook": "^7.5.3",
-    "styled-components": "5.3.6",
+    "styled-components": "6.1.18",
     "ts-jest": "^29.0.5",
     "ts-node": "10.9.1",
     "typedoc": "0.22.17",
@@ -115,71 +177,8 @@
     "webpack": "5.96.1",
     "yup": "0.32.11"
   },
-  "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "1.3.0",
-    "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "1.2.1",
-    "@floating-ui/react": "0.25.2",
-    "@floating-ui/react-dom": "2.0.2",
-    "@procore/core-i18n-js": "10.29.3",
-    "@procore/core-icons": "12.6.1",
-    "@react-aria/button": "3.6.4",
-    "@react-aria/checkbox": "3.6.0",
-    "@react-aria/focus": "3.16.2",
-    "@react-aria/interactions": "3.21.1",
-    "@react-aria/label": "3.4.4",
-    "@react-aria/overlays": "3.12.1",
-    "@react-aria/radio": "3.4.2",
-    "@react-aria/utils": "3.23.2",
-    "@react-aria/visually-hidden": "3.4.1",
-    "@react-types/checkbox": "3.4.1",
-    "@tinymce/tinymce-react": "6.1.0",
-    "axios": "1.8.2",
-    "classnames": "2.3.2",
-    "date-fns": "2.29.1",
-    "date-fns-tz": "2.0.0",
-    "intersection-observer": "0.12.2",
-    "lodash.debounce": "4.0.8",
-    "lodash.groupby": "4.6.0",
-    "lodash.merge": "4.6.2",
-    "lodash.throttle": "4.1.1",
-    "lodash.times": "4.3.2",
-    "lodash.uniq": "4.5.0",
-    "ramda": "0.30.1",
-    "react-dropzone": "11.5.1",
-    "react-stately": "3.20.0",
-    "react-virtuoso": "2.16.1",
-    "react-window": "^1.8.7",
-    "react-window-infinite-loader": "^1.0.9",
-    "ulid": "2.3.0"
-  },
-  "peerDependencies": {
-    "@procore/globalization-toolkit": ">= 3 < 4",
-    "formik": ">= 2.1.5 < 3",
-    "react": ">=16.8.0 < 19",
-    "react-dom": ">=16.8.0 < 19",
-    "styled-components": ">= 5.1.1 < 6"
-  },
-  "peerDependenciesMeta": {
-    "formik": {
-      "optional": true
-    }
-  },
-  "homepage": "https://github.com/procore/core/tree/main/packages/core-react",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/procore/core.git",
-    "directory": "packages/core-react"
-  },
-  "bugs": "https://github.com/procore/core/issues",
-  "keywords": [
-    "javascript",
-    "components",
-    "react",
-    "js",
-    "jsx",
-    "library",
-    "procore"
-  ],
-  "author": "Procore Technologies",
-  "license": "SEE LICENSE IN LICENSE"
+  "sideEffects": [
+    "./dist/OverlayTrigger/OverlayTrigger.js",
+    "./dist/_hooks/ResizeObserver.js"
+  ]
 }