@vygruppen/spor-react 12.4.3 → 12.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "12.4.3",
+  "version": "12.4.4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -45,9 +45,9 @@
     "react-stately": "^3.31.1",
     "react-swipeable": "^7.0.1",
     "usehooks-ts": "^3.1.0",
-    "@vygruppen/spor-design-tokens": "4.0.6",
-    "@vygruppen/spor-loader": "0.6.0",
-    "@vygruppen/spor-icon-react": "4.1.0"
+    "@vygruppen/spor-design-tokens": "4.0.7",
+    "@vygruppen/spor-icon-react": "4.1.0",
+    "@vygruppen/spor-loader": "0.6.0"
   },
   "devDependencies": {
     "@react-types/datepicker": "^3.10.0",

package/src/nudge/Nudge.tsx

@@ -1,11 +1,12 @@
 "use client";
-import { PopoverCloseTrigger, usePopoverContext } from "@ark-ui/react";
 import {
   Box,
   BoxProps,
   chakra,
   Popover as ChakraPopover,
+  PopoverCloseTrigger,
   PopoverRootProps,
+  usePopoverContext,
 } from "@chakra-ui/react";
 import { ArrowRightFill18Icon } from "@vygruppen/spor-icon-react";
 import React, {

package/src/theme/semantic-tokens/colors.ts

@@ -1,7 +1,5 @@
 import { defineSemanticTokens } from "@chakra-ui/react";
-import cargonetJson from "@vygruppen/spor-design-tokens/tokens/color/cargonet.json" assert { type: "json" };
-import vyDigitalJson from "@vygruppen/spor-design-tokens/tokens/color/vy-digital.json" assert { type: "json" };
-import VyUtviklingJson from "@vygruppen/spor-design-tokens/tokens/color/vy-utvikling.json" assert { type: "json" };
+import tokens from "@vygruppen/spor-design-tokens/raw-tokens";
 
 export enum Brand {
   VyDigital = "VyDigital",
@@ -10,13 +8,13 @@ export enum Brand {
 }
 
 export const vyDigitalColors = defineSemanticTokens.colors({
-  ...vyDigitalJson.color.vyDigital,
+  ...tokens.color["vy-digital"].color.vyDigital,
 });
 
 export const vyUtviklingColors = defineSemanticTokens.colors({
-  ...VyUtviklingJson.color.vyUtvikling,
+  ...tokens.color["vy-utvikling"].color.vyUtvikling,
 });
 
 export const cargonetColors = defineSemanticTokens.colors({
-  ...cargonetJson.color.cargonet,
+  ...tokens.color.cargonet.color.cargonet,
 });

package/src/theme/tokens/colors.ts

@@ -1,10 +1,8 @@
 import { defineTokens } from "@chakra-ui/react";
-import aliasJson from "@vygruppen/spor-design-tokens/tokens/color/alias.json" assert { type: "json" };
-import linjetagJson from "@vygruppen/spor-design-tokens/tokens/color/linjetag.json" assert { type: "json" };
-import paletteJson from "@vygruppen/spor-design-tokens/tokens/color/palette.json" assert { type: "json" };
+import tokens from "@vygruppen/spor-design-tokens/raw-tokens";
 
 export const colors = defineTokens.colors({
-  ...aliasJson.color.alias,
-  ...paletteJson.color.palette,
-  linjetag: linjetagJson.color.linjetag,
+  ...tokens.color.alias.color.alias,
+  ...tokens.color.palette.color.palette,
+  linjetag: tokens.color.linjetag.color.linjetag,
 });

package/src/toast/toast.tsx

@@ -39,7 +39,7 @@ export const createToast = ({
   toaster.create({
     description: text,
     type: variant,
-    id,
+    id: id ?? crypto.randomUUID(),
     duration,
   });
 

package/tsup.config.ts

@@ -6,13 +6,4 @@ export default defineConfig({
   dts: true,
   treeshake: true,
   sourcemap: true,
-  esbuildOptions(options) {
-    // Ensure JSON files are treated as JSON modules
-    options.loader = {
-      ...options.loader,
-      ".json": "json",
-    };
-    options.target = "esnext";
-    options.platform = "node";
-  },
 });