@ornikar/bumper 1.1.0

package/src/components/typography/__snapshots__/Typography.stories.tsx.snap

@@ -0,0 +1,1471 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`bumper/Typography/Typography Typography 1`] = `
+<RNCSafeAreaProvider
+  onInsetsChange={[Function]}
+  style={
+    [
+      {
+        "flex": 1,
+      },
+      undefined,
+    ]
+  }
+>
+  <View
+    style={
+      {
+        "flexDirection": "column",
+        "paddingBottom": 12,
+        "paddingLeft": 4,
+        "paddingRight": 4,
+        "paddingTop": 4,
+      }
+    }
+  >
+    <Text
+      style={
+        {
+          "fontFamily": "GTStandardSemibold",
+          "fontSize": 38,
+          "letterSpacing": 0,
+          "lineHeight": 48,
+          "marginBottom": 4,
+        }
+      }
+      suppressHighlighting={true}
+    >
+      Demo
+    </Text>
+    <Text
+      style={
+        {
+          "color": "#101010",
+          "fontFamily": "GTStandardRegular",
+          "fontSize": 16,
+          "letterSpacing": 0.3,
+          "lineHeight": 24,
+        }
+      }
+      suppressHighlighting={true}
+    >
+      Hello World
+    </Text>
+  </View>
+  <View
+    style={
+      {
+        "flexDirection": "column",
+        "paddingBottom": 4,
+        "paddingLeft": 4,
+        "paddingRight": 4,
+        "paddingTop": 4,
+      }
+    }
+  >
+    <Text
+      style={
+        {
+          "fontFamily": "GTStandardSemibold",
+          "fontSize": 38,
+          "letterSpacing": 0,
+          "lineHeight": 48,
+          "marginBottom": 4,
+        }
+      }
+      suppressHighlighting={true}
+    >
+      Inheritance
+    </Text>
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "paddingBottom": 4,
+          "paddingLeft": 4,
+          "paddingRight": 4,
+          "paddingTop": 4,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandardSemibold",
+            "fontSize": 24,
+            "letterSpacing": 0,
+            "lineHeight": 32,
+            "marginBottom": 4,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Type inheritance
+      </Text>
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+            "fontSize": 18,
+            "letterSpacing": 0.3,
+            "lineHeight": 26,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Type is body-l
+         
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 38,
+              "letterSpacing": 0,
+              "lineHeight": 48,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          type is heading-l 
+          <Text
+            style={
+              {
+                "color": "#563B56",
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 38,
+                "letterSpacing": 0,
+                "lineHeight": 48,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            type is undefined
+          </Text>
+        </Text>
+         
+        <Text
+          style={
+            {
+              "color": "#BD100F",
+              "fontFamily": "GTStandard",
+              "fontSize": 18,
+              "letterSpacing": 0.3,
+              "lineHeight": 26,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          type is undefined 
+          <Text
+            style={
+              {
+                "color": "#BD100F",
+                "fontFamily": "GTStandard",
+                "fontSize": 14,
+                "letterSpacing": 0.3,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            Type is body-s
+          </Text>
+        </Text>
+        .
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "paddingBottom": 4,
+          "paddingLeft": 4,
+          "paddingRight": 4,
+          "paddingTop": 4,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandardSemibold",
+            "fontSize": 24,
+            "letterSpacing": 0,
+            "lineHeight": 32,
+            "marginBottom": 4,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Weight inheritance
+      </Text>
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        weight is undefined
+         
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardBold",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          weight is bold
+           
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 24,
+                "letterSpacing": 0,
+                "lineHeight": 32,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            weight is undefined and type is heading-m
+             
+            <Text
+              style={
+                {
+                  "fontFamily": "GTStandardRegular",
+                  "fontSize": 16,
+                  "letterSpacing": 0.3,
+                  "lineHeight": 24,
+                }
+              }
+              suppressHighlighting={true}
+            >
+              weight is regular 
+              <Text
+                style={
+                  {
+                    "fontFamily": "GTStandardBold",
+                    "fontSize": 16,
+                    "letterSpacing": 0.3,
+                    "lineHeight": 24,
+                  }
+                }
+                suppressHighlighting={true}
+              >
+                weight is bold
+              </Text>
+            </Text>
+          </Text>
+        </Text>
+         
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "paddingBottom": 4,
+          "paddingLeft": 4,
+          "paddingRight": 4,
+          "paddingTop": 4,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandardSemibold",
+            "fontSize": 24,
+            "letterSpacing": 0,
+            "lineHeight": 32,
+            "marginBottom": 4,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Color inheritance
+      </Text>
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        color is undefined
+         
+        <Text
+          style={
+            {
+              "color": "#563B56",
+              "fontFamily": "GTStandard",
+            }
+          }
+          suppressHighlighting={true}
+        >
+          color is $content.accent
+           
+          <Text
+            style={
+              {
+                "color": "#563B56",
+                "fontFamily": "GTStandard",
+              }
+            }
+            suppressHighlighting={true}
+          >
+            color is undefined
+             
+            <Text
+              style={
+                {
+                  "color": "#BD100F",
+                  "fontFamily": "GTStandard",
+                }
+              }
+              suppressHighlighting={true}
+            >
+              color is content.danger
+               
+              <Text
+                style={
+                  {
+                    "color": "#101010",
+                    "fontFamily": "GTStandard",
+                  }
+                }
+                suppressHighlighting={true}
+              >
+                color is content.base.hi
+              </Text>
+            </Text>
+          </Text>
+        </Text>
+         
+      </Text>
+    </View>
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "paddingBottom": 4,
+          "paddingLeft": 4,
+          "paddingRight": 4,
+          "paddingTop": 4,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandardSemibold",
+            "fontSize": 38,
+            "letterSpacing": 0,
+            "lineHeight": 48,
+            "marginBottom": 4,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Heading
+      </Text>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          heading 2xl - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 56,
+                "letterSpacing": 0,
+                "lineHeight": 64,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          heading xl - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 48,
+                "letterSpacing": 0,
+                "lineHeight": 56,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          heading l - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 38,
+                "letterSpacing": 0,
+                "lineHeight": 48,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          heading m - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 24,
+                "letterSpacing": 0,
+                "lineHeight": 32,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          heading s - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 20,
+                "letterSpacing": 0,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          heading xs - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 16,
+                "letterSpacing": 0,
+                "lineHeight": 18,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "paddingBottom": 4,
+          "paddingLeft": 4,
+          "paddingRight": 4,
+          "paddingTop": 4,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandardSemibold",
+            "fontSize": 38,
+            "letterSpacing": 0,
+            "lineHeight": 48,
+            "marginBottom": 4,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Body
+      </Text>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body xl - bold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardBold",
+                "fontSize": 24,
+                "letterSpacing": 0.3,
+                "lineHeight": 32,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body xl - regular
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardRegular",
+                "fontSize": 24,
+                "letterSpacing": 0.3,
+                "lineHeight": 32,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body l - bold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardBold",
+                "fontSize": 18,
+                "letterSpacing": 0.3,
+                "lineHeight": 26,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body l - regular
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardRegular",
+                "fontSize": 18,
+                "letterSpacing": 0.3,
+                "lineHeight": 26,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body m - bold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardBold",
+                "fontSize": 16,
+                "letterSpacing": 0.3,
+                "lineHeight": 24,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body m - regular
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardRegular",
+                "fontSize": 16,
+                "letterSpacing": 0.3,
+                "lineHeight": 24,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body s - bold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardBold",
+                "fontSize": 14,
+                "letterSpacing": 0.3,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body s - regular
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardRegular",
+                "fontSize": 14,
+                "letterSpacing": 0.3,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body xs - bold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardBold",
+                "fontSize": 12,
+                "letterSpacing": 0.3,
+                "lineHeight": 16,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          body xs - regular
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardRegular",
+                "fontSize": 12,
+                "letterSpacing": 0.3,
+                "lineHeight": 16,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+    </View>
+    <View
+      style={
+        {
+          "flexDirection": "column",
+          "paddingBottom": 4,
+          "paddingLeft": 4,
+          "paddingRight": 4,
+          "paddingTop": 4,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandardSemibold",
+            "fontSize": 38,
+            "letterSpacing": 0,
+            "lineHeight": 48,
+            "marginBottom": 4,
+          }
+        }
+        suppressHighlighting={true}
+      >
+        Label
+      </Text>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          label xl - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 18,
+                "letterSpacing": 0,
+                "lineHeight": 26,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          label l - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 16,
+                "letterSpacing": 0,
+                "lineHeight": 24,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          label m - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 14,
+                "letterSpacing": 0,
+                "lineHeight": 20,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+      <View
+        style={
+          {
+            "flexDirection": "column",
+            "marginBottom": 20,
+          }
+        }
+      >
+        <Text
+          style={
+            {
+              "fontFamily": "GTStandardSemibold",
+              "fontSize": 20,
+              "letterSpacing": 0,
+              "lineHeight": 20,
+            }
+          }
+          suppressHighlighting={true}
+        >
+          label s - semibold
+        </Text>
+        <View
+          style={
+            {
+              "backgroundColor": "#F7F4EE",
+              "borderBottomLeftRadius": 4,
+              "borderBottomRightRadius": 4,
+              "borderTopLeftRadius": 4,
+              "borderTopRightRadius": 4,
+              "marginTop": 4,
+              "paddingBottom": 4,
+              "paddingLeft": 8,
+              "paddingRight": 8,
+              "paddingTop": 4,
+            }
+          }
+        >
+          <Text
+            style={
+              {
+                "fontFamily": "GTStandardSemibold",
+                "fontSize": 12,
+                "letterSpacing": 0,
+                "lineHeight": 16,
+              }
+            }
+            suppressHighlighting={true}
+          >
+            The quick brown fox jumps over the lazy dog
+          </Text>
+        </View>
+      </View>
+    </View>
+  </View>
+</RNCSafeAreaProvider>
+`;