fix: change how the fonts are imported and bundled

* fix: change how the fonts are imported and bundled

Import fonts directly so that rollup is able to recognize them
and bundle with the url-plugin as inline resources.
By bundling them this way, fonts are resolved and used when setting
the loadDefaultFont prop in the ThemeProvider.

Update also webpack to recognize the fonts as asset/resource for the styleguide.

Add a file transformer for jest and update the config to use it.

Remove no more used plugin from dependencies.

* docs: use default fonts for docs examples

For other components of the documentation (list, title, field description, etc)
use the sans-serif.
Define styleguide theme config in an external file to make them hot-reloadable

* build(deps): reset rollup to v2

Rollup v3 has some breaking changes which require a more in depth investigation

Use @rollup/plugin-url instead of rollup-plugin-url


refs: CDS-110 (#159)

.npmignore

@@ -16,7 +16,7 @@
 /.eslintrc.js
 /.prettierrc.js
 /commitlint.config.js
-/rollup.config.js
+/rollup.config.mjs
 /.github
 /LICENSES
 tsconfig.json

.reuse/dep5

@@ -52,4 +52,4 @@ License: CC0-1.0
 
 Files: src/fonts/*
 Copyright: <https://github.com/googlefonts/roboto>
-License: Apache-2.0
+License: Apache-2.0

jest.config.ts

@@ -151,7 +151,7 @@ export default {
 	// ],
 
 	// An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
-	testPathIgnorePatterns: ['/node_modules/']
+	testPathIgnorePatterns: ['/node_modules/'],
 
 	// The regexp pattern or array of patterns that Jest uses to detect test files
 	// testRegex: [],
@@ -169,9 +169,11 @@ export default {
 	// timers: "real",
 
 	// A map from regular expressions to paths to transformers
-	// "transform": {
-	//   "^.+\\.[t|j]sx?$": "babel-jest"
-	// },
+	transform: {
+		'^.+\\.[t|j]sx?$': ['babel-jest', { configFile: './babel.config.js' }],
+		'\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+			'<rootDir>/src/testUtils/fileTransformer.js'
+	}
 
 	// An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
 	// transformIgnorePatterns: [

lib/styleguide/Wrapper.tsx

@@ -12,5 +12,5 @@ export default function Wrapper({
 }: {
 	children?: React.ReactNode | React.ReactNode[];
 }): JSX.Element {
-	return <ThemeProvider>{children}</ThemeProvider>;
+	return <ThemeProvider loadDefaultFont>{children}</ThemeProvider>;
 }