pixel-react 1.3.9 → 1.4.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pixel-react",
   "description": "Great for pixel-perfect, design-focused components in React",
-  "version": "1.3.9",
+  "version": "1.4.1",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",

package/rollup.config.mjs

@@ -37,16 +37,9 @@ export default [
       commonjs(),
       typescript(),
       url({
-        include: ['**/*.ttf', '**/*.css'], // Handle font files
-        limit: 0, // Always output font files instead of inlining them
-        fileName: 'assets/fonts/[name][extname]', // Output location for fonts
-      }),
-      copy({
-        targets: [
-          { src: 'src/assets/fonts/*', dest: 'lib/assets/fonts' }, // Copy fonts to the output directory
-        ],
-        hook: 'writeBundle', // Trigger the copying during the bundle phase
+        include: ['**/*.css'], // Handle font files
       }),
+
       postcss({
         extensions: ['.scss'],
       }),

package/src/assets/styles/_fonts.scss

@@ -1,40 +1,10 @@
+@import url('https://fonts.cdnfonts.com/css/poppins');
+
 @mixin fontPoppins($size: 16px) {
   font-family: 'Poppins';
   font-size: $size;
 }
 
-@font-face {
-  font-family: 'Poppins';
-  font-weight: 400;
-  src:
-    local('Poppins-Regular'),
-    url(../../assets/fonts/Poppins-Regular.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Poppins';
-  font-weight: 500;
-  src:
-    local('Poppins-Medium'),
-    url(../../assets/fonts/Poppins-Medium.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Poppins';
-  font-weight: 600;
-  src:
-    local('Poppins-SemiBold'),
-    url(../../assets/fonts/Poppins-SemiBold.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Poppins';
-  font-weight: 700;
-  src:
-    local('Poppins-Bold'),
-    url(../../assets/fonts/Poppins-Bold.ttf) format('truetype');
-}
-
 .fontXs {
   @include fontPoppins(10px);
 }

package/src/components/Typography/Typography.scss

@@ -1,40 +1,10 @@
+@import url('https://fonts.cdnfonts.com/css/poppins');
+
 @mixin fontPoppins($size: 16px) {
   font-family: 'Poppins';
   font-size: $size;
 }
 
-@font-face {
-  font-family: 'Poppins';
-  font-weight: 400;
-  src:
-    local('Poppins-Regular'),
-    url(../../fonts/Poppins/Poppins-Regular.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Poppins';
-  font-weight: 500;
-  src:
-    local('Poppins-Medium'),
-    url(../../fonts/Poppins/Poppins-Medium.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Poppins';
-  font-weight: 600;
-  src:
-    local('Poppins-SemiBold'),
-    url(../../fonts/Poppins/Poppins-SemiBold.ttf) format('truetype');
-}
-
-@font-face {
-  font-family: 'Poppins';
-  font-weight: 700;
-  src:
-    local('Poppins-Bold'),
-    url(../../fonts/Poppins/Poppins-Bold.ttf) format('truetype');
-}
-
 .ff-text {
   @include fontPoppins();