@jobber/components-native 0.71.3-JOB-104505-f142a3c.4 → 0.72.1

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

@@ -47,7 +47,9 @@ interface TextProps extends Pick<TypographyProps<"base">, "maxFontScaleSize" | "
      */
     readonly italic?: boolean;
     /**
-     * Underline text
+     * Underline style to use for the text. The non-solid style is only supported
+     * on iOS, as per React Native's Text component's limitations.
+     * https://reactnative.dev/docs/text-style-props#textdecorationstyle-ios
      */
     readonly underline?: "solid" | "dotted";
     /**

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

@@ -56,7 +56,9 @@ export interface TypographyProps<T extends FontFamily> extends Pick<TextProps, "
      */
     readonly fontStyle?: T extends "base" ? BaseStyle : DisplayStyle;
     /**
-     * Style of underline for the text
+     * Underline style to use for the text. The non-solid style is only supported
+     * on iOS, as per React Native's Text component's limitations.
+     * https://reactnative.dev/docs/text-style-props#textdecorationstyle-ios
      */
     readonly underline?: "solid" | "double" | "dotted" | "dashed" | undefined;
     /**
@@ -93,8 +95,8 @@ export type BaseWeight = Extract<FontWeight, "regular" | "medium" | "semiBold" |
 export type DisplayWeight = Extract<FontWeight, "semiBold" | "bold" | "extraBold" | "black">;
 export type BaseStyle = FontStyle;
 export type DisplayStyle = Extract<FontStyle, "regular">;
-export type TextColor = TextVariation | "default" | "blue" | "blueDark" | "white" | "green" | "greenDark" | "grey" | "greyDark" | "greyBlue" | "greyBlueDark" | "lightBlue" | "lightBlueDark" | "red" | "redDark" | "yellow" | "yellowDark" | "yellowGreenDark" | "orangeDark" | "navyDark" | "limeDark" | "purpleDark" | "pinkDark" | "tealDark" | "indigoDark" | "navy" | "text" | "heading" | "textSecondary" | "textReverse" | "textReverseSecondary" | "interactive" | "destructive" | "learning" | "subtle" | "onPrimary";
-export type TextVariation = "success" | "interactive" | "error" | "base" | "subdued" | "warn" | "info" | "disabled" | "critical";
+export type TextColor = TextVariation | "default" | "blue" | "blueDark" | "white" | "green" | "greenDark" | "grey" | "greyDark" | "greyBlue" | "greyBlueDark" | "lightBlue" | "lightBlueDark" | "red" | "redDark" | "yellow" | "yellowDark" | "yellowGreenDark" | "orangeDark" | "navyDark" | "limeDark" | "purpleDark" | "pinkDark" | "tealDark" | "indigoDark" | "navy" | "text" | "heading" | "textSecondary" | "textReverse" | "textReverseSecondary" | "interactive" | "interactiveSubtle" | "destructive" | "learning" | "subtle" | "onPrimary";
+export type TextVariation = "success" | "interactive" | "interactiveSubtle" | "error" | "base" | "subdued" | "warn" | "info" | "disabled" | "destructive" | "critical";
 export type TextTransform = "uppercase" | "lowercase" | "capitalize" | "none";
 export type TextSize = "smallest" | "smaller" | "small" | "default" | "large" | "larger" | "largest" | "jumbo" | "extravagant";
 export type TextAlign = "start" | "end" | "center" | "justify";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.71.3-JOB-104505-f142a3c.4+f142a3c3",
+  "version": "0.72.1",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -82,5 +82,5 @@
     "react-native-safe-area-context": "^4.5.2",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "f142a3c38918be56d7fd5af3d679c0940f89c51c"
+  "gitHead": "6dbe1a431543cacdc9e0b0f4896b7866bc1ae12d"
 }

package/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.tsx

@@ -26,7 +26,7 @@ export function BottomSheetOption({
   textTransform = "capitalize",
   onPress,
 }: BottomSheetOptionProps): JSX.Element {
-  const destructiveColor = "critical";
+  const destructiveColor = "destructive";
   const textVariation = destructive ? destructiveColor : "subdued";
 
   return (

package/src/Menu/components/MenuOption/MenuOption.tsx

@@ -18,7 +18,7 @@ export function MenuOption({
   onPress,
   setOpen,
 }: MenuOptionInternalProps): JSX.Element {
-  const destructiveColor = "critical";
+  const destructiveColor = "destructive";
   const textVariation = destructive ? destructiveColor : "heading";
 
   return (

package/src/Text/Text.tsx

@@ -71,7 +71,9 @@ interface TextProps
   readonly italic?: boolean;
 
   /**
-   * Underline text
+   * Underline style to use for the text. The non-solid style is only supported
+   * on iOS, as per React Native's Text component's limitations.
+   * https://reactnative.dev/docs/text-style-props#textdecorationstyle-ios
    */
   readonly underline?: "solid" | "dotted";
 

package/src/Typography/Typography.tsx

@@ -85,7 +85,9 @@ export interface TypographyProps<T extends FontFamily>
   readonly fontStyle?: T extends "base" ? BaseStyle : DisplayStyle;
 
   /**
-   * Style of underline for the text
+   * Underline style to use for the text. The non-solid style is only supported
+   * on iOS, as per React Native's Text component's limitations.
+   * https://reactnative.dev/docs/text-style-props#textdecorationstyle-ios
    */
   readonly underline?: "solid" | "double" | "dotted" | "dashed" | undefined;
 
@@ -339,6 +341,7 @@ export type TextColor =
   | "textReverse"
   | "textReverseSecondary"
   | "interactive"
+  | "interactiveSubtle"
   | "destructive"
   | "learning"
   | "subtle"
@@ -347,12 +350,14 @@ export type TextColor =
 export type TextVariation =
   | "success"
   | "interactive"
+  | "interactiveSubtle"
   | "error"
   | "base"
   | "subdued"
   | "warn"
   | "info"
   | "disabled"
+  | "destructive"
   | "critical";
 
 export type TextTransform = "uppercase" | "lowercase" | "capitalize" | "none";