ui: I HATE STYLED-COMPONENTS WITH TYPESCRIPT

2026-04-19 14:53:45 +02:00 · 2021-07-22 11:15:27 -06:00
parent 23de3d68f3
commit 361596e051
40 changed files with 180 additions and 147 deletions
--- a/yarn.lock
+++ b/yarn.lock
@@ -2591,14 +2591,14 @@ __metadata:
  languageName: node
  linkType: hard

-"@types/styled-components@npm:^5.1.7":
-  version: 5.1.7
-  resolution: "@types/styled-components@npm:5.1.7"
+"@types/styled-components@npm:^5.1.11":
+  version: 5.1.11
+  resolution: "@types/styled-components@npm:5.1.11"
  dependencies:
    "@types/hoist-non-react-statics": "*"
    "@types/react": "*"
    csstype: ^3.0.2
-  checksum: e0ce3949cbca71581288aac9b948c9943708f7ef20bdc030c8665f88f9e829b37ae7312979d9c949200aff99a704eb22e28f06b8c7bb50d4dbe1d01894762c99
+  checksum: ada6d315dd3cc5069f6e64c3bc4ab8a8f38eb3b7daba1b52c018567a793ae728f20078aeecb8a6fe8fbea3ffd285aa99e6737d082de6ffc30997be89ef7f73cb
  languageName: node
  linkType: hard

@@ -3559,21 +3559,7 @@ __metadata:
  languageName: node
  linkType: hard

-"babel-plugin-styled-components@npm:>= 1":
-  version: 1.10.6
-  resolution: "babel-plugin-styled-components@npm:1.10.6"
-  dependencies:
-    "@babel/helper-annotate-as-pure": ^7.0.0
-    "@babel/helper-module-imports": ^7.0.0
-    babel-plugin-syntax-jsx: ^6.18.0
-    lodash: ^4.17.11
-  peerDependencies:
-    styled-components: ">= 2"
-  checksum: 77928f4ab02e94395e27c8b38837c1aa8035c0c19083fcd9787caf72f92e7389d1ccba31a1af228eeded378f58759456a3113469e51f6c0ab4f8134c86a88f60
-  languageName: node
-  linkType: hard
-
-"babel-plugin-styled-components@npm:^1.13.2":
+"babel-plugin-styled-components@npm:>= 1.12.0, babel-plugin-styled-components@npm:^1.13.2":
  version: 1.13.2
  resolution: "babel-plugin-styled-components@npm:1.13.2"
  dependencies:
@@ -4223,6 +4209,15 @@ __metadata:
  languageName: node
  linkType: hard

+"color-convert@npm:^1.9.3":
+  version: 1.9.3
+  resolution: "color-convert@npm:1.9.3"
+  dependencies:
+    color-name: 1.1.3
+  checksum: 5f244daa3d1fe1f216d48878c550465067d15268688308554e613b7640a068f96588096d51f0b98b68f15d6ff6bb8ad24e172582ac8c0ad43fa4d3da60fd1b79
+  languageName: node
+  linkType: hard
+
 "color-convert@npm:^2.0.1":
  version: 2.0.1
  resolution: "color-convert@npm:2.0.1"
@@ -4239,7 +4234,7 @@ __metadata:
  languageName: node
  linkType: hard

-"color-name@npm:^1.0.0":
+"color-name@npm:1.1.3, color-name@npm:^1.0.0":
  version: 1.1.3
  resolution: "color-name@npm:1.1.3"
  checksum: d8b91bb90aefc05b6ff568cf8889566dcc6269824df6f3c9b8ca842b18d7f4d089c07dc166808d33f22092d4a79167aa56a96a5ff0d21efab548bf44614db43b
@@ -4263,6 +4258,16 @@ __metadata:
  languageName: node
  linkType: hard

+"color-string@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "color-string@npm:1.6.0"
+  dependencies:
+    color-name: ^1.0.0
+    simple-swizzle: ^0.2.2
+  checksum: d48692037a6d38bd1deb91886a075d8af82e4e8269c5ab33eadf174d8aa5e82753a2f3edfe6749e24e48898ea2eb76df706b603c65a721e10ddc57c5d6a078cf
+  languageName: node
+  linkType: hard
+
 "color@npm:^3.1.3":
  version: 3.1.3
  resolution: "color@npm:3.1.3"
@@ -4273,6 +4278,16 @@ __metadata:
  languageName: node
  linkType: hard

+"color@npm:^3.2.0":
+  version: 3.2.1
+  resolution: "color@npm:3.2.1"
+  dependencies:
+    color-convert: ^1.9.3
+    color-string: ^1.6.0
+  checksum: 2cf9436cba4cf0cd2da88d82aa69cbad548a850ec24abc1a64930778aa4bc6ef2839b178d85fa2bc254b2a5b982e7db1040c05764f6161a1266880bb0dd14d4f
+  languageName: node
+  linkType: hard
+
 "colorette@npm:^1.2.1":
  version: 1.2.1
  resolution: "colorette@npm:1.2.1"
@@ -4979,6 +4994,13 @@ __metadata:
  languageName: node
  linkType: hard

+"didyoumean@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "didyoumean@npm:1.2.2"
+  checksum: 808a1e4855dbb3c099bb9479af665b0065e574afd39c379c19be8cc4a1a9b06a520b919a6f4f07dcea9d88b4e87d3c69736c509d0725b89437f60ae09e8c4498
+  languageName: node
+  linkType: hard
+
 "diffie-hellman@npm:^5.0.0":
  version: 5.0.3
  resolution: "diffie-hellman@npm:5.0.3"
