@ornikar/bumper 3.0.1 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/bumper",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "license": "MIT",
   "repository": {
     "directory": "@ornikar/bumper",
@@ -73,7 +73,7 @@
     "react-native-reanimated": "3.18.0",
     "react-native-svg": "15.11.2",
     "react-test-renderer": "19.0.0",
-    "storybook": "8.6.15"
+    "storybook": "8.6.17"
   },
   "expo": {
     "install": {

package/src/system/content/icon/__snapshots__/Icon.features.stories.tsx.snap

@@ -47,7 +47,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -84,7 +84,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -121,7 +121,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -158,7 +158,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -195,7 +195,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -232,7 +232,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -269,7 +269,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -306,7 +306,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -368,7 +368,7 @@ exports[`Bumper/Content/Icon/Features Sizes 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -405,7 +405,7 @@ exports[`Bumper/Content/Icon/Features Sizes 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,
@@ -442,7 +442,7 @@ exports[`Bumper/Content/Icon/Features Sizes 1`] = `
         style={
           {
             "color": "#505050",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 12,
             "letterSpacing": 0.3,
             "lineHeight": 16,

package/src/system/content/icon/__snapshots_web__/Icon.features.stories.tsx.snap

@@ -32,7 +32,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 base.hi
@@ -50,7 +50,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 base.mid
@@ -68,7 +68,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 base.low
@@ -86,7 +86,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 accent
@@ -104,7 +104,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 success
@@ -122,7 +122,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 warning
@@ -140,7 +140,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 danger
@@ -158,7 +158,7 @@ exports[`Bumper/Content/Icon/Features Colors 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 info
@@ -204,7 +204,7 @@ exports[`Bumper/Content/Icon/Features Sizes 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 s (16)
@@ -222,7 +222,7 @@ exports[`Bumper/Content/Icon/Features Sizes 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 m (20)
@@ -240,7 +240,7 @@ exports[`Bumper/Content/Icon/Features Sizes 1`] = `
                 />
               </div>
               <span
-                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fw-f-weight-re98715119 _fs-f-size-body47080 _lh-f-lineHeigh1960620717 _ls-f-letterSpa260968488 _col-content--ba1918259606"
                 data-disable-theme="true"
               >
                 l (24)

package/src/system/content/typography/Typography.features.stories.tsx

@@ -11,6 +11,10 @@ const meta: Meta<Extract<TypographyTextProps, BodyProps>> = {
 export default meta;
 type Story = StoryObj<typeof meta>;
 
+export const DefaultValues: Story = {
+  render: () => <Typography.Text>Default values - body-m regular</Typography.Text>,
+};
+
 export const HeadingVariants: Story = {
   render: () => (
     <VStack gap="$space.16">

package/src/system/content/typography/Typography.tsx

@@ -1,4 +1,4 @@
-import type { ColorTokens, GetProps, GetThemeValueForKey, TamaguiComponent } from '@tamagui/core';
+import type { ColorTokens, GetProps, TamaguiComponent } from '@tamagui/core';
 import { Text, styled } from '@tamagui/core';
 import { type Except } from 'type-fest';
 import type { BodyFontVariants, HeadingFontVariants, LabelFontVariants } from '../../core/tokens/GTStandardFont';
@@ -106,9 +106,9 @@ export const TypographyBase = InternalTypography.styleable<TypographyTextProps,
     <InternalTypography
       ref={ref}
       {...props}
-      color={color as GetThemeValueForKey<'color'>}
-      weight={weight}
-      variant={variant}
+      {...(color ? { color } : undefined)}
+      {...(weight ? { weight } : undefined)}
+      {...(variant ? { variant } : undefined)}
     />
   );
 

package/src/system/content/typography/__snapshots__/Typography.features.stories.tsx.snap

@@ -23,6 +23,7 @@ exports[`Bumper/Content/Typography/Features BodyVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardRegular",
           "fontSize": 24,
           "letterSpacing": 0.3,
@@ -36,6 +37,7 @@ exports[`Bumper/Content/Typography/Features BodyVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardRegular",
           "fontSize": 18,
           "letterSpacing": 0.3,
@@ -49,6 +51,7 @@ exports[`Bumper/Content/Typography/Features BodyVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardRegular",
           "fontSize": 16,
           "letterSpacing": 0.3,
@@ -62,6 +65,7 @@ exports[`Bumper/Content/Typography/Features BodyVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardRegular",
           "fontSize": 14,
           "letterSpacing": 0.3,
@@ -75,6 +79,7 @@ exports[`Bumper/Content/Typography/Features BodyVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardRegular",
           "fontSize": 12,
           "letterSpacing": 0.3,
@@ -112,6 +117,7 @@ exports[`Bumper/Content/Typography/Features BodyVariantsBold 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardBold",
           "fontSize": 24,
           "letterSpacing": 0.3,
@@ -125,6 +131,7 @@ exports[`Bumper/Content/Typography/Features BodyVariantsBold 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardBold",
           "fontSize": 18,
           "letterSpacing": 0.3,
@@ -138,6 +145,7 @@ exports[`Bumper/Content/Typography/Features BodyVariantsBold 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardBold",
           "fontSize": 16,
           "letterSpacing": 0.3,
@@ -151,6 +159,7 @@ exports[`Bumper/Content/Typography/Features BodyVariantsBold 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardBold",
           "fontSize": 14,
           "letterSpacing": 0.3,
@@ -164,6 +173,7 @@ exports[`Bumper/Content/Typography/Features BodyVariantsBold 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardBold",
           "fontSize": 12,
           "letterSpacing": 0.3,
@@ -201,6 +211,7 @@ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardNarrowBold",
           "fontSize": 40,
           "letterSpacing": 0,
@@ -215,6 +226,7 @@ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardNarrowBold",
           "fontSize": 32,
           "letterSpacing": 0,
@@ -229,6 +241,7 @@ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardNarrowBold",
           "fontSize": 24,
           "letterSpacing": 0,
@@ -243,6 +256,7 @@ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardNarrowBold",
           "fontSize": 18,
           "letterSpacing": 0,
@@ -257,6 +271,7 @@ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardNarrowBold",
           "fontSize": 16,
           "letterSpacing": 0,
@@ -271,6 +286,7 @@ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardNarrowBold",
           "fontSize": 14,
           "letterSpacing": 0,
@@ -285,6 +301,7 @@ exports[`Bumper/Content/Typography/Features ContentCapsVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardNarrowBold",
           "fontSize": 12,
           "letterSpacing": 0,
@@ -396,6 +413,7 @@ exports[`Bumper/Content/Typography/Features ContextInheritance 1`] = `
       <Text
         style={
           {
+            "color": "#101010",
             "fontFamily": "GTStandardBold",
             "fontSize": 16,
             "letterSpacing": 0.3,
@@ -408,6 +426,7 @@ exports[`Bumper/Content/Typography/Features ContextInheritance 1`] = `
         <Text
           style={
             {
+              "color": "#101010",
               "fontFamily": "GTStandardBold",
               "fontSize": 16,
               "letterSpacing": 0.3,
@@ -446,7 +465,7 @@ exports[`Bumper/Content/Typography/Features ContextInheritance 1`] = `
         style={
           {
             "color": "#357105",
-            "fontFamily": "GTStandard",
+            "fontFamily": "GTStandardRegular",
             "fontSize": 16,
             "letterSpacing": 0.3,
             "lineHeight": 24,
@@ -459,7 +478,7 @@ exports[`Bumper/Content/Typography/Features ContextInheritance 1`] = `
           style={
             {
               "color": "#357105",
-              "fontFamily": "GTStandard",
+              "fontFamily": "GTStandardRegular",
               "fontSize": 16,
               "letterSpacing": 0.3,
               "lineHeight": 24,
@@ -527,6 +546,35 @@ exports[`Bumper/Content/Typography/Features ContextInheritance 1`] = `
 </RNCSafeAreaProvider>
 `;
 
+exports[`Bumper/Content/Typography/Features DefaultValues 1`] = `
+<RNCSafeAreaProvider
+  onInsetsChange={[Function]}
+  style={
+    [
+      {
+        "flex": 1,
+      },
+      undefined,
+    ]
+  }
+>
+  <Text
+    style={
+      {
+        "color": "#101010",
+        "fontFamily": "GTStandardRegular",
+        "fontSize": 16,
+        "letterSpacing": 0.3,
+        "lineHeight": 24,
+      }
+    }
+    suppressHighlighting={true}
+  >
+    Default values - body-m regular
+  </Text>
+</RNCSafeAreaProvider>
+`;
+
 exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
 <RNCSafeAreaProvider
   onInsetsChange={[Function]}
@@ -552,6 +600,7 @@ exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
       role="heading"
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 56,
           "letterSpacing": 0,
@@ -567,6 +616,7 @@ exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
       role="heading"
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 48,
           "letterSpacing": 0,
@@ -582,6 +632,7 @@ exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
       role="heading"
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 38,
           "letterSpacing": 0,
@@ -597,6 +648,7 @@ exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
       role="heading"
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 28,
           "letterSpacing": 0,
@@ -612,6 +664,7 @@ exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
       role="heading"
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 24,
           "letterSpacing": 0,
@@ -627,6 +680,7 @@ exports[`Bumper/Content/Typography/Features HeaderComponents 1`] = `
       role="heading"
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 20,
           "letterSpacing": 0,
@@ -664,6 +718,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 56,
           "letterSpacing": 0,
@@ -677,6 +732,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 48,
           "letterSpacing": 0,
@@ -690,6 +746,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 38,
           "letterSpacing": 0,
@@ -703,6 +760,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 28,
           "letterSpacing": 0,
@@ -716,6 +774,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 24,
           "letterSpacing": 0,
@@ -729,6 +788,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 20,
           "letterSpacing": 0,
@@ -742,6 +802,7 @@ exports[`Bumper/Content/Typography/Features HeadingVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 20,
           "letterSpacing": 0,
@@ -779,6 +840,7 @@ exports[`Bumper/Content/Typography/Features LabelVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 18,
           "letterSpacing": 0,
@@ -792,6 +854,7 @@ exports[`Bumper/Content/Typography/Features LabelVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 16,
           "letterSpacing": 0,
@@ -805,6 +868,7 @@ exports[`Bumper/Content/Typography/Features LabelVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 14,
           "letterSpacing": 0,
@@ -818,6 +882,7 @@ exports[`Bumper/Content/Typography/Features LabelVariants 1`] = `
     <Text
       style={
         {
+          "color": "#101010",
           "fontFamily": "GTStandardSemibold",
           "fontSize": 12,
           "letterSpacing": 0,