@expo-google-fonts/noto-color-emoji 0.2.3

package/.prettierrc

@@ -0,0 +1,8 @@
+{
+  "printWidth": 100,
+  "tabWidth": 2,
+  "singleQuote": true,
+  "jsxBracketSameLine": true,
+  "trailingComma": "es5",
+  "arrowParens": "always"
+}

package/README.md

@@ -0,0 +1,100 @@
+# @expo-google-fonts/noto-color-emoji
+
+![npm version](https://flat.badgen.net/npm/v/@expo-google-fonts/noto-color-emoji)
+![license](https://flat.badgen.net/github/license/expo/google-fonts)
+![publish size](https://flat.badgen.net/packagephobia/install/@expo-google-fonts/noto-color-emoji)
+![publish size](https://flat.badgen.net/packagephobia/publish/@expo-google-fonts/noto-color-emoji)
+
+This package lets you use the [**Noto Color Emoji**](https://fonts.google.com/specimen/Noto+Color+Emoji) font family from [Google Fonts](https://fonts.google.com/) in your Expo app.
+
+## Noto Color Emoji
+
+![Noto Color Emoji](./font-family.png)
+
+This font family contains [1 style](#-gallery).
+
+- `NotoColorEmoji_400Regular`
+
+## Usage
+
+Run this command from the shell in the root directory of your Expo project to add the font family package to your project
+```sh
+expo install @expo-google-fonts/noto-color-emoji expo-font expo-app-loading
+```
+
+Now add code like this to your project
+```js
+import React, { useState, useEffect } from 'react';
+
+import { Text, View, StyleSheet } from 'react-native';
+import AppLoading from 'expo-app-loading';
+import { useFonts, NotoColorEmoji_400Regular } from '@expo-google-fonts/noto-color-emoji';
+
+export default () => {
+  let [fontsLoaded] = useFonts({
+    NotoColorEmoji_400Regular,
+  });
+
+  let fontSize = 24;
+  let paddingVertical = 6;
+
+  if (!fontsLoaded) {
+    return <AppLoading />;
+  } else {
+    return (
+      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+        <Text
+          style={{
+            fontSize,
+            paddingVertical,
+            // Note the quoting of the value for `fontFamily` here; it expects a string!
+            fontFamily: 'NotoColorEmoji_400Regular',
+          }}>
+          Noto Color Emoji Regular
+        </Text>
+      </View>
+    );
+  }
+};
+
+```
+
+## 🔡 Gallery
+
+
+||||
+|-|-|-|
+|![NotoColorEmoji_400Regular](./NotoColorEmoji_400Regular.ttf.png)||||
+
+
+## 👩‍💻 Use During Development
+
+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 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.
+
+## 📖 License
+
+The `@expo-google-fonts/noto-color-emoji` 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 [Noto Color Emoji page on Google Fonts](https://fonts.google.com/specimen/Noto+Color+Emoji) 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
+
+- [Noto Color Emoji on Google Fonts](https://fonts.google.com/specimen/Noto+Color+Emoji)
+- [Google Fonts](https://fonts.google.com/)
+- [This package on npm](https://www.npmjs.com/package/@expo-google-fonts/noto-color-emoji)
+- [This package on GitHub](https://github.com/expo/google-fonts/tree/master/font-packages/noto-color-emoji)
+- [The Expo Google Fonts project on GitHub](https://github.com/expo/google-fonts)
+- [`@expo-google-fonts/dev` Devlopment Package](https://github.com/expo/google-fonts/tree/master/font-packages/dev)
+
+## 🤝 Contributing
+
+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.

package/index.d.ts

@@ -0,0 +1,9 @@
+/// Generated by expo-google-fonts/generator
+/// Do not edit by hand unless you know what you are doing
+///
+  
+
+export { useFonts } from './useFonts';
+
+export const __metadata__: Any;
+export const NotoColorEmoji_400Regular: number;

package/index.js

@@ -0,0 +1,8 @@
+/// Generated by expo-google-fonts/generator
+/// Do not edit by hand unless you know what you are doing
+///
+
+export { useFonts } from './useFonts';
+
+export { default as __metadata__ } from './metadata.json';
+export const NotoColorEmoji_400Regular = require('./NotoColorEmoji_400Regular.ttf');

package/metadata.json

@@ -0,0 +1,12 @@
+{
+  "family": "Noto Color Emoji",
+  "variants": ["regular"],
+  "subsets": ["emoji"],
+  "version": "v24",
+  "lastModified": "2022-09-26",
+  "files": {
+    "regular": "http://fonts.gstatic.com/s/notocoloremoji/v24/Yq6P-KqIXTD0t4D9z1ESnKM3-HpFab5s79iz64w.ttf"
+  },
+  "category": "sans-serif",
+  "kind": "webfonts#webfont"
+}

package/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "@expo-google-fonts/noto-color-emoji",
+  "version": "0.2.3",
+  "description": "Use the Noto Color Emoji font family from Google Fonts in your Expo app",
+  "main": "index.js",
+  "repository": "https://github.com/expo/google-fonts.git",
+  "homepage": "https://github.com/expo/google-fonts/tree/master/font-packages/noto-color-emoji#readme",
+  "author": "Expo Team <team@expo.io>",
+  "license": "MIT",
+  "publishConfig": { "access": "public" }
+}

package/useFonts.d.ts

@@ -0,0 +1,15 @@
+export type FontSource = string | number | Asset | FontResource;
+
+/**
+ * Load a map of custom fonts to use in textual elements.
+ * The map keys are used as font names, and can be used with `fontFamily: <name>;`.
+ * It returns a boolean describing if all fonts are loaded.
+ *
+ * Note, the fonts are not "reloaded" when you dynamically change the font map.
+ *
+ * @see https://docs.expo.io/versions/latest/sdk/font/
+ * @example const [loaded, error] = useFonts(...);
+ */
+export function useFonts(
+  map: string | { [fontFamily: string]: FontSource }
+): [boolean, Error | null];

package/useFonts.js

@@ -0,0 +1,26 @@
+import { useEffect, useState } from 'react';
+
+import { loadAsync } from 'expo-font';
+
+/**
+ * Load a map of custom fonts to use in textual elements.
+ * The map keys are used as font names, and can be used with `fontFamily: <name>;`.
+ * It returns a boolean describing if all fonts are loaded.
+ *
+ * Note, the fonts are not "reloaded" when you dynamically change the font map.
+ *
+ * @see https://docs.expo.io/versions/latest/sdk/font/
+ * @example const [loaded, error] = useFonts(...);
+ */
+export function useFonts(map) {
+  let [loaded, setLoaded] = useState(false);
+  let [error, setError] = useState(null);
+
+  useEffect(() => {
+    loadAsync(map)
+      .then(() => setLoaded(true))
+      .catch(setError);
+  }, []);
+
+  return [loaded, error];
+}