release of v10.60 (#4361)

packages/dnb-design-system-portal/gatsby-node.js

@@ -3,6 +3,7 @@
  *
  */
 
+const fs = require('fs').promises
 const path = require('path')
 const { isCI } = require('repo-utils')
 const { init } = require('./scripts/version.js')
@@ -128,6 +129,13 @@ exports.onPostBuild = async (params) => {
         .join('\n')}\n\n`,
     )
   }
+
+  // Copy the fonts folder
+  const { program } = params.store.getState()
+  const publicDir = path.join(program.directory, 'public', 'fonts')
+  const rootPath = path.dirname(require.resolve('@dnb/eufemia'))
+  const src = path.resolve(rootPath, 'assets', 'fonts')
+  await copyDirectory(src, publicDir)
 }
 
 const deletedPages = []
@@ -312,3 +320,20 @@ exports.onCreateDevServer = (params) => {
     )
   }
 }
+
+async function copyDirectory(src, dest) {
+  await fs.mkdir(dest, { recursive: true })
+
+  const entries = await fs.readdir(src, { withFileTypes: true })
+
+  for await (const entry of entries) {
+    const srcPath = path.join(src, entry.name)
+    const destPath = path.join(dest, entry.name)
+
+    if (entry.isDirectory()) {
+      await copyDirectory(srcPath, destPath)
+    } else {
+      await fs.copyFile(srcPath, destPath)
+    }
+  }
+}

packages/dnb-design-system-portal/playwright.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from '@playwright/test'
+import { isCI } from 'repo-utils'
 
 export default defineConfig({
   timeout: 30000,
@@ -8,7 +9,7 @@ export default defineConfig({
 
   use: {
     // Base URL to use in actions like `await page.goto('/')`.
-    baseURL: 'http://localhost:8002',
+    baseURL: isCI ? 'http://localhost:8002' : 'http://localhost:8000',
 
     // Name of the browser that runs tests. For example `chromium`, `firefox`, `webkit`.
     browserName: 'firefox',

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

@@ -49,12 +49,12 @@
 
 ## November, 22. 2022
 
-- New default [Table](https://eufemia.dnb.no/uilib/components/table) styles.
-- Support `medium` and `small` [Table](https://eufemia.dnb.no/uilib/components/table) sizes.
+- New default [Table](/uilib/components/table) styles.
+- Support `medium` and `small` [Table](/uilib/components/table) sizes.
 
 ## November, 15. 2022
 
-- Add [typography paragraph](https://eufemia.dnb.no/uilib/typography/paragraph) styling for superscript `<sup>` and subscript `<sub>` HTML elements.
+- Add [typography paragraph](/uilib/typography/paragraph) styling for superscript `<sup>` and subscript `<sub>` HTML elements.
 
 ## October, 27. 2022
 
@@ -64,7 +64,7 @@
 
 ## October, 5. 2022
 
-- New **Definition List** layout direction: `direction="horizontal"` including `Dl.Item` [demo](https://eufemia.dnb.no/uilib/elements/lists/#definition-list-in-horizontal-direction).
+- New **Definition List** layout direction: `direction="horizontal"` including `Dl.Item` [demo](/uilib/elements/lists/#definition-list-in-horizontal-direction).
 - New components released:
   - [Badge](/uilib/components/badge)
   - [HeightAnimation](/uilib/components/height-animation)

packages/dnb-design-system-portal/src/docs/contribute/deploy.mdx

@@ -10,7 +10,7 @@ Publishing new versions to the NPM Package (`@dnb/eufemia`) is handled by a Depl
 
 ## Continuous Integration (CI)
 
-The Portal (`dnb-design-system-portal`), all the [icons](https://eufemia.dnb.no/icons/) and the NPM Package (`@dnb/eufemia`) are build, deployed and released by a Continuous Integration (CI) server.
+The Portal (`dnb-design-system-portal`), all the [icons](/icons/) and the NPM Package (`@dnb/eufemia`) are build, deployed and released by a Continuous Integration (CI) server.
 
 ### Release GitFlow
 

packages/dnb-design-system-portal/src/docs/contribute/getting-started/make-and-run-tests.mdx

@@ -77,7 +77,11 @@ yarn start
 yarn test:e2e /Slider\|Button/
 
 # You can also start it in watch mode
-yarn test:e2e:watch /Slider\|Button/
+yarn test:e2e:watch
+
+# Or run the tests for the portal
+yarn test:e2e:portal
+yarn test:e2e:portal:watch
 ```
 
 Playwright uses this naming convention: `/__tests__/{ComponentName}.screenshot.test.ts`

packages/dnb-design-system-portal/src/docs/contribute/style-guides/issues.mdx

@@ -13,7 +13,7 @@ bug report to the GitHub repository. Thanks for helping out.
 
 When reporting issues or suggesting new features, we would appreciate if you use [GitHub Issues](https://github.com/dnbexperience/eufemia/issues) or our [Jira Kanban board](https://jira.tech.dnb.no/projects/EDS/summary#). Another option is to send a Slack message in [#eufemia-web](https://dnb-it.slack.com/archives/CMXABCHEY).
 
-For reproduction of issues you can use our [codesandbox starter template](https://eufemia.dnb.no/issue/). Including this in your report helps us out a lot.
+For reproduction of issues you can use our [codesandbox starter template](/issue/). Including this in your report helps us out a lot.
 
 ## GitHub issues
 

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

@@ -50,7 +50,7 @@ We at UX have created the Eufemia design system to streamline both design and de
 
 Access to the code and documentation is absolutely essential to being able to build good relationships and balance between willingness to contribute, further development and communication.
 
-To ensure this transparency, the code on [GitHub](http://github.com/dnbexperience/eufemia) and the [Eufemia Portal](https://eufemia.dnb.no/) are made available without restrictions.
+To ensure this transparency, the code on [GitHub](http://github.com/dnbexperience/eufemia) and the [Eufemia Portal](/) are made available without restrictions.
 
 In summary – we experience that it;
 

packages/dnb-design-system-portal/src/docs/quickguide-designer.mdx

@@ -30,12 +30,12 @@ What you should read from brand guidelines before starting to design for DNB
 
 ### Getting started
 
-1. Open Figma
-2. Make sure you are a member of the DNB UX team. If not, then contact a lead designer (https://eufemia.dnb.no/design-system/contact)
+1. Open Figma.
+2. Make sure you are a member of the DNB UX team. If not, then contact a [lead designer](/design-system/contact).
 3. When you click on the 'You' dropdown, you should see DNB Bank ASA as a team to choose from.
-4. Choose DNB Bank ASA <InlineImg src={FigmaTeam} caption="Join the DNB UX team" alt="Join the DNB UX team" />
-5. Create a new file
-6. Add Eufemia library to your file by selecting the 'open book' icon on the top right of the Figma interface. <InlineImg src={FigmaLibrary} caption="Figma's library icon" alt="Library icon" />
-7. This opens a new dialogue window. Choose Eufemia by toggling the switch: <InlineImg src={FigmaLibraries} caption="Add the Eufemia library" alt="Add Eufemia team" />
-8. In preferences set your nudge amount to 8px - this will snap items to the 8px grid
-9. Add a layout grid and set it to 8px: <InlineImg src={FigmaLayoutGrid} caption="Add an 8px layout grid" alt="Add 8px layout grid" />
+4. Choose DNB Bank ASA <InlineImg src={FigmaTeam} caption="Join the DNB UX team" alt="Join the DNB UX team" />.
+5. Create a new file.
+6. Add Eufemia library to your file by selecting the 'open book' icon on the top right of the Figma interface. <InlineImg src={FigmaLibrary} caption="Figma's library icon" alt="Library icon" />.
+7. This opens a new dialogue window. Choose Eufemia by toggling the switch: <InlineImg src={FigmaLibraries} caption="Add the Eufemia library" alt="Add Eufemia team" />.
+8. In preferences set your nudge amount to 8px - this will snap items to the 8px grid.
+9. Add a layout grid and set it to 8px: <InlineImg src={FigmaLayoutGrid} caption="Add an 8px layout grid" alt="Add 8px layout grid" />.

packages/dnb-design-system-portal/src/docs/quickguide-designer/typography/typographic-rules.mdx

@@ -1,11 +1,12 @@
 <VisibilityByTheme hidden="sbanken">
+
 ## In General
 
 The default font for all web applications is the `DNB` font.
 
 ### Download DNB font family
 
-You can download the [DNB font files as a ZIP package](https://github.com/dnbexperience/eufemia/tree/main/packages/dnb-eufemia/assets/fonts/dnb/DNB.zip?raw=true) **Last update: November 8, 2020**.
+You can download the [DNB font files as a ZIP package](https://github.com/dnbexperience/eufemia/raw/refs/heads/main/packages/dnb-eufemia/assets/fonts/dnb/DNB.zip) **Last update: November 8, 2020**.
 
 If you get access to Figma **Eufemia Web** main file, then you don't need to install the DNB font. Figma will provide the font automatically for you inside Figma. If you use other designer tools, make sure it is installed on your system so you can use the design resources.
 
@@ -16,7 +17,9 @@ The Eufemia typographic scale is as follows:
 _16px, 18px, 20px, 26px, 34px, 48px_
 
 </VisibilityByTheme>
+
 <VisibilityByTheme visible="sbanken">
+
 ## In general
 
 Sbanken has two fonts in its profile; Roboto and Maison Neue. The latter is used mainly for headlines,

packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/dnb-ui-lib/v4.10-info.mdx

@@ -57,7 +57,7 @@ import { GlobalStatus } from 'dnb-ui-lib/components'
   item="Item from status #1"
 />
 
-// 3. and remove it again when ever you want
+// 3. and remove it again whenever you want
 <GlobalStatus.Remove status_id="custom-id-1" />
 ```
 

packages/dnb-design-system-portal/src/docs/uilib/components/global-status/Examples.tsx

@@ -14,7 +14,7 @@ import {
 } from '@dnb/eufemia/src'
 import { Provider } from '@dnb/eufemia/src/shared'
 
-export const GlobalStatusError = () => (
+export const GlobalInfoOverlayError = () => (
   <ComponentBox data-visual-test="global-status">
     <GlobalStatus
       title="Custom Title"
@@ -66,7 +66,7 @@ export const GlobalStatusWarning = () => (
   </ComponentBox>
 )
 
-export const GlobalStatusSuccess = () => (
+export const GlobalInfoOverlaySuccess = () => (
   <ComponentBox>
     <GlobalStatus
       state="success"

packages/dnb-design-system-portal/src/docs/uilib/components/global-status/demos.mdx

@@ -3,10 +3,10 @@ showTabs: true
 ---
 
 import {
-  GlobalStatusError,
+  GlobalInfoOverlayError,
   GlobalStatusInfo,
   GlobalStatusWarning,
-  GlobalStatusSuccess,
+  GlobalInfoOverlaySuccess,
   GlobalStatusUpdate,
   GlobalStatusCoupling,
   GlobalStatusAddRemoveItems,
@@ -19,7 +19,7 @@ import {
 
 **NB:** Keep in mind, the `items` are handled automatically by all form components! This is just an example of how to define the content manually.
 
-<GlobalStatusError />
+<GlobalInfoOverlayError />
 
 ### GlobalStatus displaying info status
 
@@ -31,7 +31,7 @@ import {
 
 ### GlobalStatus displaying success status
 
-<GlobalStatusSuccess />
+<GlobalInfoOverlaySuccess />
 
 ### To showcase the automated coupling between **FormStatus** and **GlobalStatus**