@@ -5814,7 +5836,7 @@ __metadata:
  languageName: node
  linkType: hard

-"fast-glob@npm:^3.2.5":
+"fast-glob@npm:^3.2.5, fast-glob@npm:^3.2.7":
  version: 3.2.7
  resolution: "fast-glob@npm:3.2.7"
  dependencies:
@@ -9885,7 +9907,7 @@ fsevents@^1.2.7:
    "@types/react-router-dom": ^5.1.8
    "@types/react-select": ^4.0.17
    "@types/react-transition-group": ^4.4.2
-    "@types/styled-components": ^5.1.7
+    "@types/styled-components": ^5.1.11
    "@types/uuid": ^3.4.5
    "@types/webappsec-credential-management": ^0.6.1
    "@types/webpack-env": ^1.16.2
@@ -9941,11 +9963,11 @@ fsevents@^1.2.7:
    sockette: ^2.0.6
    source-map-loader: ^1.1.3
    style-loader: ^2.0.0
-    styled-components: ^5.2.1
+    styled-components: ^5.3.0
    styled-components-breakpoint: ^3.0.0-preview.20
    svg-url-loader: ^7.1.1
    swr: ^0.5.6
-    tailwindcss: ^2.2.4
+    tailwindcss: ^2.2.6
    terser-webpack-plugin: ^4.2.3
    twin.macro: ^2.6.2
    typescript: ^4.3.5
@@ -11861,16 +11883,16 @@ resolve@^2.0.0-next.3:
  languageName: node
  linkType: hard

-"styled-components@npm:^5.2.1":
-  version: 5.2.1
-  resolution: "styled-components@npm:5.2.1"
+"styled-components@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "styled-components@npm:5.3.0"
  dependencies:
    "@babel/helper-module-imports": ^7.0.0
    "@babel/traverse": ^7.4.5
    "@emotion/is-prop-valid": ^0.8.8
    "@emotion/stylis": ^0.8.4
    "@emotion/unitless": ^0.7.4
-    babel-plugin-styled-components: ">= 1"
+    babel-plugin-styled-components: ">= 1.12.0"
    css-to-react-native: ^3.0.0
    hoist-non-react-statics: ^3.0.0
    shallowequal: ^1.1.0
@@ -11879,7 +11901,7 @@ resolve@^2.0.0-next.3:
    react: ">= 16.8.0"
    react-dom: ">= 16.8.0"
    react-is: ">= 16.8.0"
-  checksum: c27911be08f2c6212d1f381d154cab5204c63b34d1b9ba56388b19654497a523ff466884fbf8914637c046ae8862387b0fc63f9ead67e1a8ab3a8af70b0d8089
+  checksum: 1f94f92b5dab0b0a965646079604c184e9ef31fd0546881408039a5b4d9a4ebe73b6bb62b05912f06b68392352f1fed4c2dd66a74888b2446226aa0105b681c9
  languageName: node
  linkType: hard

@@ -11961,7 +11983,7 @@ resolve@^2.0.0-next.3:
  languageName: node
  linkType: hard

-"tailwindcss@npm:^2.1.0, tailwindcss@npm:^2.2.4":
+"tailwindcss@npm:^2.1.0":
  version: 2.2.4
  resolution: "tailwindcss@npm:2.2.4"
  dependencies:
@@ -12006,6 +12028,51 @@ resolve@^2.0.0-next.3:
  languageName: node
  linkType: hard

+"tailwindcss@npm:^2.2.6":
+  version: 2.2.6
+  resolution: "tailwindcss@npm:2.2.6"
+  dependencies:
+    arg: ^5.0.0
+    bytes: ^3.0.0
+    chalk: ^4.1.1
+    chokidar: ^3.5.2
+    color: ^3.2.0
+    cosmiconfig: ^7.0.0
+    detective: ^5.2.0
+    didyoumean: ^1.2.2
+    dlv: ^1.1.3
+    fast-glob: ^3.2.7
+    fs-extra: ^10.0.0
+    glob-parent: ^6.0.0
+    html-tags: ^3.1.0
+    is-glob: ^4.0.1
+    lodash: ^4.17.21
+    lodash.topath: ^4.5.2
+    modern-normalize: ^1.1.0
+    node-emoji: ^1.8.1
+    normalize-path: ^3.0.0
+    object-hash: ^2.2.0
+    postcss-js: ^3.0.3
+    postcss-load-config: ^3.1.0
+    postcss-nested: 5.0.5
+    postcss-selector-parser: ^6.0.6
+    postcss-value-parser: ^4.1.0
+    pretty-hrtime: ^1.0.3
+    purgecss: ^4.0.3
+    quick-lru: ^5.1.1
+    reduce-css-calc: ^2.1.8
+    resolve: ^1.20.0
+    tmp: ^0.2.1
+  peerDependencies:
+    autoprefixer: ^10.0.2
+    postcss: ^8.0.9
+  bin:
+    tailwind: lib/cli.js
+    tailwindcss: lib/cli.js
+  checksum: 61bf4028f419e9c496e53521cd18bb727cb27c9bf932958a15c320041e5c4d5572e8adf44513bb9b11bd3015719784bc7ffca1995a9208dec6d4eb06a4c91961
+  languageName: node
+  linkType: hard
+
 "tapable@npm:^1.0, tapable@npm:^1.0.0, tapable@npm:^1.1.3":
  version: 1.1.3
  resolution: "tapable@npm:1.1.3"