@expo-google-fonts/roboto - npm Package Compare versions

Comparing version 0.0.2 to 0.1.0

index.d.ts

 /// Generated by expo-google-fonts/generator
 /// Do not edit by hand unless you know what you are doing
 ///
+  
 
-export const Roboto_Thin100: number;
-export const Roboto_Thin100_Italic: number;
-export const Roboto_Light300: number;
-export const Roboto_Light300_Italic: number;
-export const Roboto_Regular400: number;
-export const Roboto_Regular400_Italic: number;
-export const Roboto_Medium500: number;
-export const Roboto_Medium500_Italic: number;
-export const Roboto_Bold700: number;
-export const Roboto_Bold700_Italic: number;
-export const Roboto_Black900: number;
-export const Roboto_Black900_Italic: number;
+export { useFonts } from './useFonts';
+
+export const __metdata__: Any;
+export const Roboto_100Thin: number;
+export const Roboto_100Thin_Italic: number;
+export const Roboto_300Light: number;
+export const Roboto_300Light_Italic: number;
+export const Roboto_400Regular: number;
+export const Roboto_400Regular_Italic: number;
+export const Roboto_500Medium: number;
+export const Roboto_500Medium_Italic: number;
+export const Roboto_700Bold: number;
+export const Roboto_700Bold_Italic: number;
+export const Roboto_900Black: number;
+export const Roboto_900Black_Italic: number;

index.js

@@ -5,13 +5,16 @@ /// Generated by expo-google-fonts/generator
 
-export const Roboto_Thin100 = require('./e735762739638d19335103f8e7a343545560f4b2265fd35a4f0f516f512a7760.ttf');
-export const Roboto_Thin100_Italic = require('./aece4c53901fff188a2cb1aab1024ea53b459e2181d47d9b3700c13d33ade89e.ttf');
-export const Roboto_Light300 = require('./9d1bd6e2cc14a33517018f1bbfdc878cb18e7894f39fc7c36436ae18440621e7.ttf');
-export const Roboto_Light300_Italic = require('./0810007c837dfd034071c166e5f3ed111b0180b2f6af17a5c14e006a8e05784f.ttf');
-export const Roboto_Regular400 = require('./030868028bda24a27a45e0be44c8ae15544762b94f80da746c8b8a1c05f8e952.ttf');
-export const Roboto_Regular400_Italic = require('./6a79346603274d80f27fb4de32a0e7a60f62c53c8069df2750e79b8f10e30649.ttf');
-export const Roboto_Medium500 = require('./388ace661d10e5756d4de58035d6687cf35c0b11c8185b098468741ca2e8a6d4.ttf');
-export const Roboto_Medium500_Italic = require('./257c7750d0c1570dc2324571f2998d43e18649848595361a6b136bb0d3d2efb2.ttf');
-export const Roboto_Bold700 = require('./ba3855457bdc103784c39219f0ce666683084df07dbd7eb7d8c35a40cf8f1c8b.ttf');
-export const Roboto_Bold700_Italic = require('./8c9936227e9fe936594819bbf4aa9a26d9b044f0b440800a4ade3e3e749f54aa.ttf');
-export const Roboto_Black900 = require('./a1ba74d13db1b16771b1d8e705e4c9282ef1d09492783304ebc025adb6ba1914.ttf');
-export const Roboto_Black900_Italic = require('./a4c423dcbda812fa36cb0325f3aad0fd9847e8a5b0a26f31094db0666e721c8c.ttf');
+export { useFonts } from './useFonts';
+
+export { default as __metadata__ } from './metadata.json';
+export const Roboto_100Thin = require('./Roboto_100Thin.ttf');
+export const Roboto_100Thin_Italic = require('./Roboto_100Thin_Italic.ttf');
+export const Roboto_300Light = require('./Roboto_300Light.ttf');
+export const Roboto_300Light_Italic = require('./Roboto_300Light_Italic.ttf');
+export const Roboto_400Regular = require('./Roboto_400Regular.ttf');
+export const Roboto_400Regular_Italic = require('./Roboto_400Regular_Italic.ttf');
+export const Roboto_500Medium = require('./Roboto_500Medium.ttf');
+export const Roboto_500Medium_Italic = require('./Roboto_500Medium_Italic.ttf');
+export const Roboto_700Bold = require('./Roboto_700Bold.ttf');
+export const Roboto_700Bold_Italic = require('./Roboto_700Bold_Italic.ttf');
+export const Roboto_900Black = require('./Roboto_900Black.ttf');
+export const Roboto_900Black_Italic = require('./Roboto_900Black_Italic.ttf');

