@vygruppen/spor-react 12.1.1 → 12.2.0

package/src/theme/utils/outline-utils.ts

@@ -3,17 +3,20 @@ import { State, Subset } from "./types";
 type OutlineBorderState = Subset<State, "default" | "error" | "focus">;
 export function outlineBorder(state: OutlineBorderState) {
   switch (state) {
-    case "error":
+    case "error": {
       return {
         outlineColor: "outline.error",
       };
-    case "focus":
+    }
+    case "focus": {
       return {
         outlineColor: "outline.focus",
       };
-    default:
+    }
+    default: {
       return {
         outlineColor: "outline",
       };
+    }
   }
 }

package/src/theme/utils/surface-utils.ts

@@ -1,21 +1,25 @@
 type Surface = "default" | "secondary" | "tertiary" | "disabled";
 export const surface = (surface: Surface) => {
   switch (surface) {
-    case "default":
+    case "default": {
       return {
         backgroundColor: "surface",
       };
-    case "secondary":
+    }
+    case "secondary": {
       return {
         backgroundColor: "surface.secondary",
       };
-    case "tertiary":
+    }
+    case "tertiary": {
       return {
         backgroundColor: "surface.tertiary",
       };
-    case "disabled":
+    }
+    case "disabled": {
       return {
         backgroundColor: "surface.disabled",
       };
+    }
   }
 };

package/src/toast/toast.tsx

@@ -13,7 +13,6 @@ import {
   InformationFill18Icon,
   SuccessFill18Icon,
 } from "@vygruppen/spor-icon-react";
-import React from "react";
 
 import { createTexts, useTranslation } from "@/i18n";
 

package/src/typography/Badge.tsx

@@ -5,17 +5,20 @@ import {
   Box,
 } from "@chakra-ui/react";
 import { IconComponent } from "@vygruppen/spor-icon-react";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 
 export type BadgeProps = ChakraBadgeProps & {
   icon?: IconComponent;
 };
 
-export const Badge = forwardRef<HTMLSpanElement, BadgeProps>(
-  ({ icon, children, ...props }, ref) => (
+export const Badge = forwardRef<HTMLSpanElement, BadgeProps>(function Badge(
+  { icon, children, ...props },
+  ref,
+) {
+  return (
     <ChakraBadge ref={ref} {...props}>
       {children}
       {icon && <Box as={icon} />}
     </ChakraBadge>
-  ),
-);
+  );
+});

package/src/typography/Heading.tsx

@@ -4,7 +4,7 @@ import {
   HeadingProps as ChakraHeadingProps,
   Text,
 } from "@chakra-ui/react";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 
 import { slugify } from "..";
 

package/src/typography/Text.tsx

@@ -3,7 +3,7 @@ import {
   Text as ChakraText,
   TextProps as ChakraTextProps,
 } from "@chakra-ui/react";
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 
 export type TextProps = Omit<ChakraTextProps, "textStyle"> & {
   /** The size and style of the text.

package/src/util/slugify.tsx

@@ -20,17 +20,17 @@ export function slugify(text: string | string[], maxLength = 50): string {
   return (
     text
       .normalize("NFD") // Normalize to NFD Unicode form
-      .replace(/[\u0300-\u036f]/g, "") // Remove diacritics
-      .replace(/[\u00C6\u00E6]/g, "ae") // Replace Æ, æ
-      .replace(/[\u00D8\u00F8]/g, "oe") // Replace Ø, ø
-      .replace(/[\u00C5\u00E5]/g, "aa") // Replace Å, å
+      .replaceAll(/[\u0300-\u036F]/g, "") // Remove diacritics
+      .replaceAll(/[\u00C6\u00E6]/g, "ae") // Replace Æ, æ
+      .replaceAll(/[\u00D8\u00F8]/g, "oe") // Replace Ø, ø
+      .replaceAll(/[\u00C5\u00E5]/g, "aa") // Replace Å, å
       // Extend the replacement rules as needed
       .toLowerCase()
-      .replace(/\s+/g, "-") // Replace spaces with -
-      .replace(/[^\w-]+/g, "") // Remove all non-word chars
-      .replace(/--+/g, "-") // Replace multiple - with single -
+      .replaceAll(/\s+/g, "-") // Replace spaces with -
+      .replaceAll(/[^\w-]+/g, "") // Remove all non-word chars
+      .replaceAll(/--+/g, "-") // Replace multiple - with single -
       .replace(/^-+/, "") // Trim - from start of text
       .replace(/-+$/, "")
-      .substring(0, maxLength)
+      .slice(0, Math.max(0, maxLength))
   );
 }

package/tsconfig.json

@@ -3,6 +3,7 @@
   "include": ["."],
   "exclude": ["dist", "build", "node_modules"],
   "compilerOptions": {
+    "lib": ["dom", "es2021"],
     "rootDir": ".",
     "paths": {
       "@/*": ["./src/*"]