⬆️ Styled-components@6.1.11 (#3431)

* ⬆️ Styled-components@6.1.11 * progress: fix types
equinor · May 13, 2024 · 37c6dec · 37c6dec
1 parent 83a78c7
commit 37c6dec
Show file tree

Hide file tree

Showing 7 changed files with 77 additions and 70 deletions.
diff --git a/packages/eds-core-react/package.json b/packages/eds-core-react/package.json
@@ -77,7 +77,7 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^8.0.2",
-    "styled-components": "6.1.8",
+    "styled-components": "6.1.11",
     "tsc-watch": "^6.0.4",
     "typescript": "^5.2.2"
   },

diff --git a/packages/eds-core-react/src/components/Progress/Circular/CircularProgress.tsx b/packages/eds-core-react/src/components/Progress/Circular/CircularProgress.tsx
@@ -1,8 +1,14 @@
-import { forwardRef, SVGProps, Ref, useEffect, useState } from 'react'
+import {
+  forwardRef,
+  SVGProps,
+  Ref,
+  useEffect,
+  useState,
+  CSSProperties,
+} from 'react'
 import styled, { css, keyframes } from 'styled-components'
 import * as tokens from './CircularProgress.tokens'
 import type { CircularProgressToken } from './CircularProgress.tokens'
-import type { CSSObject } from 'styled-components'
 
 const indeterminate = keyframes`
     100% {
@@ -81,7 +87,7 @@ const CircularProgress = forwardRef<SVGSVGElement, CircularProgressProps>(
   ) {
     const thickness = 4
     const progress = Math.round(value)
-    const trackStyle: CSSObject = {}
+    const trackStyle: CSSProperties = {}
     const props = {
       ...rest,
       ref,

diff --git a/packages/eds-core-react/src/components/Progress/Linear/LinearProgress.tsx b/packages/eds-core-react/src/components/Progress/Linear/LinearProgress.tsx
@@ -1,6 +1,11 @@
-import { forwardRef, HTMLAttributes, useEffect, useState } from 'react'
+import {
+  forwardRef,
+  HTMLAttributes,
+  useEffect,
+  useState,
+  CSSProperties,
+} from 'react'
 import styled, { keyframes } from 'styled-components'
-import type { CSSObject } from 'styled-components'
 import * as tokens from './LinearProgress.tokens'
 
 const indeterminate = keyframes`
@@ -99,7 +104,7 @@ const LinearProgress = forwardRef<HTMLDivElement, LinearProgressProps>(
       }
     }
 
-    const transformStyle: CSSObject = {
+    const transformStyle: CSSProperties = {
       transform: barStyle,
     }
 

diff --git a/packages/eds-data-grid-react/package.json b/packages/eds-data-grid-react/package.json
@@ -72,7 +72,7 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "^8.0.2",
-    "styled-components": "6.1.8",
+    "styled-components": "6.1.11",
     "ts-jest": "29.1.1",
     "ts-node": "10.9.1",
     "tsc-watch": "^6.0.4",

diff --git a/packages/eds-lab-react/package.json b/packages/eds-lab-react/package.json
@@ -77,7 +77,7 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-postcss": "^4.0.2",
     "storybook": "8.0.2",
-    "styled-components": "6.1.8",
+    "styled-components": "6.1.11",
     "tsc-watch": "^6.0.4",
     "typescript": "^5.2.2"
   },

diff --git a/packages/eds-utils/package.json b/packages/eds-utils/package.json
@@ -70,7 +70,7 @@
     "react-is": "^18.2.0",
     "rollup": "^4.2.0",
     "rollup-plugin-delete": "^2.0.0",
-    "styled-components": "6.1.8",
+    "styled-components": "6.1.11",
     "tsc-watch": "^6.0.4",
     "typescript": "^5.2.2"
   },