4 files changed, 25 insertions, 10 deletions
diff --git a/src/alf/atoms.ts b/src/alf/atoms.ts
index 203c2f282..bbf7e3243 100644
--- a/src/alf/atoms.ts
+++ b/src/alf/atoms.ts
@@ -104,6 +104,9 @@ export const atoms = {
   flex: {
     display: 'flex',
   },
+  flex_col: {
+    flexDirection: 'column',
+  },
   flex_row: {
     flexDirection: 'row',
   },
@@ -149,45 +152,38 @@ export const atoms = {
   },
   text_2xs: {
     fontSize: tokens.fontSize._2xs,
-    lineHeight: tokens.fontSize._2xs,
   },
   text_xs: {
     fontSize: tokens.fontSize.xs,
-    lineHeight: tokens.fontSize.xs,
   },
   text_sm: {
     fontSize: tokens.fontSize.sm,
-    lineHeight: tokens.fontSize.sm,
   },
   text_md: {
     fontSize: tokens.fontSize.md,
-    lineHeight: tokens.fontSize.md,
   },
   text_lg: {
     fontSize: tokens.fontSize.lg,
-    lineHeight: tokens.fontSize.lg,
   },
   text_xl: {
     fontSize: tokens.fontSize.xl,
-    lineHeight: tokens.fontSize.xl,
   },
   text_2xl: {
     fontSize: tokens.fontSize._2xl,
-    lineHeight: tokens.fontSize._2xl,
   },
   text_3xl: {
     fontSize: tokens.fontSize._3xl,
-    lineHeight: tokens.fontSize._3xl,
   },
   text_4xl: {
     fontSize: tokens.fontSize._4xl,
-    lineHeight: tokens.fontSize._4xl,
   },
   text_5xl: {
     fontSize: tokens.fontSize._5xl,
-    lineHeight: tokens.fontSize._5xl,
   },
   leading_tight: {
+    lineHeight: 1.15,
+  },
+  leading_snug: {
     lineHeight: 1.25,
   },
   leading_normal: {
diff --git a/src/alf/index.tsx b/src/alf/index.tsx
index 69a879853..06d6ebf01 100644
--- a/src/alf/index.tsx
+++ b/src/alf/index.tsx
@@ -2,6 +2,7 @@ import React from 'react'
 import {Dimensions} from 'react-native'
 import * as themes from '#/alf/themes'
 
+export * from '#/alf/types'
 export * as tokens from '#/alf/tokens'
 export {atoms} from '#/alf/atoms'
 export * from '#/alf/util/platform'
diff --git a/src/alf/tokens.ts b/src/alf/tokens.ts
index 0e370cdc1..f3ae80275 100644
--- a/src/alf/tokens.ts
+++ b/src/alf/tokens.ts
@@ -142,6 +142,14 @@ export const gradients = {
     ],
     hover_value: '#B88BB6',
   },
+  summer: {
+    values: [
+      [0, '#FF6A56'],
+      [0.3, '#FF9156'],
+      [1, '#FFDD87'],
+    ],
+    hover_value: '#FF9156',
+  },
   nordic: {
     values: [
       [0, '#083367'],
diff --git a/src/alf/types.ts b/src/alf/types.ts
index 76ac05d40..dd8d816d2 100644
--- a/src/alf/types.ts
+++ b/src/alf/types.ts
@@ -1,3 +1,5 @@
+import {StyleProp, ViewStyle, TextStyle} from 'react-native'
+
 type LiteralToCommon<T extends PropertyKey> = T extends number
   ? number
   : T extends string
@@ -14,3 +16,11 @@ export type Mutable<T> = {
     ? LiteralToCommon<T[K]>
     : Mutable<T[K]>
 }
+
+export type TextStyleProp = {
+  style?: StyleProp<TextStyle>
+}
+
+export type ViewStyleProp = {
+  style?: StyleProp<ViewStyle>
+}