@jobber/components-native 0.84.4-JOB-138679-b1552ab.68 → 0.84.4-match-mobi-accfa8a.9

package/src/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap

@@ -5,9 +5,21 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
   style={
     [
       {
+        "alignItems": "center",
+        "alignSelf": "flex-start",
+        "backgroundColor": "hsl(109, 28%, 92%)",
+        "borderRadius": 16,
         "flexDirection": "row",
+        "flexGrow": 0,
+        "flexShrink": 1,
         "flexWrap": "nowrap",
+        "gap": 4,
         "justifyContent": "flex-end",
+        "paddingHorizontal": 8,
+        "paddingVertical": 4,
+      },
+      {
+        "backgroundColor": "hsl(109, 28%, 92%)",
       },
       false,
     ]
@@ -17,6 +29,7 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
     style={
       {
         "flexShrink": 1,
+        "marginBottom": -1,
       }
     }
   >
@@ -25,7 +38,6 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
       adjustsFontSizeToFit={false}
       allowFontScaling={true}
       collapsable={false}
-      maxFontSizeMultiplier={1.1428571428571428}
       selectable={true}
       selectionColor="hsl(86, 100%, 46%)"
       style={
@@ -34,13 +46,13 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(107, 64%, 16%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 14,
+            "fontSize": 12,
             "lineHeight": 18,
           },
           {
@@ -52,29 +64,21 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
       End Aligned
     </Text>
   </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
   <View
     style={
       [
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
-          "borderRadius": 3,
-          "height": 12,
-          "marginTop": 3,
-          "width": 12,
+          "borderRadius": 100,
+          "height": 8,
+          "width": 8,
         },
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
         },
       ]
     }
-    testID="successLabelIcon"
+    testID="successIndicator"
   />
 </View>
 `;
@@ -84,9 +88,21 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
   style={
     [
       {
+        "alignItems": "center",
+        "alignSelf": "flex-start",
+        "backgroundColor": "hsl(109, 28%, 92%)",
+        "borderRadius": 16,
         "flexDirection": "row",
+        "flexGrow": 0,
+        "flexShrink": 1,
         "flexWrap": "nowrap",
+        "gap": 4,
         "justifyContent": "flex-end",
+        "paddingHorizontal": 8,
+        "paddingVertical": 4,
+      },
+      {
+        "backgroundColor": "hsl(109, 28%, 92%)",
       },
       false,
     ]
@@ -96,6 +112,7 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
     style={
       {
         "flexShrink": 1,
+        "marginBottom": -1,
       }
     }
   >
@@ -104,7 +121,6 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
       adjustsFontSizeToFit={false}
       allowFontScaling={true}
       collapsable={false}
-      maxFontSizeMultiplier={1.1428571428571428}
       selectable={true}
       selectionColor="hsl(86, 100%, 46%)"
       style={
@@ -113,13 +129,13 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(107, 64%, 16%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 14,
+            "fontSize": 12,
             "lineHeight": 18,
           },
           {
@@ -131,29 +147,21 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
       Start Aligned
     </Text>
   </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
   <View
     style={
       [
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
-          "borderRadius": 3,
-          "height": 12,
-          "marginTop": 3,
-          "width": 12,
+          "borderRadius": 100,
+          "height": 8,
+          "width": 8,
         },
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
         },
       ]
     }
-    testID="successLabelIcon"
+    testID="successIndicator"
   />
 </View>
 `;
@@ -163,9 +171,21 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
   style={
     [
       {
+        "alignItems": "center",
+        "alignSelf": "flex-start",
+        "backgroundColor": "hsl(109, 28%, 92%)",
+        "borderRadius": 16,
         "flexDirection": "row",
+        "flexGrow": 0,
+        "flexShrink": 1,
         "flexWrap": "nowrap",
+        "gap": 4,
         "justifyContent": "flex-end",
+        "paddingHorizontal": 8,
+        "paddingVertical": 4,
+      },
+      {
+        "backgroundColor": "hsl(7, 63%, 95%)",
       },
       false,
     ]
@@ -175,6 +195,7 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
     style={
       {
         "flexShrink": 1,
+        "marginBottom": -1,
       }
     }
   >
@@ -183,7 +204,6 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
       adjustsFontSizeToFit={false}
       allowFontScaling={true}
       collapsable={false}
-      maxFontSizeMultiplier={1.1428571428571428}
       selectable={true}
       selectionColor="hsl(86, 100%, 46%)"
       style={
@@ -192,13 +212,13 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(6, 100%, 24%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 14,
+            "fontSize": 12,
             "lineHeight": 18,
           },
           {
@@ -210,29 +230,21 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
       Critical
     </Text>
   </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
   <View
     style={
       [
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
-          "borderRadius": 3,
-          "height": 12,
-          "marginTop": 3,
-          "width": 12,
+          "borderRadius": 100,
+          "height": 8,
+          "width": 8,
         },
         {
           "backgroundColor": "hsl(6, 64%, 51%)",
         },
       ]
     }
-    testID="criticalLabelIcon"
+    testID="criticalIndicator"
   />
 </View>
 `;
@@ -242,9 +254,21 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
   style={
     [
       {
+        "alignItems": "center",
+        "alignSelf": "flex-start",
+        "backgroundColor": "hsl(109, 28%, 92%)",
+        "borderRadius": 16,
         "flexDirection": "row",
+        "flexGrow": 0,
+        "flexShrink": 1,
         "flexWrap": "nowrap",
+        "gap": 4,
         "justifyContent": "flex-end",
+        "paddingHorizontal": 8,
+        "paddingVertical": 4,
+      },
+      {
+        "backgroundColor": "hsl(195, 12%, 94%)",
       },
       false,
     ]
@@ -254,6 +278,7 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
     style={
       {
         "flexShrink": 1,
+        "marginBottom": -1,
       }
     }
   >
@@ -262,7 +287,6 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
       adjustsFontSizeToFit={false}
       allowFontScaling={true}
       collapsable={false}
-      maxFontSizeMultiplier={1.1428571428571428}
       selectable={true}
       selectionColor="hsl(86, 100%, 46%)"
       style={
@@ -271,13 +295,13 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 90%, 12%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 14,
+            "fontSize": 12,
             "lineHeight": 18,
           },
           {
@@ -289,29 +313,21 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
       Inactive
     </Text>
   </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
   <View
     style={
       [
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
-          "borderRadius": 3,
-          "height": 12,
-          "marginTop": 3,
-          "width": 12,
+          "borderRadius": 100,
+          "height": 8,
+          "width": 8,
         },
         {
           "backgroundColor": "hsl(198, 25%, 33%)",
         },
       ]
     }
-    testID="inactiveLabelIcon"
+    testID="inactiveIndicator"
   />
 </View>
 `;
@@ -321,9 +337,21 @@ exports[`StatusLabel status when status prop set to "informative" should match s
   style={
     [
       {
+        "alignItems": "center",
+        "alignSelf": "flex-start",
+        "backgroundColor": "hsl(109, 28%, 92%)",
+        "borderRadius": 16,
         "flexDirection": "row",
+        "flexGrow": 0,
+        "flexShrink": 1,
         "flexWrap": "nowrap",
+        "gap": 4,
         "justifyContent": "flex-end",
+        "paddingHorizontal": 8,
+        "paddingVertical": 4,
+      },
+      {
+        "backgroundColor": "hsl(207, 87%, 94%)",
       },
       false,
     ]
@@ -333,6 +361,7 @@ exports[`StatusLabel status when status prop set to "informative" should match s
     style={
       {
         "flexShrink": 1,
+        "marginBottom": -1,
       }
     }
   >
@@ -341,7 +370,6 @@ exports[`StatusLabel status when status prop set to "informative" should match s
       adjustsFontSizeToFit={false}
       allowFontScaling={true}
       collapsable={false}
-      maxFontSizeMultiplier={1.1428571428571428}
       selectable={true}
       selectionColor="hsl(86, 100%, 46%)"
       style={
@@ -350,13 +378,13 @@ exports[`StatusLabel status when status prop set to "informative" should match s
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(207, 61%, 34%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 14,
+            "fontSize": 12,
             "lineHeight": 18,
           },
           {
@@ -368,29 +396,21 @@ exports[`StatusLabel status when status prop set to "informative" should match s
       Informative
     </Text>
   </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
   <View
     style={
       [
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
-          "borderRadius": 3,
-          "height": 12,
-          "marginTop": 3,
-          "width": 12,
+          "borderRadius": 100,
+          "height": 8,
+          "width": 8,
         },
         {
           "backgroundColor": "hsl(207, 79%, 57%)",
         },
       ]
     }
-    testID="informativeLabelIcon"
+    testID="informativeIndicator"
   />
 </View>
 `;
@@ -400,9 +420,21 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
   style={
     [
       {
+        "alignItems": "center",
+        "alignSelf": "flex-start",
+        "backgroundColor": "hsl(109, 28%, 92%)",
+        "borderRadius": 16,
         "flexDirection": "row",
+        "flexGrow": 0,
+        "flexShrink": 1,
         "flexWrap": "nowrap",
+        "gap": 4,
         "justifyContent": "flex-end",
+        "paddingHorizontal": 8,
+        "paddingVertical": 4,
+      },
+      {
+        "backgroundColor": "hsl(52, 64%, 89%)",
       },
       false,
     ]
@@ -412,6 +444,7 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
     style={
       {
         "flexShrink": 1,
+        "marginBottom": -1,
       }
     }
   >
@@ -420,7 +453,6 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
       adjustsFontSizeToFit={false}
       allowFontScaling={true}
       collapsable={false}
-      maxFontSizeMultiplier={1.1428571428571428}
       selectable={true}
       selectionColor="hsl(86, 100%, 46%)"
       style={
@@ -429,13 +461,13 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(51, 64%, 24%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 14,
+            "fontSize": 12,
             "lineHeight": 18,
           },
           {
@@ -447,29 +479,21 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
       Warning
     </Text>
   </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
   <View
     style={
       [
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
-          "borderRadius": 3,
-          "height": 12,
-          "marginTop": 3,
-          "width": 12,
+          "borderRadius": 100,
+          "height": 8,
+          "width": 8,
         },
         {
           "backgroundColor": "hsl(51, 64%, 49%)",
         },
       ]
     }
-    testID="warningLabelIcon"
+    testID="warningIndicator"
   />
 </View>
 `;
@@ -479,9 +503,21 @@ exports[`StatusLabel status when status prop set to default ("success") should m
   style={
     [
       {
+        "alignItems": "center",
+        "alignSelf": "flex-start",
+        "backgroundColor": "hsl(109, 28%, 92%)",
+        "borderRadius": 16,
         "flexDirection": "row",
+        "flexGrow": 0,
+        "flexShrink": 1,
         "flexWrap": "nowrap",
+        "gap": 4,
         "justifyContent": "flex-end",
+        "paddingHorizontal": 8,
+        "paddingVertical": 4,
+      },
+      {
+        "backgroundColor": "hsl(109, 28%, 92%)",
       },
       false,
     ]
@@ -491,6 +527,7 @@ exports[`StatusLabel status when status prop set to default ("success") should m
     style={
       {
         "flexShrink": 1,
+        "marginBottom": -1,
       }
     }
   >
@@ -499,7 +536,6 @@ exports[`StatusLabel status when status prop set to default ("success") should m
       adjustsFontSizeToFit={false}
       allowFontScaling={true}
       collapsable={false}
-      maxFontSizeMultiplier={1.1428571428571428}
       selectable={true}
       selectionColor="hsl(86, 100%, 46%)"
       style={
@@ -508,13 +544,13 @@ exports[`StatusLabel status when status prop set to default ("success") should m
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(107, 64%, 16%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 14,
+            "fontSize": 12,
             "lineHeight": 18,
           },
           {
@@ -526,29 +562,21 @@ exports[`StatusLabel status when status prop set to default ("success") should m
       Success
     </Text>
   </View>
-  <View
-    style={
-      {
-        "width": 8,
-      }
-    }
-  />
   <View
     style={
       [
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
-          "borderRadius": 3,
-          "height": 12,
-          "marginTop": 3,
-          "width": 12,
+          "borderRadius": 100,
+          "height": 8,
+          "width": 8,
         },
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
         },
       ]
     }
-    testID="successLabelIcon"
+    testID="successIndicator"
   />
 </View>
 `;