feat: move dnb-ui-fonts package inside /style/themes/theme-ui/

BREAKING CHANGE:

- CSS Packages such as `dnb-ui-basis` and `dnb-ui-core` do not contain the fonts anymore. Fonts are now only a part of a theme file, such as: `/style/themes/theme-ui/dnb-theme-ui.*`.
- The CSS package `dnb-ui-fonts` is moved inside a theme folder `/themes/theme-ui`

packages/dnb-design-system-portal/src/docs/uilib/about-the-lib/releases/eufemia/v10-info.mdx

@@ -60,7 +60,18 @@ $layout-large: map-get($breakpoints, 'large');
 
 ### Font
 
-The DNB font is moved inside a subfolder in `/assets/fonts/dnb/...`. As long as you don't import them manually, you don't need to make any changes in your codebase.
+The DNB font is moved inside a subfolder in `/assets/fonts/dnb/...`.
+
+The CSS package `dnb-ui-fonts` is moved inside a theme folder `/themes/theme-ui`.
+
+CSS Packages such as:
+
+- `dnb-ui-basis`
+- `dnb-ui-core`
+
+do not contain the fonts anymore. Fonts are now only a part of a theme file, such as: `/style/themes/theme-ui/dnb-theme-ui.*`.
+
+As long as you don't import them manually, you don't need to make any changes in your codebase.
 
 ### StepIndicator
 

packages/dnb-design-system-portal/src/docs/uilib/typography.mdx

@@ -29,7 +29,7 @@ You don't need to define the `font-family` ever, but rather use CSS Custom Prope
 
 ## Font Face
 
-The DNB default Font Family is `DNB`. This font, together with it's weights is loaded and imported with `@font-face` in `/css/core/fonts.scss`. The font family is included in the library package.
+The DNB default Font Family is `DNB`. This font, together with it's weights is loaded and imported with `@font-face` in `/css/core/themes/theme-ui/fonts.scss`. The font family is included in the library package.
 
 ## Spacing and margin collapsing
 

packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/styling.mdx

@@ -36,7 +36,7 @@ There are several packages you can use and combine.
   - Use it carefully - because this will effect existing styles as well.
 - **dnb-ui-properties** - includes only the CSS Custom Properties.
   - There is also a [JavaScript file containing](/uilib/usage/customisation/styling#a-list-of-all-css-properties) the same properties.
-- **dnb-ui-fonts** - includes only the `@font-face` and properties.
+- **dnb-ui-fonts** - includes only the `@font-face` and properties. You find this package is inside `/style/themes/theme-ui/`.
 
 All the CSS packages are ready to use, **minified CSS files**. You will find the main style here: `@dnb/eufemia/style/dnb-ui-core.min.css`
 

packages/dnb-eufemia/scripts/prebuild/tasks/__tests__/makeMainStyle.test.ts

@@ -35,9 +35,7 @@ if (isCI) {
     })
 
     it('has to have correct core path to fonts', () => {
-      expect(global.core[0]).toMatch(
-        new RegExp('("|\\()../assets/fonts/dnb/')
-      )
+      expect(global.core[0]).not.toContain('/fonts/dnb/')
     })
   })
 
@@ -125,6 +123,12 @@ if (isCI) {
       expect(global.theme[0]).not.toMatch(new RegExp('color:\\s?#007272;'))
       expect(global.theme[0]).not.toContain('fuchsia')
     })
+
+    it('has to have correct core path to fonts', () => {
+      expect(global.theme[0]).toMatch(
+        new RegExp('("|\\()../../../assets/fonts/dnb/')
+      )
+    })
   })
 } else {
   it('skipping local tests', () => {

packages/dnb-eufemia/scripts/prebuild/tasks/makeMainStyle.js

@@ -38,7 +38,7 @@ export default async function makeMainStyle() {
   })
 
   const listWithPackagesToProcess = await globby(
-    './src/style/dnb-ui-*.scss'
+    './src/style/**/dnb-ui-*.scss'
   )
   await asyncForEach(listWithPackagesToProcess, async (packageFile) => {
     // in order to keep the folder structure, we have to add these asterisks

packages/dnb-eufemia/src/style/dnb-ui-basis.scss

@@ -7,7 +7,6 @@
 @import './core/utilities.scss';
 @import './core/properties.scss';
 @import './core/scopes.scss';
-@import './core/fonts.scss';
 @import './core/helper-classes/helper-classes.scss';
 
 // make sure we have dynamic root font size

packages/dnb-eufemia/src/style/dnb-ui-core.scss

@@ -7,7 +7,6 @@
 @import './core/utilities.scss';
 @import './core/properties.scss';
 @import './core/scopes.scss';
-@import './core/fonts.scss';
 @import './core/helper-classes/helper-classes.scss';
 @include globalReset();
 

packages/dnb-eufemia/src/style/themes/theme-ui/dnb-theme-ui.scss

@@ -5,6 +5,7 @@
 
 @import '../../core/utilities.scss';
 @import '../../core/properties.scss';
+@import './fonts.scss';
 
 // import all the "class styles" of the elements
 @import '../../elements/ui-elements.scss';

packages/dnb-eufemia/src/style/themes/theme-ui/dnb-ui-fonts.scss

@@ -0,0 +1,9 @@
+/**
+ * Import basis core parts
+ *
+ */
+
+// core imports
+@import '../../core/utilities.scss';
+@import '../../core/properties.scss';
+@import './fonts.scss';

packages/dnb-eufemia/src/style/core/fonts.scss → packages/dnb-eufemia/src/style/themes/theme-ui/fonts.scss

@@ -31,7 +31,7 @@
   font-style: normal;
 }
 
-$fonts-path: '../../assets/fonts/dnb' !default;
+$fonts-path: '../../../../assets/fonts/dnb' !default;
 
 // Std and Regular
 @font-face {