@vygruppen/spor-react 12.4.2 → 12.4.3

package/package.json

@@ -1,9 +1,18 @@
 {
   "name": "@vygruppen/spor-react",
-  "version": "12.4.2",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./src/index.d.ts",
+  "version": "12.4.3",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.mjs",
+      "require": "./dist/icons/index.js"
+    }
+  },
   "license": "MIT",
   "sideEffects": false,
   "homepage": "https://github.com/nsbno/spor/tree/main/packages/spor-react",
@@ -37,8 +46,8 @@
     "react-swipeable": "^7.0.1",
     "usehooks-ts": "^3.1.0",
     "@vygruppen/spor-design-tokens": "4.0.6",
-    "@vygruppen/spor-icon-react": "4.1.0",
-    "@vygruppen/spor-loader": "0.6.0"
+    "@vygruppen/spor-loader": "0.6.0",
+    "@vygruppen/spor-icon-react": "4.1.0"
   },
   "devDependencies": {
     "@react-types/datepicker": "^3.10.0",

package/src/icons/index.tsx

@@ -0,0 +1 @@
+export * from "@vygruppen/spor-icon-react";

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

@@ -1,7 +1,7 @@
 import { defineSemanticTokens } from "@chakra-ui/react";
-import cargonetJson from "@vygruppen/spor-design-tokens/tokens/color/cargonet.json";
-import vyDigitalJson from "@vygruppen/spor-design-tokens/tokens/color/vy-digital.json";
-import VyUtviklingJson from "@vygruppen/spor-design-tokens/tokens/color/vy-utvikling.json";
+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" };
 
 export enum Brand {
   VyDigital = "VyDigital",

package/src/theme/tokens/colors.ts

@@ -1,7 +1,7 @@
 import { defineTokens } from "@chakra-ui/react";
-import aliasJson from "@vygruppen/spor-design-tokens/tokens/color/alias.json";
-import linjetagJson from "@vygruppen/spor-design-tokens/tokens/color/linjetag.json";
-import paletteJson from "@vygruppen/spor-design-tokens/tokens/color/palette.json";
+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" };
 
 export const colors = defineTokens.colors({
   ...aliasJson.color.alias,

package/tsup.config.ts

@@ -1,9 +1,18 @@
 import { defineConfig } from "tsup";
 
 export default defineConfig({
-  entry: ["src/index.tsx"],
+  entry: ["src/index.tsx", "src/icons/index.tsx"],
   format: ["cjs", "esm"],
   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";
+  },
 });