@ornikar/bumper 2.2.1 → 2.2.2-canary.5684f2ea0c253c607f3c2621d6f37a8df3f39549.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ornikar/bumper",
-  "version": "2.2.1",
+  "version": "2.2.2-canary.5684f2ea0c253c607f3c2621d6f37a8df3f39549.0",
   "license": "MIT",
   "repository": {
     "directory": "@ornikar/bumper",

package/src/themes/__snapshots__/light.stories.tsx.snap

@@ -58,7 +58,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        content.base.hi
+        content.base.low
       </Text>
       <Text
         style={
@@ -68,12 +68,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #101010
+        #838383
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#101010",
+            "backgroundColor": "#838383",
             "height": 20,
             "width": 20,
           }
@@ -144,7 +144,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        content.base.low
+        content.base.hi
       </Text>
       <Text
         style={
@@ -154,12 +154,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #838383
+        #101010
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#838383",
+            "backgroundColor": "#101010",
             "height": 20,
             "width": 20,
           }
@@ -187,7 +187,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        content.base.onContrasted.hi
+        content.base.onContrasted.low
       </Text>
       <Text
         style={
@@ -197,12 +197,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #ffffff
+        #FFFFFF99
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#ffffff",
+            "backgroundColor": "#FFFFFF99",
             "height": 20,
             "width": 20,
           }
@@ -273,7 +273,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        content.base.onContrasted.low
+        content.base.onContrasted.hi
       </Text>
       <Text
         style={
@@ -283,12 +283,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #FFFFFF99
+        #ffffff
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#FFFFFF99",
+            "backgroundColor": "#ffffff",
             "height": 20,
             "width": 20,
           }
@@ -746,7 +746,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.base.hi.default
+        bg.base.low.default
       </Text>
       <Text
         style={
@@ -756,12 +756,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #F1ECE4
+        #ffffff
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#F1ECE4",
+            "backgroundColor": "#ffffff",
             "height": 20,
             "width": 20,
           }
@@ -789,7 +789,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.base.hi.pressed
+        bg.base.low.pressed
       </Text>
       <Text
         style={
@@ -799,12 +799,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #EAE3D6
+        #F7F4EE
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#EAE3D6",
+            "backgroundColor": "#F7F4EE",
             "height": 20,
             "width": 20,
           }
@@ -918,7 +918,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.base.low.default
+        bg.base.hi.default
       </Text>
       <Text
         style={
@@ -928,12 +928,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #ffffff
+        #F1ECE4
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#ffffff",
+            "backgroundColor": "#F1ECE4",
             "height": 20,
             "width": 20,
           }
@@ -961,7 +961,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.base.low.pressed
+        bg.base.hi.pressed
       </Text>
       <Text
         style={
@@ -971,12 +971,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #F7F4EE
+        #EAE3D6
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#F7F4EE",
+            "backgroundColor": "#EAE3D6",
             "height": 20,
             "width": 20,
           }
@@ -1090,7 +1090,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.promo.hi.default
+        bg.promo.mid.default
       </Text>
       <Text
         style={
@@ -1100,12 +1100,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #43390A
+        #FFF500
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#43390A",
+            "backgroundColor": "#FFF500",
             "height": 20,
             "width": 20,
           }
@@ -1133,7 +1133,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.promo.hi.pressed
+        bg.promo.mid.pressed
       </Text>
       <Text
         style={
@@ -1143,12 +1143,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #594D0D
+        #FFF966
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#594D0D",
+            "backgroundColor": "#FFF966",
             "height": 20,
             "width": 20,
           }
@@ -1176,7 +1176,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.promo.mid.default
+        bg.promo.hi.default
       </Text>
       <Text
         style={
@@ -1186,12 +1186,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #FFF500
+        #43390A
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#FFF500",
+            "backgroundColor": "#43390A",
             "height": 20,
             "width": 20,
           }
@@ -1219,7 +1219,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.promo.mid.pressed
+        bg.promo.hi.pressed
       </Text>
       <Text
         style={
@@ -1229,12 +1229,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #FFF966
+        #594D0D
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#FFF966",
+            "backgroundColor": "#594D0D",
             "height": 20,
             "width": 20,
           }
@@ -1262,7 +1262,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.highlight.default
+        bg.highlight.mid.default
       </Text>
       <Text
         style={
@@ -1272,12 +1272,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #E9F4FC
+        #F8E7FF
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#E9F4FC",
+            "backgroundColor": "#F8E7FF",
             "height": 20,
             "width": 20,
           }
@@ -1305,7 +1305,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.highlight.pressed
+        bg.highlight.mid.pressed
       </Text>
       <Text
         style={
@@ -1315,12 +1315,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #BCDFF6
+        #F1D0FB
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#BCDFF6",
+            "backgroundColor": "#F1D0FB",
             "height": 20,
             "width": 20,
           }
@@ -1348,7 +1348,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.info.hi
+        bg.highlight.hi.default
       </Text>
       <Text
         style={
@@ -1358,12 +1358,55 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #1772AB
+        #E4A4F9
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#1772AB",
+            "backgroundColor": "#E4A4F9",
+            "height": 20,
+            "width": 20,
+          }
+        }
+      />
+    </View>
+    <View
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "borderBottomColor": "#EAE3D6",
+          "borderBottomWidth": 2,
+          "borderStyle": "solid",
+          "flexDirection": "column",
+          "paddingBottom": 8,
+          "paddingTop": 8,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        bg.highlight.hi.pressed
+      </Text>
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        #D283EC
+      </Text>
+      <View
+        style={
+          {
+            "backgroundColor": "#D283EC",
             "height": 20,
             "width": 20,
           }
@@ -1434,7 +1477,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.success.hi
+        bg.info.hi
       </Text>
       <Text
         style={
@@ -1444,12 +1487,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #438D06
+        #1772AB
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#438D06",
+            "backgroundColor": "#1772AB",
             "height": 20,
             "width": 20,
           }
@@ -1520,7 +1563,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.warning.hi
+        bg.success.hi
       </Text>
       <Text
         style={
@@ -1530,12 +1573,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #EFC11F
+        #438D06
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#EFC11F",
+            "backgroundColor": "#438D06",
             "height": 20,
             "width": 20,
           }
@@ -1606,7 +1649,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.danger.hi
+        bg.warning.hi
       </Text>
       <Text
         style={
@@ -1616,12 +1659,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #F14847
+        #EFC11F
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#F14847",
+            "backgroundColor": "#EFC11F",
             "height": 20,
             "width": 20,
           }
@@ -1692,7 +1735,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        bg.disabled.hi
+        bg.danger.hi
       </Text>
       <Text
         style={
@@ -1702,12 +1745,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #A8A8A8
+        #E2483D
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#A8A8A8",
+            "backgroundColor": "#E2483D",
             "height": 20,
             "width": 20,
           }
@@ -1757,6 +1800,49 @@ exports[`bumper/Theme Light 1`] = `
         }
       />
     </View>
+    <View
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "borderBottomColor": "#EAE3D6",
+          "borderBottomWidth": 2,
+          "borderStyle": "solid",
+          "flexDirection": "column",
+          "paddingBottom": 8,
+          "paddingTop": 8,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        bg.disabled.hi
+      </Text>
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        #A8A8A8
+      </Text>
+      <View
+        style={
+          {
+            "backgroundColor": "#A8A8A8",
+            "height": 20,
+            "width": 20,
+          }
+        }
+      />
+    </View>
     <View
       style={
         {
@@ -1821,7 +1907,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        border.base.hi
+        border.base.low
       </Text>
       <Text
         style={
@@ -1831,12 +1917,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #101010
+        #F1ECE4
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#101010",
+            "backgroundColor": "#F1ECE4",
             "height": 20,
             "width": 20,
           }
@@ -1889,7 +1975,7 @@ exports[`bumper/Theme Light 1`] = `
     <View
       style={
         {
-          "backgroundColor": "#563B56",
+          "backgroundColor": "#ffffff",
           "borderBottomColor": "#EAE3D6",
           "borderBottomWidth": 2,
           "borderStyle": "solid",
@@ -1907,7 +1993,7 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        border.base.onContrasted.hi
+        border.base.hi
       </Text>
       <Text
         style={
@@ -1917,12 +2003,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #ffffff
+        #101010
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#ffffff",
+            "backgroundColor": "#101010",
             "height": 20,
             "width": 20,
           }
@@ -1972,6 +2058,49 @@ exports[`bumper/Theme Light 1`] = `
         }
       />
     </View>
+    <View
+      style={
+        {
+          "backgroundColor": "#563B56",
+          "borderBottomColor": "#EAE3D6",
+          "borderBottomWidth": 2,
+          "borderStyle": "solid",
+          "flexDirection": "column",
+          "paddingBottom": 8,
+          "paddingTop": 8,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        border.base.onContrasted.hi
+      </Text>
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        #ffffff
+      </Text>
+      <View
+        style={
+          {
+            "backgroundColor": "#ffffff",
+            "height": 20,
+            "width": 20,
+          }
+        }
+      />
+    </View>
     <View
       style={
         {
@@ -2175,12 +2304,12 @@ exports[`bumper/Theme Light 1`] = `
         }
         suppressHighlighting={true}
       >
-        #F14847
+        #E2483D
       </Text>
       <View
         style={
           {
-            "backgroundColor": "#F14847",
+            "backgroundColor": "#E2483D",
             "height": 20,
             "width": 20,
           }
@@ -2230,6 +2359,49 @@ exports[`bumper/Theme Light 1`] = `
         }
       />
     </View>
+    <View
+      style={
+        {
+          "backgroundColor": "#ffffff",
+          "borderBottomColor": "#EAE3D6",
+          "borderBottomWidth": 2,
+          "borderStyle": "solid",
+          "flexDirection": "column",
+          "paddingBottom": 8,
+          "paddingTop": 8,
+        }
+      }
+    >
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        border.highlight
+      </Text>
+      <Text
+        style={
+          {
+            "fontFamily": "GTStandard",
+          }
+        }
+        suppressHighlighting={true}
+      >
+        #E4A4F9
+      </Text>
+      <View
+        style={
+          {
+            "backgroundColor": "#E4A4F9",
+            "height": 20,
+            "width": 20,
+          }
+        }
+      />
+    </View>
   </View>
 </RNCSafeAreaProvider>
 `;