@jobber/components-native 0.84.4-match-mobi-55ef4ec.7 → 0.84.4-revert-269-3d2712f.18

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

@@ -5,20 +5,9 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
   style={
     [
       {
-        "alignItems": "center",
-        "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,
     ]
@@ -28,7 +17,6 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
     style={
       {
         "flexShrink": 1,
-        "marginBottom": -1,
       }
     }
   >
@@ -37,6 +25,7 @@ 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={
@@ -45,13 +34,13 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(107, 64%, 16%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 12,
+            "fontSize": 14,
             "lineHeight": 18,
           },
           {
@@ -63,21 +52,29 @@ 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": 100,
-          "height": 8,
-          "width": 8,
+          "borderRadius": 3,
+          "height": 12,
+          "marginTop": 3,
+          "width": 12,
         },
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
         },
       ]
     }
-    testID="successIndicator"
+    testID="successLabelIcon"
   />
 </View>
 `;
@@ -87,20 +84,9 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
   style={
     [
       {
-        "alignItems": "center",
-        "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,
     ]
@@ -110,7 +96,6 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
     style={
       {
         "flexShrink": 1,
-        "marginBottom": -1,
       }
     }
   >
@@ -119,6 +104,7 @@ 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={
@@ -127,13 +113,13 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(107, 64%, 16%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 12,
+            "fontSize": 14,
             "lineHeight": 18,
           },
           {
@@ -145,21 +131,29 @@ 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": 100,
-          "height": 8,
-          "width": 8,
+          "borderRadius": 3,
+          "height": 12,
+          "marginTop": 3,
+          "width": 12,
         },
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
         },
       ]
     }
-    testID="successIndicator"
+    testID="successLabelIcon"
   />
 </View>
 `;
