fix: cleanup and migrate

toptal · Nov 15, 2023 · 1f02f46 · 1f02f46
1 parent 86148c8
commit 1f02f46
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 30 deletions.
diff --git a/packages/picasso/package.json b/packages/picasso/package.json
@@ -59,7 +59,6 @@
     "@types/glider-js": "^1.7.8",
     "@types/react-input-mask": "^3.0.0",
     "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.25",
     "popper.js": "^1.16.1",
     "react-router-dom": "^5.3.4",
     "storybook-readme": "^5.0.9",

diff --git a/packages/picasso/src/Table/story/ExpandableRows.example.tsx b/packages/picasso/src/Table/story/ExpandableRows.example.tsx
@@ -16,12 +16,11 @@ import { Star16, ArrowDownMinor16, More16 } from '@toptal/picasso/Icon'
 type StyledArrowDownMinor16Props = {
   expanded: boolean
 }
-const StyledArrowDownMinor16 = styled(ArrowDownMinor16)`
+const StyledArrowDownMinor16 = styled(
+  ArrowDownMinor16
+)<StyledArrowDownMinor16Props>`
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transform: rotate(
-    ${(props: StyledArrowDownMinor16Props) =>
-      props.expanded ? '180deg' : '0deg'}
-  );
+  transform: rotate(${({ expanded }) => (expanded ? '180deg' : '0deg')});
 `
 
 const ExpandableContent = () => (

diff --git a/packages/picasso/src/Table/story/ExpandableRowsDefaultExpanded.example.tsx b/packages/picasso/src/Table/story/ExpandableRowsDefaultExpanded.example.tsx
@@ -16,12 +16,11 @@ import { Star16, ArrowDownMinor16, More16 } from '@toptal/picasso/Icon'
 type StyledArrowDownMinor16Props = {
   expanded: boolean
 }
-const StyledArrowDownMinor16 = styled(ArrowDownMinor16)`
+const StyledArrowDownMinor16 = styled(
+  ArrowDownMinor16
+)<StyledArrowDownMinor16Props>`
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transform: rotate(
-    ${(props: StyledArrowDownMinor16Props) =>
-      props.expanded ? '180deg' : '0deg'}
-  );
+  transform: rotate(${({ expanded }) => (expanded ? '180deg' : '0deg')});
 `
 
 const ExpandableContent = () => (

diff --git a/yarn.lock b/yarn.lock
@@ -5849,14 +5849,6 @@
   resolved "https://registry.yarnpkg.com/@types/history/-/history-4.7.11.tgz#56588b17ae8f50c53983a524fc3cc47437969d64"
   integrity sha512-qjDJRrmvBMiTx+jyLxvLfJU7UznFuokDv4f3WRuriHKERccVpFU+8XMQUAbDzoiJCsmexxRExQeMwwCdamSKDA==
 
-"@types/hoist-non-react-statics@*":
-  version "3.3.1"
-  resolved "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz"
-  integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
-  dependencies:
-    "@types/react" "*"
-    hoist-non-react-statics "^3.3.0"
-
 "@types/html-minifier-terser@^5.0.0":
   version "5.1.2"
   resolved "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz"
@@ -6244,15 +6236,6 @@
   resolved "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.0.tgz"
   integrity sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw==
 
-"@types/styled-components@^5.1.25":
-  version "5.1.25"
-  resolved "https://registry.npmjs.org/@types/styled-components/-/styled-components-5.1.25.tgz"
-  integrity sha512-fgwl+0Pa8pdkwXRoVPP9JbqF0Ivo9llnmsm+7TCI330kbPIFd9qv1Lrhr37shf4tnxCOSu+/IgqM7uJXLWZZNQ==
-  dependencies:
-    "@types/hoist-non-react-statics" "*"
-    "@types/react" "*"
-    csstype "^3.0.2"
-
 "@types/stylis@^4.0.2":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/@types/stylis/-/stylis-4.2.3.tgz#0dff504fc23487a02a29209b162249070e83a0da"
@@ -15323,14 +15306,14 @@ json-stringify-safe@^5.0.1, json-stringify-safe@~5.0.1:
   resolved "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz"
   integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
 
-json5@1, json5@^1.0.1, json5@^2.1.1:
+json5@1, json5@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
   integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
   dependencies:
     minimist "^1.2.0"
 
-[email protected], json5@^2.1.0, json5@^2.1.2, json5@^2.2.0, json5@^2.2.2, json5@^2.2.3, json5@^2.x:
+[email protected], json5@^2.1.0, json5@^2.1.1, json5@^2.1.2, json5@^2.2.0, json5@^2.2.2, json5@^2.2.3, json5@^2.x:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==