Merge pull request #2 from anthonyleung-dev/import-fontsourceroboto-vite-bundler

fix: #1 font import issue

Author: anthonyleung-dev

.npmignore

@@ -53,3 +53,5 @@ __tests__/
 /examples/
 /Dockerfile
 /docker-compose.yml
+
+/storybook-static/

.storybook/preview.ts

@@ -1,10 +1,5 @@
 import type { Preview } from '@storybook/react'
 
-import '@fontsource/roboto/300.css'
-import '@fontsource/roboto/400.css'
-import '@fontsource/roboto/500.css'
-import '@fontsource/roboto/700.css'
-import 'material-symbols'
 import '../src/styles.css'
 
 const preview: Preview = {

CHANGELOG.md

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.0.7] - 2024-04-01
+
+### Fixed
+- Fixed the @fontsource/roboto css import issue in vite bundler.
+
 ## [1.0.6] - 2024-04-01
 
 ### Fixed

package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-material-web",
-    "version": "1.0.6",
+    "version": "1.0.7",
     "description": "A React Material components using material web and lit/react",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",

src/styles.css

@@ -1,11 +1,11 @@
 @import 'material-symbols';
-@import '~@fontsource/roboto';
+@import '@fontsource/roboto';
 
 label {
     display: inline-flex;
     place-items: center;
     gap: 8px;
-    font-family: Roboto, system-ui;
+    font-family: "Roboto", system-ui;
     color: var(--md-sys-color-on-background, #000);
 }