release of v10.98.0 (#6614)

Author: langz

.github/workflows/preview.yml

@@ -0,0 +1,123 @@
+name: Deploy Preview
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+    branches:
+      - '**'
+      - '!**--skip-ci'
+      - '!**--visual-reports'
+      - '!wip/**'
+      - '!experiments/**'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+env:
+  NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+  CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+  CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+
+jobs:
+  deploy-preview:
+    name: Build and deploy (branch preview)
+    runs-on: ubuntu-latest
+    timeout-minutes: 20
+
+    permissions:
+      contents: read
+      pull-requests: write
+
+    steps:
+      - name: Git checkout
+        uses: actions/checkout@v5
+        with:
+          persist-credentials: false
+
+      - name: Use Node.js
+        uses: actions/setup-node@v5
+        with:
+          node-version-file: 'package.json'
+          cache: yarn
+
+      - name: Install dependencies
+        run: yarn install --immutable
+
+      - name: Build
+        run: yarn workspace dnb-design-system-portal build:mini
+
+      - name: Deploy to Cloudflare Pages (branch preview)
+        id: pages_deploy
+        run: |
+          set -euo pipefail
+
+          OUTPUT="$(yarn workspace dnb-design-system-portal wrangler pages deploy ./public \
+            --project-name eufemia \
+            --branch "${{ github.head_ref || github.ref_name }}" \
+            --commit-dirty=true)"
+
+          echo "$OUTPUT"
+
+          ALIAS_URL="$(echo "$OUTPUT" | sed -nE 's/.*Deployment alias URL:\s*(https:\/\/[^ ]+).*/\1/p')"
+          DEPLOYMENT_URL="$(echo "$OUTPUT" | sed -nE 's/.*Take a peek over at\s*(https:\/\/[^ ]+).*/\1/p')"
+
+          echo "alias_url=$ALIAS_URL" >> "$GITHUB_OUTPUT"
+          echo "deployment_url=$DEPLOYMENT_URL" >> "$GITHUB_OUTPUT"
+        env:
+          CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+
+      - name: Post or update preview comment
+        if: success() && github.event.pull_request
+        uses: actions/github-script@v7
+        env:
+          ALIAS_URL: ${{ steps.pages_deploy.outputs.alias_url }}
+          DEPLOYMENT_URL: ${{ steps.pages_deploy.outputs.deployment_url }}
+        with:
+          script: |
+            const aliasUrl = process.env.ALIAS_URL;
+            const deploymentUrl = process.env.DEPLOYMENT_URL;
+            const marker = "<!-- pages-preview-comment -->";
+
+            const body = [
+              marker,
+              "**Branch Preview URL (stable):**",
+              aliasUrl,
+              "",
+              "```",
+              aliasUrl,
+              "```",
+              "",
+              "**Deployment URL (unique):**",
+              deploymentUrl,
+              "",
+              "```",
+              deploymentUrl,
+              "```",
+              ""
+            ].join("\n");
+
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+            });
+
+            const existing = comments.find(c => c.body?.includes(marker));
+
+            if (existing) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: existing.id,
+                body,
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: context.issue.number,
+                body,
+              });
+            }

.vscode/mcp.json

@@ -1,13 +1,15 @@
 {
   "servers": {
-    "eufemia": {
-      "command": "bash",
-      "args": [
-        "${workspaceFolder}/packages/dnb-eufemia/src/mcp/run-mcp-server.sh"
-      ],
-      "env": {
-        "EUFEMIA_DOCS_ROOT": "${workspaceFolder}/packages/dnb-eufemia/build/docs"
-      }
-    }
+    // Commented out to avoid MCP server being activated by default
+    // This is only useful for development purposes
+    // "eufemia": {
+    //   "command": "bash",
+    //   "args": [
+    //     "${workspaceFolder}/packages/dnb-eufemia/src/mcp/run-mcp-server.sh"
+    //   ],
+    //   "env": {
+    //     "EUFEMIA_DOCS_ROOT": "${workspaceFolder}/packages/dnb-eufemia/build/docs"
+    //   }
+    // }
   }
 }

package.json

@@ -42,7 +42,7 @@
     "gatsby/browserslist": "4.21.4"
   },
   "engines": {
-    "node": ">=18.x",
+    "node": ">=24.x",
     "yarn": ">=4.0.0"
   },
   "volta": {

packages/dnb-design-system-portal/package.json

@@ -110,7 +110,8 @@
     "stylelint-config-recommended": "12.0.0",
     "stylelint-config-standard-scss": "9.0.0",
     "typescript": "5.9.3",
-    "unist-util-visit": "^2"
+    "unist-util-visit": "^2",
+    "wrangler": "4.66.0"
   },
   "buildVersion": "[LOCAL BUILD]",
   "changelogVersion": "[LOCAL BUILD]",

