refactor(react): conform type declaration export syntax (#3156)

Author: oddvernes

.changeset/nasty-ligers-reflect.md

@@ -0,0 +1,8 @@
+---
+"@digdir/designsystemet-react": minor
+"@digdir/designsystemet-theme": minor
+---
+
+Changed alias for type declaration exports
+  - React: export alias  `./react-types.d.ts` was changed to `./react-types`
+  - Theme: added `types` field to default export in package.json, so now it should be posssible to use `"@digdir/designsystemet-theme"`

README.md

@@ -121,7 +121,7 @@ use all your colors in the components which have a `data-color` prop:
     // ...other compilerOptions
     "types": [
       // ...other types
-      "@digdir/designsystemet-theme/colors.d.ts"
+      "@digdir/designsystemet-theme"
       ]
   },
 }
@@ -160,7 +160,7 @@ add the following to your `tsconfig.json`:
     // ...other compilerOptions
     "types": [
       // ...other types
-      "@digdir/designsystemet-react/react-types.d.ts"
+      "@digdir/designsystemet-react/react-types"
       ]
   },
 }

packages/react/package.json

@@ -20,7 +20,7 @@
     "./colors": {
       "types": "./dist/types/colors.d.ts"
     },
-    "./react-types.d.ts": {
+    "./react-types": {
       "types": "./dist/react-types.d.ts"
     }
   },

packages/theme/package.json

@@ -10,7 +10,10 @@
   "homepage": "https://github.com/digdir/designsystemet/tree/main/packages/theme",
   "license": "MIT",
   "exports": {
-    ".": "./brand/digdir.css",
+    ".": {
+      "types": "./brand/colors.d.ts",
+      "default": "./brand/digdir.css"
+    } ,
     "./*": "./brand/*"
   },
   "files": [