@norges-domstoler/dds-components 0.0.0-dev-20240404072551 → 0.0.0-dev-20240405092136

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "0.0.0-dev-20240404072551",
+  "version": "0.0.0-dev-20240405092136",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -9,14 +9,20 @@
     "url": "https://github.com/domstolene/designsystem"
   },
   "sideEffects": [
-    "*.css"
+    "*.css",
+    "src/styles/index.ts"
   ],
   "files": [
     "dist"
   ],
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./index.css": "./dist/index.css"
+  },
   "homepage": "https://design.domstol.no",
   "keywords": [
     "dds",
@@ -37,17 +43,20 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^18.2.73",
     "@types/react-dom": "^18.2.23",
+    "autoprefixer": "^10.4.19",
     "csstype": "3.1.2",
     "jsdom": "^24.0.0",
+    "postcss": "^8.4.38",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "styled-components": "^6.1.8",
     "tsup": "^8.0.2",
+    "typed-css-modules": "^0.9.1",
     "typescript": "^5.4.3",
     "vite": "^5.2.7",
     "vitest": "^1.4.0",
-    "@norges-domstoler/storybook-components": "0.0.6",
-    "@norges-domstoler/dds-design-tokens": "4.0.2"
+    "@norges-domstoler/dds-design-tokens": "4.0.2",
+    "@norges-domstoler/storybook-components": "0.0.6"
   },
   "peerDependencies": {
     "@internationalized/date": "^3",
@@ -75,9 +84,9 @@
   "scripts": {
     "test": "vitest run",
     "test:watch": "vitest watch",
-    "build": "tsup --dts",
-    "build:fast": "tsup",
-    "dev": "pnpm build:fast -- --watch",
+    "generate-css-types": "tcm src --camelCase",
+    "build": "pnpm run generate-css-types && tsup --dts",
+    "dev": "pnpm run generate-css-types --watch",
     "typecheck": "tsc --noEmit"
   }
 }

package/dist/styles/fontStyles.css

@@ -1,107 +0,0 @@
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    local('IBM Plex Sans'),
-    local('IBMPlexSans'),
-    url('../assets/fonts/IBMPlexSans-Regular.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-Regular.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    local('IBM Plex Sans Italic'),
-    local('IBMPlexSans-Italic'),
-    url('../assets/fonts/IBMPlexSans-Italic.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-Italic.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
-  src:
-    local('IBM Plex Sans Light'),
-    local('IBMPlexSans-Light'),
-    url('../assets/fonts/IBMPlexSans-Light.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-Light.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: italic;
-  font-weight: 300;
-  font-display: swap;
-  src:
-    local('IBM Plex Sans Light Italic'),
-    local('IBMPlexSans-LightItalic'),
-    url('../assets/fonts/IBMPlexSans-LightItalic.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-LightItalic.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src:
-    local('IBM Plex Sans SemiBold'),
-    local('IBMPlexSans-SemiBold'),
-    url('../assets/fonts/IBMPlexSans-SemiBold.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-SemiBold.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Sans;
-  font-style: italic;
-  font-weight: 600;
-  font-display: swap;
-  src:
-    local('IBM Plex Sans SemiBold Italic'),
-    local('IBMPlexSans-SemiBoldItalic'),
-    url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Mono;
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src:
-    local('IBM Plex Mono'),
-    local('IBMPlexMono'),
-    url('../assets/fonts/IBMPlexMono-Regular.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexMono-Regular.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Mono;
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
-  src:
-    local('IBM Plex Mono Light'),
-    local('IBMPlexMono-Light'),
-    url('../assets/fonts/IBMPlexMono-Light.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexMono-Light.woff') format('woff');
-}
-
-@font-face {
-  font-family: IBM Plex Mono;
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src:
-    local('IBM Plex Mono SemiBold'),
-    local('IBMPlexMono-SemiBold'),
-    url('../assets/fonts/IBMPlexMono-SemiBold.woff2') format('woff2'),
-    url('../assets/fonts/IBMPlexMono-SemiBold.woff') format('woff');
-}

package/dist/styles/selection.css

@@ -1,6 +0,0 @@
-@import '@norges-domstoler/dds-design-tokens/dist/css/colors.css';
-
-*::selection {
-  background-color: var(--dds-color-tertiary-lightest);
-  color: var(--dds-color-neutrals-gray-9);
-}