feat(eds-core-react, eds-utils): Create base typography component and opinionated heading and paragraph

fixes #4125

Author: torleifhalseth

.eslintignore

@@ -1,7 +1,16 @@
 node_modules
 dist
+**/dist
 packages/eds-tokens/build
 packages/eds-tokens/build-generate-variables
 packages/eds-color-palette-generator
 storybook-build
 **/next-env.d.ts
+.eslintcache
+node_modules/.cache
+**/build
+**/coverage
+**/.next
+**/playwright-report
+**/test-results
+**/.turbo

.eslintrc.js

@@ -162,5 +162,16 @@ module.exports = {
         'import/no-default-export': ['off'],
       },
     },
+    // Config files that require default exports (Playwright, Vite, etc.)
+    {
+      files: [
+        '**/playwright.config.ts',
+        '**/vite.config.ts',
+        '**/vitest.config.ts',
+      ],
+      rules: {
+        'import/no-default-export': ['off'],
+      },
+    },
   ],
 }

.vscode/settings.json

@@ -49,6 +49,7 @@
     "docu",
     "Kody",
     "lightningcss",
+    "lineheight",
     "OKLCH",
     "Overridable",
     "Topbar",

package.json

@@ -1,8 +1,9 @@
 {
   "name": "eds",
   "scripts": {
-    "lint": "eslint",
+    "lint": "eslint --cache --cache-location node_modules/.cache/.eslintcache",
     "lint:all": "pnpm run lint .",
+    "lint:all:fast": "pnpm run lint:docs && pnpm run lint:core-react && pnpm run lint:data-grid-react && pnpm run lint:lab && pnpm run lint:utils",
     "lint:docs": "pnpm run lint ./apps/design-system-docs",
     "lint:core-react": "pnpm run lint ./packages/eds-core-react",
     "lint:data-grid-react": "pnpm run lint ./packages/eds-data-grid-react",

packages/eds-core-react/.gitignore

@@ -0,0 +1,5 @@
+# Playwright test artifacts
+/test-results/
+/playwright-report/
+/playwright/.cache/
+.last-run.json

packages/eds-core-react/.storybook/main.mjs

@@ -59,12 +59,16 @@ const config = {
       resolve: {
         ...config.resolve,
         dedupe: ['styled-components'],
+        alias: {
+          ...config.resolve?.alias,
+          '@equinor/eds-core-react/style.css': '/dist/style.css',
+          '@equinor/eds-core-react/style': '/dist/style.css',
+        },
       },
       optimizeDeps: {
         ...config.optimizeDeps,
         include: [
           ...(config.optimizeDeps?.include ?? []),
-          '@equinor/eds-utils',
           '@storybook/addon-docs/mdx-react-shim',
           '@storybook/addon-docs/blocks',
         ],

packages/eds-core-react/.storybook/preview.css

@@ -0,0 +1,2 @@
+@import '@equinor/eds-tokens/css/variables';
+@import '../src/components/Typography/typography.css';

packages/eds-core-react/.storybook/preview.mjs

@@ -1,3 +1,5 @@
+import './preview.css'
+
 const preview = {
   viewMode: 'docs',
 

packages/eds-core-react/jest.config.cjs

@@ -15,4 +15,5 @@ module.exports = {
   moduleFileExtensions: ['ts', 'tsx', 'js'],
   testEnvironment: 'jest-environment-jsdom',
   transformIgnorePatterns: ['node_modules/(?!.pnpm|ramda)'],
+  testPathIgnorePatterns: ['/tests/visual/', '/dist/'],
 }

packages/eds-core-react/package.json

@@ -25,11 +25,24 @@
   "files": [
     "dist/*"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/eds-core-react.cjs"
+    },
+    "./style": "./dist/style.css",
+    "./style.css": "./dist/style.css"
+  },
   "scripts": {
     "build": "rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json",
     "test": "tsc -p tsconfig.test.json && jest",
     "test:watch": "tsc-watch -p tsconfig.test.json --onFirstSuccess  \"jest --watch\"",
     "test:update-snapshots": "jest --updateSnapshot",
+    "test:visual": "playwright test",
+    "test:visual:ui": "playwright test --ui",
+    "test:visual:update": "playwright test --update-snapshots",
+    "test:visual:report": "playwright show-report",
     "storybook": "storybook dev -p 9000 --ci",
     "build:storybook": "storybook build -o storybook-build",
     "types": "tsc -p tsconfig.build.json"
@@ -41,6 +54,7 @@
     "react"
   ],
   "devDependencies": {
+    "@playwright/test": "^1.55.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
@@ -53,6 +67,8 @@
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.5.2",
     "@types/jest": "^29.5.14",
+    "@types/mdx": "^2.0.13",
+    "@types/node": "^24.9.1",
     "@types/ramda": "^0.30.2",
     "@types/react": "^19.1.12",
     "@types/react-dom": "^19.1.9",
@@ -63,6 +79,7 @@
     "jest-styled-components": "^7.2.0",
     "js-file-download": "^0.4.12",
     "postcss": "^8.5.6",
+    "postcss-import": "^16.1.1",
     "ramda": "^0.31.3",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",