From 5f4611d65e40eae3ca6191a15f68d69ea5a1c4cb Mon Sep 17 00:00:00 2001
From: Kirill Rogovoy <kirill@rogovoy.me>
Date: Tue, 20 Jul 2021 21:24:52 +0300
Subject: WIP

---
 app_expo/components/text/text.presets.ts | 48 ++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)
 create mode 100644 app_expo/components/text/text.presets.ts

(limited to 'app_expo/components/text/text.presets.ts')

diff --git a/app_expo/components/text/text.presets.ts b/app_expo/components/text/text.presets.ts
new file mode 100644
index 0000000..4693417
--- /dev/null
+++ b/app_expo/components/text/text.presets.ts
@@ -0,0 +1,48 @@
+import { TextStyle } from 'react-native'
+import { color, typography } from '../../theme'
+
+/**
+ * All text will start off looking like this.
+ */
+const BASE: TextStyle = {
+  fontFamily: typography.primary,
+  color: color.text,
+  fontSize: 15,
+}
+
+/**
+ * All the variations of text styling within the app.
+ *
+ * You want to customize these to whatever you need in your app.
+ */
+export const presets = {
+  /**
+   * The default text styles.
+   */
+  default: BASE,
+
+  /**
+   * A bold version of the default text.
+   */
+  bold: { ...BASE, fontWeight: 'bold' } as TextStyle,
+
+  /**
+   * Large headers.
+   */
+  header: { ...BASE, fontSize: 24, fontWeight: 'bold' } as TextStyle,
+
+  /**
+   * Field labels that appear on forms above the inputs.
+   */
+  fieldLabel: { ...BASE, fontSize: 13, color: color.dim } as TextStyle,
+
+  /**
+   * A smaller piece of secondard information.
+   */
+  secondary: { ...BASE, fontSize: 9, color: color.dim } as TextStyle,
+}
+
+/**
+ * A list of preset names.
+ */
+export type TextPresets = keyof typeof presets
-- 
cgit v1.2.3