@jobber/components-native 0.100.0 → 0.100.1

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TextAlign, TextColor } from "../Typography";
-export type ActionLabelVariation = Extract<TextColor, "interactive" | "destructive" | "learning" | "subtle" | "onPrimary">;
+export type ActionLabelVariation = Extract<TextColor, "interactive" | "destructive" | "learning" | "interactiveSubtle" | "subtle" | "onPrimary">;
 type ActionLabelType = "default" | "cardTitle";
 interface ActionLabelProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.100.0",
+  "version": "0.100.1",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -32,6 +32,7 @@
     "build": "npm run build:clean && npm run compile",
     "bootstrap": "npm run build",
     "prepack": "npm run build",
+    "watch": "tsc -p tsconfig.build.json --watch --preserveWatchOutput",
     "compile": "tsc -p tsconfig.build.json",
     "build:clean": "rm -rf ./dist",
     "storybook": "storybook dev -p 6008 --disable-telemetry",
@@ -93,5 +94,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "2ef76c22620e1627eca8cf576b35e78228262574"
+  "gitHead": "952a8f59bf74f0fec04b870102aa1b23289b2517"
 }

package/src/ActionLabel/ActionLabel.test.tsx

@@ -49,7 +49,19 @@ describe("ActionLabel", () => {
       });
     });
 
-    it("renders a subtle variation", () => {
+    it("renders an interactiveSubtle variation", () => {
+      const text = "Interactive Subtle Action Label";
+      const { getByText } = render(
+        <ActionLabel variation="interactiveSubtle">{text}</ActionLabel>,
+      );
+
+      expect(getStyleObject(getByText(text))).toMatchObject({
+        ...defaultStyles,
+        color: tokens["color-interactive--subtle"],
+      });
+    });
+
+    it("still supports the deprecated subtle variation", () => {
       const text = "Subtle Action Label";
       const { getByText } = render(
         <ActionLabel variation="subtle">{text}</ActionLabel>,

package/src/ActionLabel/ActionLabel.tsx

@@ -5,7 +5,12 @@ import { Typography } from "../Typography";
 
 export type ActionLabelVariation = Extract<
   TextColor,
-  "interactive" | "destructive" | "learning" | "subtle" | "onPrimary"
+  | "interactive"
+  | "destructive"
+  | "learning"
+  | "interactiveSubtle"
+  | "subtle"
+  | "onPrimary"
 >;
 
 type ActionLabelType = "default" | "cardTitle";

package/src/Button/Button.tsx

@@ -211,11 +211,11 @@ function getActionLabelVariation(
 
   switch (variation) {
     case "learning":
-      return "subtle";
+      return "interactiveSubtle";
     case "destructive":
       return "destructive";
     case "cancel":
-      return "subtle";
+      return "interactiveSubtle";
     default:
       return "interactive";
   }