r19 wip

Author: sdalonzo

apps/docs/pages/_document.js

@@ -13,9 +13,6 @@ const BaseCSS = ({ css }) => (
 BaseCSS.propTypes = {
   css: PropTypes.any,
 }
-BaseCSS.defaultProps = {
-  css: '*{box-sizing:border-box}body{margin:0}',
-}
 
 export default class MyDocument extends Document {
   static getInitialProps({ renderPage }) {

apps/docs/src/NavLink.js

@@ -25,12 +25,6 @@ const Base = styled.a`
 
   ${(props) => compose(space, color)(props)}
 `
-Base.defaultProps = {
-  pl: 3,
-  pr: 2,
-  py: 1,
-  color: 'gray',
-}
 
 export default withDocs(({ basepath, href, route, ...props }) => {
   if (isAbsoluteURL(href)) {

apps/docs/src/components.js

@@ -46,10 +46,6 @@ const RouterLink = ({ href, ...props }) => {
 }
 RouterLink.propTypes = { href: PropTypes.string }
 
-RouterLink.defaultProps = {
-  color: 'blue',
-}
-
 // eslint-disable-next-line react/display-name
 const heading = (type) => (props) => {
   const Comp = Heading[type]
@@ -102,9 +98,6 @@ const Table = styled((props) => (
     border-bottom-color: ${theme.colors.borderGray};
   }
 `
-Table.defaultProps = {
-  my: 3,
-}
 
 export const PageTitle = (props) => <Heading.h1 fontSize={[5, 6]} bold mt={[2, 5]} mb={3} {...props} />
 
@@ -116,11 +109,6 @@ export const Code = styled.code`
   ${fontSize};
 `
 
-Code.defaultProps = {
-  fontSize: 2,
-  color: 'blue',
-}
-
 export const ButtonLink = ({ children, ...props }) => (
   <Button as='a' {...props}>
     {children}
@@ -185,39 +173,4 @@ const components = {
   TextDemo,
 }
 
-components.h1.defaultProps = {
-  fontSize: [5, 6],
-  mt: 5,
-  mb: 3,
-}
-components.h2.defaultProps = {
-  fontSize: 5,
-  mt: 5,
-  mb: 3,
-}
-
-components.h3.defaultProps = {
-  fontSize: 4,
-  mt: 4,
-  mb: 3,
-  style: {
-    fontWeight: '700',
-  },
-}
-
-components.h4.defaultProps = {
-  fontSize: 3,
-  mt: 4,
-  mb: 3,
-}
-
-components.p.defaultProps = {
-  fontSize: 2,
-  mt: 0,
-  mb: 3,
-  style: {
-    lineHeight: 1.6,
-  },
-}
-
 export default components

apps/storybook/package.json

@@ -32,28 +32,30 @@
     "@storybook/addon-viewport": "^8.3.0",
     "@storybook/components": "^8.3.0",
     "@storybook/jest": "^0.2.3",
-    "@storybook/test": "^8.3.0",
     "@storybook/manager-api": "^8.3.0",
     "@storybook/preview-api": "^8.3.0",
     "@storybook/react": "^8.3.0",
     "@storybook/react-vite": "^8.3.0",
+    "@storybook/test": "^8.3.0",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "^8.3.0",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
     "babel-plugin-react-docgen": "^4.2.1",
     "chromatic": "^10.9.6",
     "core-js": "^3.37.1",
     "eslint": "^8.55.0",
+    "framer-motion": "^12.15.0",
     "npm-run-all": "^4.1.5",
     "pcln-design-system": "workspace:*",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-is": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-is": "^19.1.0",
     "require-from-string": "2.0.2",
     "storybook": "^8.3.0",
     "styled-components": "^5.3.11",
     "typescript": "^5.3.3",
     "vite": "^4.5.3",
-    "vite-plugin-turbosnap": "^1.0.3",
-    "react-test-renderer": "^18.3.1"
+    "vite-plugin-turbosnap": "^1.0.3"
   }
 }

common/changes/heft-styled-components-plugin/r19_2025-06-02-21-32.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "React 19 ecosystem upgrade",
+      "type": "major",
+      "packageName": "heft-styled-components-plugin"
+    }
+  ],
+  "packageName": "heft-styled-components-plugin",
+  "email": "steven.dalonzo@priceline.com"
+}

common/changes/pcln-autocomplete/r19_2025-06-02-21-32.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "React 19 ecosystem upgrade",
+      "type": "major",
+      "packageName": "pcln-autocomplete"
+    }
+  ],
+  "packageName": "pcln-autocomplete",
+  "email": "steven.dalonzo@priceline.com"
+}

common/changes/pcln-carousel/r19_2025-06-02-21-32.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "React 19 ecosystem upgrade",
+      "type": "major",
+      "packageName": "pcln-carousel"
+    }
+  ],
+  "packageName": "pcln-carousel",
+  "email": "steven.dalonzo@priceline.com"
+}

common/changes/pcln-codemods/r19_2025-06-02-21-32.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "React 19 ecosystem upgrade",
+      "type": "major",
+      "packageName": "pcln-codemods"
+    }
+  ],
+  "packageName": "pcln-codemods",
+  "email": "steven.dalonzo@priceline.com"
+}

common/changes/pcln-design-system/r19_2025-06-02-21-32.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "React 19 ecosystem upgrade",
+      "type": "major",
+      "packageName": "pcln-design-system"
+    }
+  ],
+  "packageName": "pcln-design-system",
+  "email": "steven.dalonzo@priceline.com"
+}

common/changes/pcln-icons/r19_2025-06-02-21-32.json

@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "comment": "React 19 ecosystem upgrade",
+      "type": "major",
+      "packageName": "pcln-icons"
+    }
+  ],
+  "packageName": "pcln-icons",
+  "email": "steven.dalonzo@priceline.com"
+}