package.json

 {
   "name": "@expo-google-fonts/roboto",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "Use the Roboto font family from Google Fonts in your Expo app",
@@ -5,0 +5,0 @@ "main": "index.js",

README.md

 # @expo-google-fonts/roboto
 
+![npm version](https://flat.badgen.net/npm/v/@expo-google-fonts/roboto)
+![license](https://flat.badgen.net/github/license/expo/google-fonts)
+![publish size](https://flat.badgen.net/packagephobia/install/@expo-google-fonts/roboto)
+![publish size](https://flat.badgen.net/packagephobia/publish/@expo-google-fonts/roboto)
+
 This package lets you use the [**Roboto**](https://fonts.google.com/specimen/Roboto) font family from [Google Fonts](https://fonts.google.com/) in your Expo app.
 
-v0.0.2
-
 ## Roboto
@@ -11,16 +14,16 @@
 
-This font family contains [12 styles](#gallery).
+This font family contains [12 styles](#-gallery).
 
-- `Roboto_Thin100`
-- `Roboto_Thin100_Italic`
-- `Roboto_Light300`
-- `Roboto_Light300_Italic`
-- `Roboto_Regular400`
-- `Roboto_Regular400_Italic`
-- `Roboto_Medium500`
-- `Roboto_Medium500_Italic`
-- `Roboto_Bold700`
-- `Roboto_Bold700_Italic`
-- `Roboto_Black900`
-- `Roboto_Black900_Italic`
+- `Roboto_100Thin`
+- `Roboto_100Thin_Italic`
+- `Roboto_300Light`
+- `Roboto_300Light_Italic`
+- `Roboto_400Regular`
+- `Roboto_400Regular_Italic`
+- `Roboto_500Medium`
+- `Roboto_500Medium_Italic`
+- `Roboto_700Bold`
+- `Roboto_700Bold_Italic`
+- `Roboto_900Black`
+- `Roboto_900Black_Italic`
 
@@ -31,3 +34,3 @@ ## Usage
 ```sh
-yarn add @expo-google-fonts/roboto expo-font @use-expo/font
+expo install @expo-google-fonts/roboto expo-font
 ```
@@ -41,16 +44,16 @@
 import { AppLoading } from 'expo';
-import { useFonts } from '@use-expo/font';
 import {
-  Roboto_Thin100,
-  Roboto_Thin100_Italic,
-  Roboto_Light300,
-  Roboto_Light300_Italic,
-  Roboto_Regular400,
-  Roboto_Regular400_Italic,
-  Roboto_Medium500,
-  Roboto_Medium500_Italic,
-  Roboto_Bold700,
-  Roboto_Bold700_Italic,
-  Roboto_Black900,
-  Roboto_Black900_Italic,
+  useFonts,
+  Roboto_100Thin,
+  Roboto_100Thin_Italic,
+  Roboto_300Light,
+  Roboto_300Light_Italic,
+  Roboto_400Regular,
+  Roboto_400Regular_Italic,
+  Roboto_500Medium,
+  Roboto_500Medium_Italic,
+  Roboto_700Bold,
+  Roboto_700Bold_Italic,
+  Roboto_900Black,
+  Roboto_900Black_Italic,
 } from '@expo-google-fonts/roboto';
@@ -60,14 +63,14 @@
   let [fontsLoaded] = useFonts({
-    Roboto_Thin100,
-    Roboto_Thin100_Italic,
-    Roboto_Light300,
-    Roboto_Light300_Italic,
-    Roboto_Regular400,
-    Roboto_Regular400_Italic,
-    Roboto_Medium500,
-    Roboto_Medium500_Italic,
-    Roboto_Bold700,
-    Roboto_Bold700_Italic,
-    Roboto_Black900,
-    Roboto_Black900_Italic,
+    Roboto_100Thin,
+    Roboto_100Thin_Italic,
+    Roboto_300Light,
+    Roboto_300Light_Italic,
+    Roboto_400Regular,
+    Roboto_400Regular_Italic,
+    Roboto_500Medium,
+    Roboto_500Medium_Italic,
+    Roboto_700Bold,
+    Roboto_700Bold_Italic,
+    Roboto_900Black,
+    Roboto_900Black_Italic,
   });
@@ -83,48 +86,120 @@
       <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Thin100' }}>
-          Roboto_Thin100
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_100Thin',
+          }}>
+          Roboto Thin
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Thin100_Italic' }}>
-          Roboto_Thin100_Italic
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_100Thin_Italic',
+          }}>
+          Roboto Thin Italic
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Light300' }}>
-          Roboto_Light300
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_300Light',
+          }}>
+          Roboto Light
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Light300_Italic' }}>
-          Roboto_Light300_Italic
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_300Light_Italic',
+          }}>
+          Roboto Light Italic
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Regular400' }}>
-          Roboto_Regular400
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_400Regular',
+          }}>
+          Roboto Regular
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Regular400_Italic' }}>
-          Roboto_Regular400_Italic
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_400Regular_Italic',
+          }}>
+          Roboto Italic
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Medium500' }}>
-          Roboto_Medium500
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_500Medium',
+          }}>
+          Roboto Medium
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Medium500_Italic' }}>
-          Roboto_Medium500_Italic
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_500Medium_Italic',
+          }}>
+          Roboto Medium Italic
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Bold700' }}>
-          Roboto_Bold700
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_700Bold',
+          }}>
+          Roboto Bold
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Bold700_Italic' }}>
-          Roboto_Bold700_Italic
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_700Bold_Italic',
+          }}>
+          Roboto Bold Italic
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Black900' }}>
-          Roboto_Black900
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_900Black',
+          }}>
+          Roboto Black
         </Text>
 
