pixel-react 1.3.9 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pixel-react",
3
3
  "description": "Great for pixel-perfect, design-focused components in React",
4
- "version": "1.3.9",
4
+ "version": "1.4.1",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.esm.js",
7
7
  "types": "lib/index.d.ts",
package/rollup.config.mjs CHANGED
@@ -37,16 +37,9 @@ export default [
37
37
  commonjs(),
38
38
  typescript(),
39
39
  url({
40
- include: ['**/*.ttf', '**/*.css'], // Handle font files
41
- limit: 0, // Always output font files instead of inlining them
42
- fileName: 'assets/fonts/[name][extname]', // Output location for fonts
43
- }),
44
- copy({
45
- targets: [
46
- { src: 'src/assets/fonts/*', dest: 'lib/assets/fonts' }, // Copy fonts to the output directory
47
- ],
48
- hook: 'writeBundle', // Trigger the copying during the bundle phase
40
+ include: ['**/*.css'], // Handle font files
49
41
  }),
42
+
50
43
  postcss({
51
44
  extensions: ['.scss'],
52
45
  }),
@@ -1,40 +1,10 @@
1
+ @import url('https://fonts.cdnfonts.com/css/poppins');
2
+
1
3
  @mixin fontPoppins($size: 16px) {
2
4
  font-family: 'Poppins';
3
5
  font-size: $size;
4
6
  }
5
7
 
6
- @font-face {
7
- font-family: 'Poppins';
8
- font-weight: 400;
9
- src:
10
- local('Poppins-Regular'),
11
- url(../../assets/fonts/Poppins-Regular.ttf) format('truetype');
12
- }
13
-
14
- @font-face {
15
- font-family: 'Poppins';
16
- font-weight: 500;
17
- src:
18
- local('Poppins-Medium'),
19
- url(../../assets/fonts/Poppins-Medium.ttf) format('truetype');
20
- }
21
-
22
- @font-face {
23
- font-family: 'Poppins';
24
- font-weight: 600;
25
- src:
26
- local('Poppins-SemiBold'),
27
- url(../../assets/fonts/Poppins-SemiBold.ttf) format('truetype');
28
- }
29
-
30
- @font-face {
31
- font-family: 'Poppins';
32
- font-weight: 700;
33
- src:
34
- local('Poppins-Bold'),
35
- url(../../assets/fonts/Poppins-Bold.ttf) format('truetype');
36
- }
37
-
38
8
  .fontXs {
39
9
  @include fontPoppins(10px);
40
10
  }
@@ -1,40 +1,10 @@
1
+ @import url('https://fonts.cdnfonts.com/css/poppins');
2
+
1
3
  @mixin fontPoppins($size: 16px) {
2
4
  font-family: 'Poppins';
3
5
  font-size: $size;
4
6
  }
5
7
 
6
- @font-face {
7
- font-family: 'Poppins';
8
- font-weight: 400;
9
- src:
10
- local('Poppins-Regular'),
11
- url(../../fonts/Poppins/Poppins-Regular.ttf) format('truetype');
12
- }
13
-
14
- @font-face {
15
- font-family: 'Poppins';
16
- font-weight: 500;
17
- src:
18
- local('Poppins-Medium'),
19
- url(../../fonts/Poppins/Poppins-Medium.ttf) format('truetype');
20
- }
21
-
22
- @font-face {
23
- font-family: 'Poppins';
24
- font-weight: 600;
25
- src:
26
- local('Poppins-SemiBold'),
27
- url(../../fonts/Poppins/Poppins-SemiBold.ttf) format('truetype');
28
- }
29
-
30
- @font-face {
31
- font-family: 'Poppins';
32
- font-weight: 700;
33
- src:
34
- local('Poppins-Bold'),
35
- url(../../fonts/Poppins/Poppins-Bold.ttf) format('truetype');
36
- }
37
-
38
8
  .ff-text {
39
9
  @include fontPoppins();
40
10