refactor(design): Update color tokens blue--700 and text--secondary

jest.config.js

@@ -82,8 +82,9 @@ module.exports = {
     "^@jobber/hooks/(.*)$": "<rootDir>/packages/hooks/dist/$1",
   },
 
-  // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
-  // modulePathIgnorePatterns: [],
+  // Avoid jest-haste-map duplicate mock / package.json collisions when
+  // packages/components-native/dist exists (see packages/components-native/tsconfig.json).
+  modulePathIgnorePatterns: ["<rootDir>/packages/components-native/dist/"],
 
   // Activates notifications for test results
   // notify: false,

packages/components-native/jest.config.js

@@ -8,6 +8,8 @@ module.exports = {
   ],
   setupFilesAfterEnv: ["./src/__mocks__/__mocks.ts"],
   testPathIgnorePatterns: ["/node_modules/"],
+  // Avoid duplicate haste entries when `dist/` exists (compiled __mocks__ vs src).
+  modulePathIgnorePatterns: ["<rootDir>/dist/"],
   transformIgnorePatterns: [
     "node_modules/(?!(jest-)?@?react-native|@react-native-community|@react-native)",
   ],

packages/components-native/src/Heading/__snapshots__/Heading.test.tsx.snap

@@ -149,7 +149,7 @@ exports[`when Heading called with sub-heading variation and text-color should ma
         "fontFamily": "inter-semibold",
       },
       {
-        "color": "hsl(197, 15%, 43%)",
+        "color": "hsl(197, 21%, 36%)",
       },
       {
         "textAlign": "left",

packages/components-native/src/InputTime/InputTime.test.tsx

@@ -263,7 +263,6 @@ describe("Form controlled", () => {
     expect(clearAction).toBeDefined();
 
     fireEvent.press(clearAction);
-    screen.debug();
     await waitFor(() => {
       expect(
         screen.getByText(requiredError, { includeHiddenElements: true }),

packages/components-native/src/StatusLabel/__snapshots__/StatusLabel.test.tsx.snap

@@ -34,7 +34,7 @@ exports[`StatusLabel alignment when alignment prop set to "end" should match sna
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -113,7 +113,7 @@ exports[`StatusLabel alignment when alignment prop set to default ("start") shou
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -192,7 +192,7 @@ exports[`StatusLabel status when status prop set to "critical" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -271,7 +271,7 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -307,7 +307,7 @@ exports[`StatusLabel status when status prop set to "inactive" should match snap
           "width": 12,
         },
         {
-          "backgroundColor": "hsl(198, 25%, 33%)",
+          "backgroundColor": "hsl(197, 21%, 36%)",
         },
       ]
     }
@@ -350,7 +350,7 @@ exports[`StatusLabel status when status prop set to "informative" should match s
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -429,7 +429,7 @@ exports[`StatusLabel status when status prop set to "warning" should match snaps
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",
@@ -508,7 +508,7 @@ exports[`StatusLabel status when status prop set to default ("success") should m
             "fontFamily": "inter-medium",
           },
           {
-            "color": "hsl(197, 15%, 43%)",
+            "color": "hsl(197, 21%, 36%)",
           },
           {
             "textAlign": "right",

packages/components-native/src/Text/__snapshots__/Text.test.tsx.snap

@@ -459,7 +459,7 @@ exports[`renders text with subdued variation 1`] = `
         "fontFamily": "inter-regular",
       },
       {
-        "color": "hsl(197, 15%, 43%)",
+        "color": "hsl(197, 21%, 36%)",
       },
       {
         "textAlign": "left",
@@ -577,7 +577,7 @@ exports[`renders text with underline styling 1`] = `
         "textDecorationStyle": "dotted",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]

packages/components-native/src/ThumbnailList/__snapshots__/ThumbnailList.test.tsx.snap

@@ -278,7 +278,7 @@ exports[`renders a thumbnail component with attachments 1`] = `
                     "fontFamily": "inter-semibold",
                   },
                   {
-                    "color": "hsl(197, 15%, 43%)",
+                    "color": "hsl(197, 21%, 36%)",
                   },
                   {
                     "textAlign": "left",

packages/components-native/src/Typography/__snapshots__/Typography.test.tsx.snap

@@ -1154,7 +1154,7 @@ exports[`underline renders text with dashed underline 1`] = `
         "textDecorationStyle": "dashed",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]
@@ -1194,7 +1194,7 @@ exports[`underline renders text with dotted underline 1`] = `
         "textDecorationStyle": "dotted",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]
@@ -1234,7 +1234,7 @@ exports[`underline renders text with double underline 1`] = `
         "textDecorationStyle": "double",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]
@@ -1274,7 +1274,7 @@ exports[`underline renders text with solid underline 1`] = `
         "textDecorationStyle": "solid",
       },
       {
-        "textDecorationColor": "hsl(197, 15%, 43%)",
+        "textDecorationColor": "hsl(197, 21%, 36%)",
         "textDecorationLine": "underline",
       },
     ]

packages/components-native/tsconfig.json

@@ -25,12 +25,14 @@
   },
   "jsx": "react-native",
   "include": [
-    "src",
-    "**/*.json"
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.json"
   ],
   "exclude": [
     "node_modules",
     "dist/**/*",
+    "src/__mocks__",
     "tsconfig.eslint.json",
     "**/*.stories.tsx",
     "**/*.test.ts",

packages/design/src/tokens/baseColor.tokens.json

@@ -151,7 +151,7 @@
           "$value": "hsl(197, 15%, 43%)"
         },
         "700": {
-          "$value": "hsl(198, 25%, 33%)"
+          "$value": "hsl(197, 21%, 36%)"
         },
         "800": {
           "$value": "hsl(198, 35%, 21%)"

packages/design/src/tokens/semanticColor.tokens.json

@@ -142,7 +142,7 @@
     },
     "text-": {
       "secondary": {
-        "$value": "{color.base.blue-.600}",
+        "$value": "{color.base.blue-.700}",
         "$description": "Text that is relevant but less important can be lower-contrast to suggest its’ reduced importance."
       },
       "reverse": {