packages/dnb-design-system-portal/src/core/ChangeLocale.tsx

@@ -7,6 +7,7 @@ export const languageDisplayNames = {
   'nb-NO': { label: 'Norsk' },
   'sv-SE': { label: 'Svenska' },
   'da-DK': { label: 'Dansk' },
+  'en-NO': { label: 'English (NO)' },
   'en-GB': { label: 'English (GB)' },
   'en-US': { label: 'English (US)' },
 }

packages/dnb-design-system-portal/src/core/PortalProviders.tsx

@@ -39,11 +39,17 @@ export const translations = mergeTranslations(
   translationsWithoutEnUS,
   enUS
 )
-export const supportedTranslationsKey = [
-  ...Object.keys(coreTranslations),
-  ...Object.keys(translations),
+const allSupportedTranslationsKey: InternalLocale[] = [
+  ...(Object.keys(coreTranslations) as InternalLocale[]),
+  ...(Object.keys(translations) as InternalLocale[]),
+  'en-NO',
 ]
 
+export const supportedTranslationsKey: InternalLocale[] =
+  allSupportedTranslationsKey.filter((locale, index, list) => {
+    return list.indexOf(locale) === index
+  })
+
 // This ensures we processes also the css prop during build
 // More into in the docs: https://emotion.sh/docs/ssr#gatsby
 const createCacheInstance = () =>

packages/dnb-design-system-portal/src/docs/EUFEMIA_CHANGELOG.mdx

@@ -312,7 +312,7 @@ New [Icons](/icons/secondary):
   - `.dnb-h1--small` is now `.dnb-h--x-large`
   - `.dnb-h2` is now `.dnb-h--large`
   - `.dnb-h3` is now `.dnb-h--medium` / `.dnb-lead`
-  - For `.dnb-h4`, `.dnb-h5` and `.dnb-h6` se [v7 release notes](/uilib/about-the-lib/releases/dnb-ui-lib/v7-info#heading-changes)
+  - For `.dnb-h4`, `.dnb-h5` and `.dnb-h6` see [v7 release notes](/uilib/about-the-lib/releases/dnb-ui-lib/v7-info#heading-changes)
 
 Check out the [detailed migration guide](/uilib/about-the-lib/releases/dnb-ui-lib/v7-info#migration)
 

packages/dnb-design-system-portal/src/docs/contribute/first-contribution/before-started.mdx

@@ -185,7 +185,7 @@ Eufemia has a couple of common parts, so every component behaves consistently:
 - Automatic id generation and linking of HTML elements to enhance accessibility.
 - Handling of `aria-describedby` with `combineDescribedBy` etc.
 
-How to add support for every one of these are explained in [Additional support - Getting started](/contribute/getting-started#additional-support).
+How to add support for each of these is explained in [Additional support - Getting started](/contribute/getting-started#additional-support).
 
 ### Component folder
 

packages/dnb-design-system-portal/src/docs/uilib/components/anchor/events.mdx

@@ -123,6 +123,7 @@ export const AutocompleteDynamicallyUpdatedData = () => (
           showIndicator,
           hideIndicator,
           updateData,
+          showNoOptionsItem,
           debounce,
           /* ... */
         }) => {
@@ -133,11 +134,36 @@ export const AutocompleteDynamicallyUpdatedData = () => (
             ({ value }) => {
               console.log('debounced value:', value)
 
+              const normalizedValue = value.trim().toLowerCase()
+
+              const filteredData = topMovies.filter(({ content }) => {
+                if (typeof content === 'string') {
+                  return content.toLowerCase().includes(normalizedValue)
+                }
+
+                if (Array.isArray(content)) {
+                  return content
+                    .filter((part) => typeof part === 'string')
+                    .join(' ')
+                    .toLowerCase()
+                    .includes(normalizedValue)
+                }
+
+                return false
+              })
+
+              const newData =
+                normalizedValue.length > 0 ? filteredData : topMovies
+
               // simulate server delay
               const timeout = setTimeout(() => {
                 // update the drawerList
-                updateData(topMovies)
+                updateData(newData)
                 hideIndicator()
+
+                if (newData.length === 0) {
+                  showNoOptionsItem()
+                }
               }, 600)
 
               // cancel invocation method