@@ -169,20 +163,9 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
   style={
     [
       {
-        "alignItems": "center",
-        "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,
     ]
@@ -192,7 +175,6 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
     style={
       {
         "flexShrink": 1,
-        "marginBottom": -1,
       }
     }
   >
@@ -201,6 +183,7 @@ 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={
@@ -209,13 +192,13 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(6, 100%, 24%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 12,
+            "fontSize": 14,
             "lineHeight": 18,
           },
           {
@@ -227,21 +210,29 @@ 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": 100,
-          "height": 8,
-          "width": 8,
+          "borderRadius": 3,
+          "height": 12,
+          "marginTop": 3,
+          "width": 12,
         },
         {
           "backgroundColor": "hsl(6, 64%, 51%)",
         },
       ]
     }
-    testID="criticalIndicator"
+    testID="criticalLabelIcon"
   />
 </View>
 `;
@@ -251,20 +242,9 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
   style={
     [
       {
-        "alignItems": "center",
-        "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,
     ]
@@ -274,7 +254,6 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
     style={
       {
         "flexShrink": 1,
-        "marginBottom": -1,
       }
     }
   >
@@ -283,6 +262,7 @@ 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={
@@ -291,13 +271,13 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 90%, 12%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 12,
+            "fontSize": 14,
             "lineHeight": 18,
           },
           {
@@ -309,21 +289,29 @@ 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": 100,
-          "height": 8,
-          "width": 8,
+          "borderRadius": 3,
+          "height": 12,
+          "marginTop": 3,
+          "width": 12,
         },
         {
           "backgroundColor": "hsl(198, 25%, 33%)",
         },
       ]
     }
-    testID="inactiveIndicator"
+    testID="inactiveLabelIcon"
   />
 </View>
 `;
@@ -333,20 +321,9 @@ exports[`StatusLabel status when status prop set to "informative" should match s
   style={
     [
       {
-        "alignItems": "center",
-        "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,
     ]
@@ -356,7 +333,6 @@ exports[`StatusLabel status when status prop set to "informative" should match s
     style={
       {
         "flexShrink": 1,
-        "marginBottom": -1,
       }
     }
   >
@@ -365,6 +341,7 @@ 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={
@@ -373,13 +350,13 @@ exports[`StatusLabel status when status prop set to "informative" should match s
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(207, 61%, 34%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 12,
+            "fontSize": 14,
             "lineHeight": 18,
           },
           {
@@ -391,21 +368,29 @@ 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": 100,
-          "height": 8,
-          "width": 8,
+          "borderRadius": 3,
+          "height": 12,
+          "marginTop": 3,
+          "width": 12,
         },
         {
           "backgroundColor": "hsl(207, 79%, 57%)",
         },
       ]
     }
-    testID="informativeIndicator"
+    testID="informativeLabelIcon"
   />
 </View>
 `;
@@ -415,20 +400,9 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
   style={
     [
       {
-        "alignItems": "center",
-        "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,
     ]
@@ -438,7 +412,6 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
     style={
       {
         "flexShrink": 1,
-        "marginBottom": -1,
       }
     }
   >
@@ -447,6 +420,7 @@ 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={
@@ -455,13 +429,13 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(51, 64%, 24%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 12,
+            "fontSize": 14,
             "lineHeight": 18,
           },
           {
@@ -473,21 +447,29 @@ 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": 100,
-          "height": 8,
-          "width": 8,
+          "borderRadius": 3,
+          "height": 12,
+          "marginTop": 3,
+          "width": 12,
         },
         {
           "backgroundColor": "hsl(51, 64%, 49%)",
         },
       ]
     }
-    testID="warningIndicator"
+    testID="warningLabelIcon"
   />
 </View>
 `;
@@ -497,20 +479,9 @@ exports[`StatusLabel status when status prop set to default ("success") should m
   style={
     [
       {
-        "alignItems": "center",
-        "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,
     ]
@@ -520,7 +491,6 @@ exports[`StatusLabel status when status prop set to default ("success") should m
     style={
       {
         "flexShrink": 1,
-        "marginBottom": -1,
       }
     }
   >
@@ -529,6 +499,7 @@ 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={
@@ -537,13 +508,13 @@ exports[`StatusLabel status when status prop set to default ("success") should m
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(107, 64%, 16%)",
+            "color": "hsl(197, 15%, 43%)",
           },
           {
             "textAlign": "right",
           },
           {
-            "fontSize": 12,
+            "fontSize": 14,
             "lineHeight": 18,
           },
           {
@@ -555,21 +526,29 @@ 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": 100,
-          "height": 8,
-          "width": 8,
+          "borderRadius": 3,
+          "height": 12,
+          "marginTop": 3,
+          "width": 12,
         },
         {
           "backgroundColor": "hsl(107, 58%, 33%)",
         },
       ]
     }
-    testID="successIndicator"
+    testID="successLabelIcon"
   />
 </View>
 `;

package/src/index.ts

@@ -39,7 +39,6 @@ export * from "./Menu";
 export * from "./ProgressBar";
 export * from "./Select";
 export * from "./StatusLabel";
-export * from "./StatusIndicator";
 export * from "./Switch";
 export * from "./Text";
 export * from "./TextList";

package/src/utils/meta/meta.json

@@ -57,7 +57,6 @@
     "Option",
     "ProgressBar",
     "Select",
-    "StatusIndicator",
     "StatusLabel",
     "Switch",
     "Text",

package/dist/src/StatusIndicator/StatusIndicator.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { useStyles } from "./StatusIndicator.style";
-import { tokens } from "../utils/design";
-export function StatusIndicator({ status }) {
-    const styles = useStyles();
-    return (React.createElement(View, { testID: `${status}Indicator`, style: [
-            styles.statusIndicator,
-            { backgroundColor: tokens[`color-${status}`] },
-        ] }));
-}

package/dist/src/StatusIndicator/StatusIndicator.style.js

@@ -1,12 +0,0 @@
-import { buildThemedStyles } from "../AtlantisThemeContext";
-export const useStyles = buildThemedStyles(tokens => {
-    const statusIndicatorDiameter = 8;
-    return {
-        statusIndicator: {
-            borderRadius: tokens["radius-circle"],
-            backgroundColor: tokens["color-success"],
-            width: statusIndicatorDiameter,
-            height: statusIndicatorDiameter,
-        },
-    };
-});

package/dist/src/StatusIndicator/StatusIndicator.type.js

@@ -1 +0,0 @@
-export {};

package/dist/src/StatusIndicator/index.js

@@ -1 +0,0 @@
-export { StatusIndicator } from "./StatusIndicator";

package/dist/types/src/StatusIndicator/StatusIndicator.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import type { StatusIndicatorType } from "./StatusIndicator.type";
-export interface StatusIndicatorProps {
-    readonly status: StatusIndicatorType;
-}
-export declare function StatusIndicator({ status }: StatusIndicatorProps): React.JSX.Element;

package/dist/types/src/StatusIndicator/StatusIndicator.style.d.ts

@@ -1,8 +0,0 @@
-export declare const useStyles: () => {
-    statusIndicator: {
-        borderRadius: number;
-        backgroundColor: string;
-        width: number;
-        height: number;
-    };
-};

package/dist/types/src/StatusIndicator/StatusIndicator.type.d.ts

@@ -1 +0,0 @@
-export type StatusIndicatorType = "success" | "warning" | "critical" | "inactive" | "informative";

package/dist/types/src/StatusIndicator/index.d.ts

@@ -1,2 +0,0 @@
-export { StatusIndicator } from "./StatusIndicator";
-export type { StatusIndicatorProps } from "./StatusIndicator";

package/src/StatusIndicator/StatusIndicator.style.ts

@@ -1,14 +0,0 @@
-import { buildThemedStyles } from "../AtlantisThemeContext";
-
-export const useStyles = buildThemedStyles(tokens => {
-  const statusIndicatorDiameter = 8;
-
-  return {
-    statusIndicator: {
-      borderRadius: tokens["radius-circle"],
-      backgroundColor: tokens["color-success"],
-      width: statusIndicatorDiameter,
-      height: statusIndicatorDiameter,
-    },
-  };
-});