@vygruppen/spor-react 13.4.3 → 13.4.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vygruppen/spor-react",
   "type": "module",
-  "version": "13.4.3",
+  "version": "13.4.4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -47,7 +47,7 @@
     "react-swipeable": "^7.0.1",
     "usehooks-ts": "^3.1.0",
     "@vygruppen/spor-design-tokens": "5.0.5",
-    "@vygruppen/spor-icon-react": "5.0.0",
+    "@vygruppen/spor-icon-react": "5.0.1",
     "@vygruppen/spor-loader": "0.7.0"
   },
   "devDependencies": {

package/src/alert/AlertIcon.tsx

@@ -46,42 +46,33 @@ export const BaseAlertIcon = ({
 }: {
   variant: AlertProps["variant"];
 }) => {
-  const css = {
-    "& path:first-of-type": {
-      fill: `icon.${variant}`,
-    },
-    "& path:not(:first-of-type)": {
-      fill: `surface.${variant}`,
-    },
-  };
-
   switch (variant) {
     case "info": {
-      return <InformationFill24Icon css={css} />;
+      return <InformationFill24Icon />;
     }
     case "success": {
-      return <SuccessFill24Icon css={css} />;
+      return <SuccessFill24Icon />;
     }
     case "important": {
       return <WarningFill24Icon />;
     }
     case "alt": {
-      return <AltTransportFill24Icon css={css} />;
+      return <AltTransportFill24Icon />;
     }
     case "error": {
-      return <ErrorFill24Icon css={css} />;
+      return <ErrorFill24Icon />;
     }
     case "error-secondary": {
-      return <ErrorOutline24Icon css={css} />;
+      return <ErrorOutline24Icon />;
     }
     case "neutral": {
-      return <QuestionFill24Icon css={css} />;
+      return <QuestionFill24Icon />;
     }
     case "service": {
       return <ServiceFill24Icon />;
     }
     default: {
-      return <InformationFill24Icon css={css} />;
+      return <InformationFill24Icon />;
     }
   }
 };

package/src/error-summary/index.tsx

@@ -37,17 +37,7 @@ export const ErrorSummary = ({
     >
       {heading && (
         <Flex css={styles.heading}>
-          <ErrorFill24Icon
-            css={{
-              flexShrink: 0,
-              "& path:first-of-type": {
-                fill: `icon.critical`,
-              },
-              "& path:not(:first-of-type)": {
-                fill: `surface.critical`,
-              },
-            }}
-          />
+          <ErrorFill24Icon />
           <Heading as={headingLevel} variant="md" autoId ref={headingRef}>
             {heading}
           </Heading>