-        <Text style={{ fontSize, paddingVertical, fontFamily: 'Roboto_Black900_Italic' }}>
-          Roboto_Black900_Italic
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'Roboto_900Black_Italic',
+          }}>
+          Roboto Black Italic
         </Text>
@@ -138,52 +213,62 @@ </View>
 
-## Gallery
+## 🔡 Gallery
 
-##### Roboto_Thin100
-![Roboto_Thin100](./e735762739638d19335103f8e7a343545560f4b2265fd35a4f0f516f512a7760.ttf.png)
+##### Roboto_100Thin
+![Roboto_100Thin](./Roboto_100Thin.ttf.png)
 
-##### Roboto_Thin100_Italic
-![Roboto_Thin100_Italic](./aece4c53901fff188a2cb1aab1024ea53b459e2181d47d9b3700c13d33ade89e.ttf.png)
+##### Roboto_100Thin_Italic
+![Roboto_100Thin_Italic](./Roboto_100Thin_Italic.ttf.png)
 
-##### Roboto_Light300
-![Roboto_Light300](./9d1bd6e2cc14a33517018f1bbfdc878cb18e7894f39fc7c36436ae18440621e7.ttf.png)
+##### Roboto_300Light
+![Roboto_300Light](./Roboto_300Light.ttf.png)
 
-##### Roboto_Light300_Italic
-![Roboto_Light300_Italic](./0810007c837dfd034071c166e5f3ed111b0180b2f6af17a5c14e006a8e05784f.ttf.png)
+##### Roboto_300Light_Italic
+![Roboto_300Light_Italic](./Roboto_300Light_Italic.ttf.png)
 
-##### Roboto_Regular400
-![Roboto_Regular400](./030868028bda24a27a45e0be44c8ae15544762b94f80da746c8b8a1c05f8e952.ttf.png)
+##### Roboto_400Regular
+![Roboto_400Regular](./Roboto_400Regular.ttf.png)
 
-##### Roboto_Regular400_Italic
-![Roboto_Regular400_Italic](./6a79346603274d80f27fb4de32a0e7a60f62c53c8069df2750e79b8f10e30649.ttf.png)
+##### Roboto_400Regular_Italic
+![Roboto_400Regular_Italic](./Roboto_400Regular_Italic.ttf.png)
 
-##### Roboto_Medium500
-![Roboto_Medium500](./388ace661d10e5756d4de58035d6687cf35c0b11c8185b098468741ca2e8a6d4.ttf.png)
+##### Roboto_500Medium
+![Roboto_500Medium](./Roboto_500Medium.ttf.png)
 
-##### Roboto_Medium500_Italic
-![Roboto_Medium500_Italic](./257c7750d0c1570dc2324571f2998d43e18649848595361a6b136bb0d3d2efb2.ttf.png)
+##### Roboto_500Medium_Italic
+![Roboto_500Medium_Italic](./Roboto_500Medium_Italic.ttf.png)
 
-##### Roboto_Bold700
-![Roboto_Bold700](./ba3855457bdc103784c39219f0ce666683084df07dbd7eb7d8c35a40cf8f1c8b.ttf.png)
+##### Roboto_700Bold
+![Roboto_700Bold](./Roboto_700Bold.ttf.png)
 
-##### Roboto_Bold700_Italic
-![Roboto_Bold700_Italic](./8c9936227e9fe936594819bbf4aa9a26d9b044f0b440800a4ade3e3e749f54aa.ttf.png)
+##### Roboto_700Bold_Italic
+![Roboto_700Bold_Italic](./Roboto_700Bold_Italic.ttf.png)
 
-##### Roboto_Black900
-![Roboto_Black900](./a1ba74d13db1b16771b1d8e705e4c9282ef1d09492783304ebc025adb6ba1914.ttf.png)
+##### Roboto_900Black
+![Roboto_900Black](./Roboto_900Black.ttf.png)
 
-##### Roboto_Black900_Italic
-![Roboto_Black900_Italic](./a4c423dcbda812fa36cb0325f3aad0fd9847e8a5b0a26f31094db0666e721c8c.ttf.png)
+##### Roboto_900Black_Italic
+![Roboto_900Black_Italic](./Roboto_900Black_Italic.ttf.png)
 
 
-## Use During Development
+## 👩‍💻 Use During Development
 
-If you are trying out lots of different fonts, you can try using the [`@expo-google-fonts/dev` package](https://www.npmjs.com/package/@expo-google-fonts/dev).
+If you are trying out lots of different fonts, you can try using the [`@expo-google-fonts/dev` package](https://github.com/expo/google-fonts/tree/master/font-packages/dev#readme).
 
 You can import *any* font style from any Expo Google Fonts package from it. It will load the fonts
-over the network at runtime instead of adding the asset as a file to your project, so it will be 
-less performant, and is not a good choice for most production deployments. But, it is extremely convenient
+over the network at runtime instead of adding the asset as a file to your project, so it may take longer
+for your app to get to interactivity at startup, but it is extremely convenient
 for playing around with any style that you want.
 
-## Links
+## 📖 License
 
+The `@expo-google-fonts/roboto` package and its code are released under the MIT license.
+
+All the fonts in the Google Fonts catalog are free and open source.
+
+Check the [Roboto page on Google Fonts](https://fonts.google.com/specimen/Roboto) for the specific license of this font family.
+
+You can use these fonts freely in your products & projects - print or digital, commercial or otherwise. However, you can't sell the fonts on their own. This isn't legal advice, please consider consulting a lawyer and see the full license for all details.
+
+## 🔗 Links
+
 - [Roboto on Google Fonts](https://fonts.google.com/specimen/Roboto)
@@ -196,3 +281,4 @@ - [Google Fonts](https://fonts.google.com/)
 
+## 🤝 Contributing
 
-*This file was generated. Instead of editing it by head, please make contributions to [the generator](https://github.com/expo/google-fonts/tree/master/packages/generator)*
+Contributions are very welcome! This entire directory, including what you are reading now, was generated from code. Instead of submitting PRs to this directly, please make contributions to [the generator](https://github.com/expo/google-fonts/tree/master/packages/generator) instead.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 12 instances in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 12 instances in 1 package

Improved metrics

Total package byte prevSize

2453742

increased by60.85%

Number of package files

33

increased by10%

Lines of code

106

increased by253.33%

Number of lines in readme file

278

increased by44.79%

No dependency changes