@servicetitan/tokens - npm Package Compare versions

Comparing version 12.1.8 to 12.1.9

CHANGELOG.md

@@ -0,1 +1,13 @@
+# 12.1.9 (Thu Jul 14 2022)
+
+#### 🐛 Bug Fix
+
+- changes the process to use direct value instead of converting to hex [#50](https://github.com/servicetitan/tokens/pull/50) ([@tounsoo](https://github.com/tounsoo))
+
+#### Authors: 1
+
+- Ben Ho ([@tounsoo](https://github.com/tounsoo))
+
+---
+
 # 12.1.8 (Tue Jul 12 2022)
@@ -2,0 +14,0 @@

core/appearances/dark.js

 "use strict";
 // Do not edit directly
-// Generated on Tue, 12 Jul 2022 15:57:44 GMT
+// Generated on Thu, 14 Jul 2022 00:58:27 GMT
 exports.__esModule = true;
@@ -25,22 +25,22 @@ exports["default"] = {
         focus: {
-            ringPrimary: 'rgb(34, 112, 238)',
-            ringCritical: 'rgb(249, 77, 50)'
+            ringPrimary: 'rgba(34, 112, 238, 0.5)',
+            ringCritical: 'rgba(249, 77, 50, 0.5)'
         },
         active: {
-            "default": 'rgb(255, 255, 255)',
-            strong: 'rgb(255, 255, 255)',
-            primary: 'rgb(34, 112, 238)',
-            critical: 'rgb(249, 77, 50)',
-            onGrey: 'rgb(20, 20, 20)',
-            onPrimary: 'rgb(20, 20, 20)',
-            onCritical: 'rgb(20, 20, 20)'
+            "default": 'rgba(255, 255, 255, 0.2)',
+            strong: 'rgba(255, 255, 255, 0.7)',
+            primary: 'rgba(34, 112, 238, 0.3)',
+            critical: 'rgba(249, 77, 50, 0.25)',
+            onGrey: 'rgba(20, 20, 20, 0.16)',
+            onPrimary: 'rgba(20, 20, 20, 0.16)',
+            onCritical: 'rgba(20, 20, 20, 0.16)'
         },
         hover: {
-            "default": 'rgb(255, 255, 255)',
-            subdued: 'rgb(255, 255, 255)',
-            primary: 'rgb(34, 112, 238)',
-            critical: 'rgb(249, 77, 50)',
-            onGrey: 'rgb(255, 255, 255)',
-            onPrimary: 'rgb(255, 255, 255)',
-            onCritical: 'rgb(255, 255, 255)'
+            "default": 'rgba(255, 255, 255, 0.08)',
+            subdued: 'rgba(255, 255, 255, 0.04)',
+            primary: 'rgba(34, 112, 238, 0.15)',
+            critical: 'rgba(249, 77, 50, 0.15)',
+            onGrey: 'rgba(255, 255, 255, 0.08)',
+            onPrimary: 'rgba(255, 255, 255, 0.16)',
+            onCritical: 'rgba(255, 255, 255, 0.16)'
         },
@@ -67,9 +67,9 @@ status: {
             primary: 'rgb(86, 164, 255)',
-            primarySubdued: 'rgb(86, 164, 255)',
+            primarySubdued: 'rgba(86, 164, 255, 0.2)',
             secondary: 'rgb(135, 114, 229)',
-            secondarySubdued: 'rgb(66, 39, 153)',
+            secondarySubdued: 'rgba(66, 39, 153, 0.8)',
             critical: 'rgb(255, 116, 95)',
-            criticalSubdued: 'rgb(255, 116, 95)',
-            successSubdued: 'rgb(96, 223, 166)',
-            warningSubdued: 'rgb(255, 226, 120)',
+            criticalSubdued: 'rgba(255, 116, 95, 0.2)',
+            successSubdued: 'rgba(96, 223, 166, 0.2)',
+            warningSubdued: 'rgba(255, 226, 120, 0.2)',
             disabled: 'rgb(96, 97, 98)'
@@ -76,0 +76,0 @@ },

core/appearances/dark.ts

 
 // Do not edit directly
-// Generated on Tue, 12 Jul 2022 15:57:44 GMT
+// Generated on Thu, 14 Jul 2022 00:58:27 GMT
 
@@ -25,22 +25,22 @@ export default {
         focus: {
-            ringPrimary: 'rgb(34, 112, 238)',
-            ringCritical: 'rgb(249, 77, 50)',
+            ringPrimary: 'rgba(34, 112, 238, 0.5)',
+            ringCritical: 'rgba(249, 77, 50, 0.5)',
         },
         active: {
-            default: 'rgb(255, 255, 255)',
-            strong: 'rgb(255, 255, 255)',
-            primary: 'rgb(34, 112, 238)',
-            critical: 'rgb(249, 77, 50)',
-            onGrey: 'rgb(20, 20, 20)',
-            onPrimary: 'rgb(20, 20, 20)',
-            onCritical: 'rgb(20, 20, 20)',
+            default: 'rgba(255, 255, 255, 0.2)',
+            strong: 'rgba(255, 255, 255, 0.7)',
+            primary: 'rgba(34, 112, 238, 0.3)',
+            critical: 'rgba(249, 77, 50, 0.25)',
+            onGrey: 'rgba(20, 20, 20, 0.16)',
+            onPrimary: 'rgba(20, 20, 20, 0.16)',
+            onCritical: 'rgba(20, 20, 20, 0.16)',
         },
         hover: {
-            default: 'rgb(255, 255, 255)',
-            subdued: 'rgb(255, 255, 255)',
-            primary: 'rgb(34, 112, 238)',
-            critical: 'rgb(249, 77, 50)',
-            onGrey: 'rgb(255, 255, 255)',
-            onPrimary: 'rgb(255, 255, 255)',
-            onCritical: 'rgb(255, 255, 255)',
+            default: 'rgba(255, 255, 255, 0.08)',
+            subdued: 'rgba(255, 255, 255, 0.04)',
+            primary: 'rgba(34, 112, 238, 0.15)',
+            critical: 'rgba(249, 77, 50, 0.15)',
+            onGrey: 'rgba(255, 255, 255, 0.08)',
+            onPrimary: 'rgba(255, 255, 255, 0.16)',
+            onCritical: 'rgba(255, 255, 255, 0.16)',
         },
@@ -67,9 +67,9 @@ status: {
             primary: 'rgb(86, 164, 255)',
-            primarySubdued: 'rgb(86, 164, 255)',
+            primarySubdued: 'rgba(86, 164, 255, 0.2)',
             secondary: 'rgb(135, 114, 229)',
-            secondarySubdued: 'rgb(66, 39, 153)',
+            secondarySubdued: 'rgba(66, 39, 153, 0.8)',
             critical: 'rgb(255, 116, 95)',
-            criticalSubdued: 'rgb(255, 116, 95)',
-            successSubdued: 'rgb(96, 223, 166)',
-            warningSubdued: 'rgb(255, 226, 120)',
+            criticalSubdued: 'rgba(255, 116, 95, 0.2)',
+            successSubdued: 'rgba(96, 223, 166, 0.2)',
+            warningSubdued: 'rgba(255, 226, 120, 0.2)',
             disabled: 'rgb(96, 97, 98)',
@@ -76,0 +76,0 @@ },

core/appearances/light.js

 "use strict";
 // Do not edit directly
-// Generated on Tue, 12 Jul 2022 15:57:44 GMT
+// Generated on Thu, 14 Jul 2022 00:58:27 GMT
 exports.__esModule = true;
@@ -29,18 +29,18 @@ exports["default"] = {
         active: {
-            "default": 'rgb(20, 20, 20)',
-            strong: 'rgb(20, 20, 20)',
-            primary: 'rgb(0, 76, 195)',
-            critical: 'rgb(225, 50, 18)',
-            onGrey: 'rgb(20, 20, 20)',
-            onPrimary: 'rgb(20, 20, 20)',
-            onCritical: 'rgb(20, 20, 20)'
+            "default": 'rgba(20, 20, 20, 0.2)',
+            strong: 'rgba(20, 20, 20, 0.4)',
+            primary: 'rgba(0, 76, 195, 0.2)',
+            critical: 'rgba(225, 50, 18, 0.3)',
+            onGrey: 'rgba(20, 20, 20, 0.16)',
+            onPrimary: 'rgba(20, 20, 20, 0.08)',
+            onCritical: 'rgba(20, 20, 20, 0.16)'
         },
         hover: {
-            "default": 'rgb(20, 20, 20)',
-            subdued: 'rgb(68, 68, 69)',
-            primary: 'rgb(34, 112, 238)',
-            critical: 'rgb(225, 50, 18)',
-            onGrey: 'rgb(20, 20, 20)',
-            onPrimary: 'rgb(255, 255, 255)',
-            onCritical: 'rgb(255, 255, 255)'
+            "default": 'rgba(20, 20, 20, 0.08)',
+            subdued: 'rgba(68, 68, 69, 0.04)',
+            primary: 'rgba(34, 112, 238, 0.08)',
+            critical: 'rgba(225, 50, 18, 0.1)',
+            onGrey: 'rgba(20, 20, 20, 0.08)',
+            onPrimary: 'rgba(255, 255, 255, 0.16)',
+            onCritical: 'rgba(255, 255, 255, 0.16)'
         },
@@ -47,0 +47,0 @@ status: {

core/appearances/light.ts

 
 // Do not edit directly
-// Generated on Tue, 12 Jul 2022 15:57:44 GMT
+// Generated on Thu, 14 Jul 2022 00:58:27 GMT
 
@@ -29,18 +29,18 @@ export default {
         active: {
-            default: 'rgb(20, 20, 20)',
-            strong: 'rgb(20, 20, 20)',
-            primary: 'rgb(0, 76, 195)',
-            critical: 'rgb(225, 50, 18)',
-            onGrey: 'rgb(20, 20, 20)',
-            onPrimary: 'rgb(20, 20, 20)',
-            onCritical: 'rgb(20, 20, 20)',
+            default: 'rgba(20, 20, 20, 0.2)',
+            strong: 'rgba(20, 20, 20, 0.4)',
+            primary: 'rgba(0, 76, 195, 0.2)',
+            critical: 'rgba(225, 50, 18, 0.3)',
+            onGrey: 'rgba(20, 20, 20, 0.16)',
+            onPrimary: 'rgba(20, 20, 20, 0.08)',
+            onCritical: 'rgba(20, 20, 20, 0.16)',
         },
         hover: {
-            default: 'rgb(20, 20, 20)',
-            subdued: 'rgb(68, 68, 69)',
-            primary: 'rgb(34, 112, 238)',
-            critical: 'rgb(225, 50, 18)',
-            onGrey: 'rgb(20, 20, 20)',
-            onPrimary: 'rgb(255, 255, 255)',
-            onCritical: 'rgb(255, 255, 255)',
+            default: 'rgba(20, 20, 20, 0.08)',
+            subdued: 'rgba(68, 68, 69, 0.04)',
+            primary: 'rgba(34, 112, 238, 0.08)',
+            critical: 'rgba(225, 50, 18, 0.1)',
+            onGrey: 'rgba(20, 20, 20, 0.08)',
+            onPrimary: 'rgba(255, 255, 255, 0.16)',
+            onCritical: 'rgba(255, 255, 255, 0.16)',
         },
@@ -47,0 +47,0 @@ status: {

core/colors.js

 "use strict";
 // Do not edit directly
-// Generated on Tue, 12 Jul 2022 15:57:44 GMT
+// Generated on Thu, 14 Jul 2022 00:58:27 GMT
 exports.__esModule = true;
@@ -10,3 +10,3 @@ exports["default"] = {
                 {
-                    "value": "rgb(236, 244, 253)",
+                    "value": "#ecf4fd",
                     "filePath": "tokens/themes/core/color.js",
@@ -32,3 +32,3 @@ "isSource": true,
                 {
-                    "value": "rgb(169, 209, 255)",
+                    "value": "#a9d1ff",
                     "filePath": "tokens/themes/core/color.js",
@@ -54,3 +54,3 @@ "isSource": true,
                 {
-                    "value": "rgb(86, 164, 255)",
+                    "value": "#56a4ff",
                     "filePath": "tokens/themes/core/color.js",
@@ -76,3 +76,3 @@ "isSource": true,
                 {
-                    "value": "rgb(34, 112, 238)",
+                    "value": "#2270ee",
                     "filePath": "tokens/themes/core/color.js",
@@ -98,3 +98,3 @@ "isSource": true,
                 {
-                    "value": "rgb(19, 96, 217)",
+                    "value": "#1360d9",
                     "filePath": "tokens/themes/core/color.js",
@@ -120,3 +120,3 @@ "isSource": true,
                 {
-                    "value": "rgb(0, 76, 195)",
+                    "value": "#004cc3",
                     "filePath": "tokens/themes/core/color.js",
@@ -144,3 +144,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 255, 255)",
+                    "value": "#ffffff",
                     "filePath": "tokens/themes/core/color.js",
@@ -166,3 +166,3 @@ "isSource": true,
                 {
-                    "value": "rgb(252, 252, 252)",
+                    "value": "#fcfcfc",
                     "filePath": "tokens/themes/core/color.js",
@@ -188,3 +188,3 @@ "isSource": true,
                 {
-                    "value": "rgb(250, 250, 250)",
+                    "value": "#fafafa",
                     "filePath": "tokens/themes/core/color.js",
@@ -210,3 +210,3 @@ "isSource": true,
                 {
-                    "value": "rgb(247, 247, 247)",
+                    "value": "#f7f7f7",
                     "filePath": "tokens/themes/core/color.js",
@@ -232,3 +232,3 @@ "isSource": true,
                 {
-                    "value": "rgb(245, 245, 245)",
+                    "value": "#f5f5f5",
                     "filePath": "tokens/themes/core/color.js",
@@ -254,3 +254,3 @@ "isSource": true,
                 {
-                    "value": "rgb(238, 238, 238)",
+                    "value": "#eeeeee",
                     "filePath": "tokens/themes/core/color.js",
@@ -276,3 +276,3 @@ "isSource": true,
                 {
-                    "value": "rgb(223, 224, 225)",
+                    "value": "#dfe0e1",
                     "filePath": "tokens/themes/core/color.js",
@@ -298,3 +298,3 @@ "isSource": true,
                 {
-                    "value": "rgb(188, 188, 189)",
+                    "value": "#bcbcbd",
                     "filePath": "tokens/themes/core/color.js",
@@ -320,3 +320,3 @@ "isSource": true,
                 {
-                    "value": "rgb(148, 149, 150)",
+                    "value": "#949596",
                     "filePath": "tokens/themes/core/color.js",
@@ -342,3 +342,3 @@ "isSource": true,
                 {
-                    "value": "rgb(115, 116, 117)",
+                    "value": "#737475",
                     "filePath": "tokens/themes/core/color.js",
@@ -364,3 +364,3 @@ "isSource": true,
                 {
-                    "value": "rgb(96, 97, 98)",
+                    "value": "#606162",
                     "filePath": "tokens/themes/core/color.js",
@@ -386,3 +386,3 @@ "isSource": true,
                 {
-                    "value": "rgb(68, 68, 69)",
+                    "value": "#444445",
                     "filePath": "tokens/themes/core/color.js",
@@ -408,3 +408,3 @@ "isSource": true,
                 {
-                    "value": "rgb(45, 46, 49)",
+                    "value": "#2d2e31",
                     "filePath": "tokens/themes/core/color.js",
@@ -430,3 +430,3 @@ "isSource": true,
                 {
-                    "value": "rgb(20, 20, 20)",
+                    "value": "#141414",
                     "filePath": "tokens/themes/core/color.js",
@@ -452,3 +452,3 @@ "isSource": true,
                 {
-                    "value": "rgb(4, 4, 4)",
+                    "value": "#040404",
                     "filePath": "tokens/themes/core/color.js",
@@ -476,3 +476,3 @@ "isSource": true,
                 {
-                    "value": "rgb(234, 239, 242)",
+                    "value": "#eaeff2",
                     "filePath": "tokens/themes/core/color.js",
@@ -498,3 +498,3 @@ "isSource": true,
                 {
-                    "value": "rgb(208, 216, 221)",
+                    "value": "#d0d8dd",
                     "filePath": "tokens/themes/core/color.js",
@@ -520,3 +520,3 @@ "isSource": true,
                 {
-                    "value": "rgb(180, 193, 200)",
+                    "value": "#b4c1c8",
                     "filePath": "tokens/themes/core/color.js",
@@ -542,3 +542,3 @@ "isSource": true,
                 {
-                    "value": "rgb(140, 156, 165)",
+                    "value": "#8c9ca5",
                     "filePath": "tokens/themes/core/color.js",
@@ -564,3 +564,3 @@ "isSource": true,
                 {
-                    "value": "rgb(106, 122, 133)",
+                    "value": "#6a7a85",
                     "filePath": "tokens/themes/core/color.js",
@@ -586,3 +586,3 @@ "isSource": true,
                 {
-                    "value": "rgb(87, 102, 113)",
+                    "value": "#576671",
                     "filePath": "tokens/themes/core/color.js",
@@ -610,3 +610,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 242, 220)",
+                    "value": "#fff2dc",
                     "filePath": "tokens/themes/core/color.js",
@@ -632,3 +632,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 204, 128)",
+                    "value": "#ffcc80",
                     "filePath": "tokens/themes/core/color.js",
@@ -654,3 +654,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 162, 58)",
+                    "value": "#ffa23a",
                     "filePath": "tokens/themes/core/color.js",
@@ -676,3 +676,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 145, 22)",
+                    "value": "#ff9116",
                     "filePath": "tokens/themes/core/color.js",
@@ -698,3 +698,3 @@ "isSource": true,
                 {
-                    "value": "rgb(238, 132, 0)",
+                    "value": "#ee8400",
                     "filePath": "tokens/themes/core/color.js",
@@ -720,3 +720,3 @@ "isSource": true,
                 {
-                    "value": "rgb(223, 118, 0)",
+                    "value": "#df7600",
                     "filePath": "tokens/themes/core/color.js",
@@ -744,3 +744,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 249, 226)",
+                    "value": "#fff9e2",
                     "filePath": "tokens/themes/core/color.js",
@@ -766,3 +766,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 240, 177)",
+                    "value": "#fff0b1",
                     "filePath": "tokens/themes/core/color.js",
@@ -788,3 +788,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 226, 120)",
+                    "value": "#ffe278",
                     "filePath": "tokens/themes/core/color.js",
@@ -810,3 +810,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 201, 2)",
+                    "value": "#ffc902",
                     "filePath": "tokens/themes/core/color.js",
@@ -832,3 +832,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 190, 0)",
+                    "value": "#ffbe00",
                     "filePath": "tokens/themes/core/color.js",
@@ -854,3 +854,3 @@ "isSource": true,
                 {
-                    "value": "rgb(222, 149, 0)",
+                    "value": "#de9500",
                     "filePath": "tokens/themes/core/color.js",
@@ -878,3 +878,3 @@ "isSource": true,
                 {
-                    "value": "rgb(225, 253, 239)",
+                    "value": "#e1fdef",
                     "filePath": "tokens/themes/core/color.js",
@@ -900,3 +900,3 @@ "isSource": true,
                 {
-                    "value": "rgb(144, 239, 192)",
+                    "value": "#90efc0",
                     "filePath": "tokens/themes/core/color.js",
@@ -922,3 +922,3 @@ "isSource": true,
                 {
-                    "value": "rgb(96, 223, 166)",
+                    "value": "#60dfa6",
                     "filePath": "tokens/themes/core/color.js",
@@ -944,3 +944,3 @@ "isSource": true,
                 {
-                    "value": "rgb(31, 188, 112)",
+                    "value": "#1fbc70",
                     "filePath": "tokens/themes/core/color.js",
@@ -966,3 +966,3 @@ "isSource": true,
                 {
-                    "value": "rgb(24, 167, 97)",
+                    "value": "#18a761",
                     "filePath": "tokens/themes/core/color.js",
@@ -988,3 +988,3 @@ "isSource": true,
                 {
-                    "value": "rgb(16, 134, 75)",
+                    "value": "#10864b",
                     "filePath": "tokens/themes/core/color.js",
@@ -1012,3 +1012,3 @@ "isSource": true,
                 {
-                    "value": "rgb(227, 252, 255)",
+                    "value": "#e3fcff",
                     "filePath": "tokens/themes/core/color.js",
@@ -1034,3 +1034,3 @@ "isSource": true,
                 {
-                    "value": "rgb(177, 243, 250)",
+                    "value": "#b1f3fa",
                     "filePath": "tokens/themes/core/color.js",
@@ -1056,3 +1056,3 @@ "isSource": true,
                 {
-                    "value": "rgb(19, 206, 234)",
+                    "value": "#13ceea",
                     "filePath": "tokens/themes/core/color.js",
@@ -1078,3 +1078,3 @@ "isSource": true,
                 {
-                    "value": "rgb(8, 191, 223)",
+                    "value": "#08bfdf",
                     "filePath": "tokens/themes/core/color.js",
@@ -1100,3 +1100,3 @@ "isSource": true,
                 {
-                    "value": "rgb(12, 165, 192)",
+                    "value": "#0ca5c0",
                     "filePath": "tokens/themes/core/color.js",
@@ -1122,3 +1122,3 @@ "isSource": true,
                 {
-                    "value": "rgb(3, 130, 153)",
+                    "value": "#038299",
                     "filePath": "tokens/themes/core/color.js",
@@ -1146,3 +1146,3 @@ "isSource": true,
                 {
-                    "value": "rgb(241, 237, 255)",
+                    "value": "#f1edff",
                     "filePath": "tokens/themes/core/color.js",
@@ -1168,3 +1168,3 @@ "isSource": true,
                 {
-                    "value": "rgb(193, 182, 242)",
+                    "value": "#c1b6f2",
                     "filePath": "tokens/themes/core/color.js",
@@ -1190,3 +1190,3 @@ "isSource": true,
                 {
-                    "value": "rgb(135, 114, 229)",
+                    "value": "#8772e5",
                     "filePath": "tokens/themes/core/color.js",
@@ -1212,3 +1212,3 @@ "isSource": true,
                 {
-                    "value": "rgb(105, 84, 192)",
+                    "value": "#6954c0",
                     "filePath": "tokens/themes/core/color.js",
@@ -1234,3 +1234,3 @@ "isSource": true,
                 {
-                    "value": "rgb(79, 58, 158)",
+                    "value": "#4f3a9e",
                     "filePath": "tokens/themes/core/color.js",
@@ -1256,3 +1256,3 @@ "isSource": true,
                 {
-                    "value": "rgb(66, 39, 153)",
+                    "value": "#422799",
                     "filePath": "tokens/themes/core/color.js",
@@ -1280,3 +1280,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 236, 233)",
+                    "value": "#ffece9",
                     "filePath": "tokens/themes/core/color.js",
@@ -1302,3 +1302,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 178, 160)",
+                    "value": "#ffb2a0",
                     "filePath": "tokens/themes/core/color.js",
@@ -1324,3 +1324,3 @@ "isSource": true,
                 {
-                    "value": "rgb(255, 116, 95)",
+                    "value": "#ff745f",
                     "filePath": "tokens/themes/core/color.js",
@@ -1346,3 +1346,3 @@ "isSource": true,
                 {
-                    "value": "rgb(249, 77, 50)",
+                    "value": "#f94d32",
                     "filePath": "tokens/themes/core/color.js",
@@ -1368,3 +1368,3 @@ "isSource": true,
                 {
-                    "value": "rgb(225, 50, 18)",
+                    "value": "#e13212",
                     "filePath": "tokens/themes/core/color.js",
@@ -1390,3 +1390,3 @@ "isSource": true,
                 {
-                    "value": "rgb(191, 42, 0)",
+                    "value": "#bf2a00",
                     "filePath": "tokens/themes/core/color.js",
@@ -1414,3 +1414,3 @@ "isSource": true,
                 {
-                    "value": "rgb(251, 234, 245)",
+                    "value": "#fbeaf5",
                     "filePath": "tokens/themes/core/color.js",
@@ -1436,3 +1436,3 @@ "isSource": true,
                 {
-                    "value": "rgb(250, 175, 226)",
+                    "value": "#faafe2",
                     "filePath": "tokens/themes/core/color.js",
@@ -1458,3 +1458,3 @@ "isSource": true,
                 {
-                    "value": "rgb(217, 73, 169)",
+                    "value": "#d949a9",
                     "filePath": "tokens/themes/core/color.js",
@@ -1480,3 +1480,3 @@ "isSource": true,
                 {
-                    "value": "rgb(181, 45, 136)",
+                    "value": "#b52d88",
                     "filePath": "tokens/themes/core/color.js",
@@ -1502,3 +1502,3 @@ "isSource": true,
                 {
-                    "value": "rgb(152, 32, 113)",
+                    "value": "#982071",
                     "filePath": "tokens/themes/core/color.js",
@@ -1524,3 +1524,3 @@ "isSource": true,
                 {
-                    "value": "rgb(125, 22, 91)",
+                    "value": "#7d165b",
                     "filePath": "tokens/themes/core/color.js",
@@ -1527,0 +1527,0 @@ "isSource": true,

core/colors.ts

 
 // Do not edit directly
-// Generated on Tue, 12 Jul 2022 15:57:44 GMT
+// Generated on Thu, 14 Jul 2022 00:58:27 GMT
 
@@ -10,3 +10,3 @@ export default {
         {
-          "value": "rgb(236, 244, 253)",
+          "value": "#ecf4fd",
           "filePath": "tokens/themes/core/color.js",
@@ -32,3 +32,3 @@ "isSource": true,
         {
-          "value": "rgb(169, 209, 255)",
+          "value": "#a9d1ff",
           "filePath": "tokens/themes/core/color.js",
@@ -54,3 +54,3 @@ "isSource": true,
         {
-          "value": "rgb(86, 164, 255)",
+          "value": "#56a4ff",
           "filePath": "tokens/themes/core/color.js",
@@ -76,3 +76,3 @@ "isSource": true,
         {
-          "value": "rgb(34, 112, 238)",
+          "value": "#2270ee",
           "filePath": "tokens/themes/core/color.js",
@@ -98,3 +98,3 @@ "isSource": true,
         {
-          "value": "rgb(19, 96, 217)",
+          "value": "#1360d9",
           "filePath": "tokens/themes/core/color.js",
@@ -120,3 +120,3 @@ "isSource": true,
         {
-          "value": "rgb(0, 76, 195)",
+          "value": "#004cc3",
           "filePath": "tokens/themes/core/color.js",
@@ -144,3 +144,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 255, 255)",
+          "value": "#ffffff",
           "filePath": "tokens/themes/core/color.js",
@@ -166,3 +166,3 @@ "isSource": true,
         {
-          "value": "rgb(252, 252, 252)",
+          "value": "#fcfcfc",
           "filePath": "tokens/themes/core/color.js",
@@ -188,3 +188,3 @@ "isSource": true,
         {
-          "value": "rgb(250, 250, 250)",
+          "value": "#fafafa",
           "filePath": "tokens/themes/core/color.js",
@@ -210,3 +210,3 @@ "isSource": true,
         {
-          "value": "rgb(247, 247, 247)",
+          "value": "#f7f7f7",
           "filePath": "tokens/themes/core/color.js",
@@ -232,3 +232,3 @@ "isSource": true,
         {
-          "value": "rgb(245, 245, 245)",
+          "value": "#f5f5f5",
           "filePath": "tokens/themes/core/color.js",
@@ -254,3 +254,3 @@ "isSource": true,
         {
-          "value": "rgb(238, 238, 238)",
+          "value": "#eeeeee",
           "filePath": "tokens/themes/core/color.js",
@@ -276,3 +276,3 @@ "isSource": true,
         {
-          "value": "rgb(223, 224, 225)",
+          "value": "#dfe0e1",
           "filePath": "tokens/themes/core/color.js",
@@ -298,3 +298,3 @@ "isSource": true,
         {
-          "value": "rgb(188, 188, 189)",
+          "value": "#bcbcbd",
           "filePath": "tokens/themes/core/color.js",
@@ -320,3 +320,3 @@ "isSource": true,
         {
-          "value": "rgb(148, 149, 150)",
+          "value": "#949596",
           "filePath": "tokens/themes/core/color.js",
@@ -342,3 +342,3 @@ "isSource": true,
         {
-          "value": "rgb(115, 116, 117)",
+          "value": "#737475",
           "filePath": "tokens/themes/core/color.js",
@@ -364,3 +364,3 @@ "isSource": true,
         {
-          "value": "rgb(96, 97, 98)",
+          "value": "#606162",
           "filePath": "tokens/themes/core/color.js",
@@ -386,3 +386,3 @@ "isSource": true,
         {
-          "value": "rgb(68, 68, 69)",
+          "value": "#444445",
           "filePath": "tokens/themes/core/color.js",
@@ -408,3 +408,3 @@ "isSource": true,
         {
-          "value": "rgb(45, 46, 49)",
+          "value": "#2d2e31",
           "filePath": "tokens/themes/core/color.js",
@@ -430,3 +430,3 @@ "isSource": true,
         {
-          "value": "rgb(20, 20, 20)",
+          "value": "#141414",
           "filePath": "tokens/themes/core/color.js",
@@ -452,3 +452,3 @@ "isSource": true,
         {
-          "value": "rgb(4, 4, 4)",
+          "value": "#040404",
           "filePath": "tokens/themes/core/color.js",
@@ -476,3 +476,3 @@ "isSource": true,
         {
-          "value": "rgb(234, 239, 242)",
+          "value": "#eaeff2",
           "filePath": "tokens/themes/core/color.js",
@@ -498,3 +498,3 @@ "isSource": true,
         {
-          "value": "rgb(208, 216, 221)",
+          "value": "#d0d8dd",
           "filePath": "tokens/themes/core/color.js",
@@ -520,3 +520,3 @@ "isSource": true,
         {
-          "value": "rgb(180, 193, 200)",
+          "value": "#b4c1c8",
           "filePath": "tokens/themes/core/color.js",
@@ -542,3 +542,3 @@ "isSource": true,
         {
-          "value": "rgb(140, 156, 165)",
+          "value": "#8c9ca5",
           "filePath": "tokens/themes/core/color.js",
@@ -564,3 +564,3 @@ "isSource": true,
         {
-          "value": "rgb(106, 122, 133)",
+          "value": "#6a7a85",
           "filePath": "tokens/themes/core/color.js",
@@ -586,3 +586,3 @@ "isSource": true,
         {
-          "value": "rgb(87, 102, 113)",
+          "value": "#576671",
           "filePath": "tokens/themes/core/color.js",
@@ -610,3 +610,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 242, 220)",
+          "value": "#fff2dc",
           "filePath": "tokens/themes/core/color.js",
@@ -632,3 +632,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 204, 128)",
+          "value": "#ffcc80",
           "filePath": "tokens/themes/core/color.js",
@@ -654,3 +654,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 162, 58)",
+          "value": "#ffa23a",
           "filePath": "tokens/themes/core/color.js",
@@ -676,3 +676,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 145, 22)",
+          "value": "#ff9116",
           "filePath": "tokens/themes/core/color.js",
@@ -698,3 +698,3 @@ "isSource": true,
         {
-          "value": "rgb(238, 132, 0)",
+          "value": "#ee8400",
           "filePath": "tokens/themes/core/color.js",
@@ -720,3 +720,3 @@ "isSource": true,
         {
-          "value": "rgb(223, 118, 0)",
+          "value": "#df7600",
           "filePath": "tokens/themes/core/color.js",
@@ -744,3 +744,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 249, 226)",
+          "value": "#fff9e2",
           "filePath": "tokens/themes/core/color.js",
@@ -766,3 +766,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 240, 177)",
+          "value": "#fff0b1",
           "filePath": "tokens/themes/core/color.js",
@@ -788,3 +788,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 226, 120)",
+          "value": "#ffe278",
           "filePath": "tokens/themes/core/color.js",
@@ -810,3 +810,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 201, 2)",
+          "value": "#ffc902",
           "filePath": "tokens/themes/core/color.js",
@@ -832,3 +832,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 190, 0)",
+          "value": "#ffbe00",
           "filePath": "tokens/themes/core/color.js",
@@ -854,3 +854,3 @@ "isSource": true,
         {
-          "value": "rgb(222, 149, 0)",
+          "value": "#de9500",
           "filePath": "tokens/themes/core/color.js",
@@ -878,3 +878,3 @@ "isSource": true,
         {
-          "value": "rgb(225, 253, 239)",
+          "value": "#e1fdef",
           "filePath": "tokens/themes/core/color.js",
@@ -900,3 +900,3 @@ "isSource": true,
         {
-          "value": "rgb(144, 239, 192)",
+          "value": "#90efc0",
           "filePath": "tokens/themes/core/color.js",
@@ -922,3 +922,3 @@ "isSource": true,
         {
-          "value": "rgb(96, 223, 166)",
+          "value": "#60dfa6",
           "filePath": "tokens/themes/core/color.js",
@@ -944,3 +944,3 @@ "isSource": true,
         {
-          "value": "rgb(31, 188, 112)",
+          "value": "#1fbc70",
           "filePath": "tokens/themes/core/color.js",
@@ -966,3 +966,3 @@ "isSource": true,
         {
-          "value": "rgb(24, 167, 97)",
+          "value": "#18a761",
           "filePath": "tokens/themes/core/color.js",
@@ -988,3 +988,3 @@ "isSource": true,
         {
-          "value": "rgb(16, 134, 75)",
+          "value": "#10864b",
           "filePath": "tokens/themes/core/color.js",
@@ -1012,3 +1012,3 @@ "isSource": true,
         {
-          "value": "rgb(227, 252, 255)",
+          "value": "#e3fcff",
           "filePath": "tokens/themes/core/color.js",
@@ -1034,3 +1034,3 @@ "isSource": true,
         {
-          "value": "rgb(177, 243, 250)",
+          "value": "#b1f3fa",
           "filePath": "tokens/themes/core/color.js",
@@ -1056,3 +1056,3 @@ "isSource": true,
         {
-          "value": "rgb(19, 206, 234)",
+          "value": "#13ceea",
           "filePath": "tokens/themes/core/color.js",
@@ -1078,3 +1078,3 @@ "isSource": true,
         {
-          "value": "rgb(8, 191, 223)",
+          "value": "#08bfdf",
           "filePath": "tokens/themes/core/color.js",
@@ -1100,3 +1100,3 @@ "isSource": true,
         {
-          "value": "rgb(12, 165, 192)",
+          "value": "#0ca5c0",
           "filePath": "tokens/themes/core/color.js",
@@ -1122,3 +1122,3 @@ "isSource": true,
         {
-          "value": "rgb(3, 130, 153)",
+          "value": "#038299",
           "filePath": "tokens/themes/core/color.js",
@@ -1146,3 +1146,3 @@ "isSource": true,
         {
-          "value": "rgb(241, 237, 255)",
+          "value": "#f1edff",
           "filePath": "tokens/themes/core/color.js",
@@ -1168,3 +1168,3 @@ "isSource": true,
         {
-          "value": "rgb(193, 182, 242)",
+          "value": "#c1b6f2",
           "filePath": "tokens/themes/core/color.js",
@@ -1190,3 +1190,3 @@ "isSource": true,
         {
-          "value": "rgb(135, 114, 229)",
+          "value": "#8772e5",
           "filePath": "tokens/themes/core/color.js",
@@ -1212,3 +1212,3 @@ "isSource": true,
         {
-          "value": "rgb(105, 84, 192)",
+          "value": "#6954c0",
           "filePath": "tokens/themes/core/color.js",
@@ -1234,3 +1234,3 @@ "isSource": true,
         {
-          "value": "rgb(79, 58, 158)",
+          "value": "#4f3a9e",
           "filePath": "tokens/themes/core/color.js",
@@ -1256,3 +1256,3 @@ "isSource": true,
         {
-          "value": "rgb(66, 39, 153)",
+          "value": "#422799",
           "filePath": "tokens/themes/core/color.js",
@@ -1280,3 +1280,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 236, 233)",
+          "value": "#ffece9",
           "filePath": "tokens/themes/core/color.js",
@@ -1302,3 +1302,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 178, 160)",
+          "value": "#ffb2a0",
           "filePath": "tokens/themes/core/color.js",
@@ -1324,3 +1324,3 @@ "isSource": true,
         {
-          "value": "rgb(255, 116, 95)",
+          "value": "#ff745f",
           "filePath": "tokens/themes/core/color.js",
@@ -1346,3 +1346,3 @@ "isSource": true,
         {
-          "value": "rgb(249, 77, 50)",
+          "value": "#f94d32",
           "filePath": "tokens/themes/core/color.js",
@@ -1368,3 +1368,3 @@ "isSource": true,
         {
-          "value": "rgb(225, 50, 18)",
+          "value": "#e13212",
           "filePath": "tokens/themes/core/color.js",
@@ -1390,3 +1390,3 @@ "isSource": true,
         {
-          "value": "rgb(191, 42, 0)",
+          "value": "#bf2a00",
           "filePath": "tokens/themes/core/color.js",
@@ -1414,3 +1414,3 @@ "isSource": true,
         {
-          "value": "rgb(251, 234, 245)",
+          "value": "#fbeaf5",
           "filePath": "tokens/themes/core/color.js",
@@ -1436,3 +1436,3 @@ "isSource": true,
         {
-          "value": "rgb(250, 175, 226)",
+          "value": "#faafe2",
           "filePath": "tokens/themes/core/color.js",
@@ -1458,3 +1458,3 @@ "isSource": true,
         {
-          "value": "rgb(217, 73, 169)",
+          "value": "#d949a9",
           "filePath": "tokens/themes/core/color.js",
@@ -1480,3 +1480,3 @@ "isSource": true,
         {
-          "value": "rgb(181, 45, 136)",
+          "value": "#b52d88",
           "filePath": "tokens/themes/core/color.js",
@@ -1502,3 +1502,3 @@ "isSource": true,
         {
-          "value": "rgb(152, 32, 113)",
+          "value": "#982071",
           "filePath": "tokens/themes/core/color.js",
@@ -1524,3 +1524,3 @@ "isSource": true,
         {
-          "value": "rgb(125, 22, 91)",
+          "value": "#7d165b",
           "filePath": "tokens/themes/core/color.js",
@@ -1527,0 +1527,0 @@ "isSource": true,

core/tokens.js

 "use strict";
 // Do not edit directly
-// Generated on Tue, 12 Jul 2022 15:57:44 GMT
+// Generated on Thu, 14 Jul 2022 00:58:27 GMT
 exports.__esModule = true;
 exports["default"] = {
-    colorWhite: "rgb(255, 255, 255)",
-    colorBlack: "rgb(4, 4, 4)",
-    colorBlue: "rgb(34, 112, 238)",
-    colorBlueGrey: "rgb(140, 156, 165)",
-    colorOrange: "rgb(255, 145, 22)",
-    colorYellow: "rgb(255, 201, 2)",
-    colorGreen: "rgb(31, 188, 112)",
-    colorCyan: "rgb(8, 191, 223)",
-    colorPurple: "rgb(105, 84, 192)",
-    colorRed: "rgb(249, 77, 50)",
-    colorMagenta: "rgb(181, 45, 136)",
+    colorWhite: "#ffffff",
+    colorBlack: "#040404",
+    colorBlue: "#2270ee",
+    colorBlueGrey: "#8c9ca5",
+    colorOrange: "#ff9116",
+    colorYellow: "#ffc902",
+    colorGreen: "#1fbc70",
+    colorCyan: "#08bfdf",
+    colorPurple: "#6954c0",
+    colorRed: "#f94d32",
+    colorMagenta: "#b52d88",
     defaultBorderRadius: "3px",
@@ -33,71 +33,71 @@ circularRadius: "50%",
     breakpointWidescreen: "1920px",
-    colorBlue100: "rgb(236, 244, 253)",
-    colorBlue200: "rgb(169, 209, 255)",
-    colorBlue300: "rgb(86, 164, 255)",
-    colorBlue400: "rgb(34, 112, 238)",
-    colorBlue500: "rgb(19, 96, 217)",
-    colorBlue600: "rgb(0, 76, 195)",
-    colorNeutral0: "rgb(255, 255, 255)",
-    colorNeutral10: "rgb(252, 252, 252)",
-    colorNeutral20: "rgb(250, 250, 250)",
-    colorNeutral30: "rgb(247, 247, 247)",
-    colorNeutral40: "rgb(245, 245, 245)",
-    colorNeutral50: "rgb(238, 238, 238)",
-    colorNeutral60: "rgb(223, 224, 225)",
-    colorNeutral70: "rgb(188, 188, 189)",
-    colorNeutral80: "rgb(148, 149, 150)",
-    colorNeutral90: "rgb(115, 116, 117)",
-    colorNeutral100: "rgb(96, 97, 98)",
-    colorNeutral200: "rgb(68, 68, 69)",
-    colorNeutral300: "rgb(45, 46, 49)",
-    colorNeutral400: "rgb(20, 20, 20)",
-    colorNeutral500: "rgb(4, 4, 4)",
-    colorBlueGrey100: "rgb(234, 239, 242)",
-    colorBlueGrey200: "rgb(208, 216, 221)",
-    colorBlueGrey300: "rgb(180, 193, 200)",
-    colorBlueGrey400: "rgb(140, 156, 165)",
-    colorBlueGrey500: "rgb(106, 122, 133)",
-    colorBlueGrey600: "rgb(87, 102, 113)",
-    colorOrange100: "rgb(255, 242, 220)",
-    colorOrange200: "rgb(255, 204, 128)",
-    colorOrange300: "rgb(255, 162, 58)",
-    colorOrange400: "rgb(255, 145, 22)",
-    colorOrange500: "rgb(238, 132, 0)",
-    colorOrange600: "rgb(223, 118, 0)",
-    colorYellow100: "rgb(255, 249, 226)",
-    colorYellow200: "rgb(255, 240, 177)",
-    colorYellow300: "rgb(255, 226, 120)",
-    colorYellow400: "rgb(255, 201, 2)",
-    colorYellow500: "rgb(255, 190, 0)",
-    colorYellow600: "rgb(222, 149, 0)",
-    colorGreen100: "rgb(225, 253, 239)",
-    colorGreen200: "rgb(144, 239, 192)",
-    colorGreen300: "rgb(96, 223, 166)",
-    colorGreen400: "rgb(31, 188, 112)",
-    colorGreen500: "rgb(24, 167, 97)",
-    colorGreen600: "rgb(16, 134, 75)",
-    colorCyan100: "rgb(227, 252, 255)",
-    colorCyan200: "rgb(177, 243, 250)",
-    colorCyan300: "rgb(19, 206, 234)",
-    colorCyan400: "rgb(8, 191, 223)",
-    colorCyan500: "rgb(12, 165, 192)",
-    colorCyan600: "rgb(3, 130, 153)",
-    colorPurple100: "rgb(241, 237, 255)",
-    colorPurple200: "rgb(193, 182, 242)",
-    colorPurple300: "rgb(135, 114, 229)",
-    colorPurple400: "rgb(105, 84, 192)",
-    colorPurple500: "rgb(79, 58, 158)",
-    colorPurple600: "rgb(66, 39, 153)",
-    colorRed100: "rgb(255, 236, 233)",
-    colorRed200: "rgb(255, 178, 160)",
-    colorRed300: "rgb(255, 116, 95)",
-    colorRed400: "rgb(249, 77, 50)",
-    colorRed500: "rgb(225, 50, 18)",
-    colorRed600: "rgb(191, 42, 0)",
-    colorMagenta100: "rgb(251, 234, 245)",
-    colorMagenta200: "rgb(250, 175, 226)",
-    colorMagenta300: "rgb(217, 73, 169)",
-    colorMagenta400: "rgb(181, 45, 136)",
-    colorMagenta500: "rgb(152, 32, 113)",
-    colorMagenta600: "rgb(125, 22, 91)",
+    colorBlue100: "#ecf4fd",
+    colorBlue200: "#a9d1ff",
+    colorBlue300: "#56a4ff",
+    colorBlue400: "#2270ee",
+    colorBlue500: "#1360d9",
+    colorBlue600: "#004cc3",
+    colorNeutral0: "#ffffff",
+    colorNeutral10: "#fcfcfc",
+    colorNeutral20: "#fafafa",
+    colorNeutral30: "#f7f7f7",
+    colorNeutral40: "#f5f5f5",
+    colorNeutral50: "#eeeeee",
+    colorNeutral60: "#dfe0e1",
+    colorNeutral70: "#bcbcbd",
+    colorNeutral80: "#949596",
+    colorNeutral90: "#737475",
+    colorNeutral100: "#606162",
+    colorNeutral200: "#444445",
+    colorNeutral300: "#2d2e31",
+    colorNeutral400: "#141414",
+    colorNeutral500: "#040404",
+    colorBlueGrey100: "#eaeff2",
+    colorBlueGrey200: "#d0d8dd",
+    colorBlueGrey300: "#b4c1c8",
+    colorBlueGrey400: "#8c9ca5",
+    colorBlueGrey500: "#6a7a85",
+    colorBlueGrey600: "#576671",
+    colorOrange100: "#fff2dc",
+    colorOrange200: "#ffcc80",
+    colorOrange300: "#ffa23a",
+    colorOrange400: "#ff9116",
+    colorOrange500: "#ee8400",
+    colorOrange600: "#df7600",
+    colorYellow100: "#fff9e2",
+    colorYellow200: "#fff0b1",
+    colorYellow300: "#ffe278",
+    colorYellow400: "#ffc902",
+    colorYellow500: "#ffbe00",
+    colorYellow600: "#de9500",
+    colorGreen100: "#e1fdef",
+    colorGreen200: "#90efc0",
+    colorGreen300: "#60dfa6",
+    colorGreen400: "#1fbc70",
+    colorGreen500: "#18a761",
+    colorGreen600: "#10864b",
+    colorCyan100: "#e3fcff",
+    colorCyan200: "#b1f3fa",
+    colorCyan300: "#13ceea",
+    colorCyan400: "#08bfdf",
+    colorCyan500: "#0ca5c0",
+    colorCyan600: "#038299",
+    colorPurple100: "#f1edff",
+    colorPurple200: "#c1b6f2",
+    colorPurple300: "#8772e5",
+    colorPurple400: "#6954c0",
+    colorPurple500: "#4f3a9e",
+    colorPurple600: "#422799",
+    colorRed100: "#ffece9",
+    colorRed200: "#ffb2a0",
+    colorRed300: "#ff745f",
+    colorRed400: "#f94d32",
+    colorRed500: "#e13212",
+    colorRed600: "#bf2a00",
+    colorMagenta100: "#fbeaf5",
+    colorMagenta200: "#faafe2",
+    colorMagenta300: "#d949a9",
+    colorMagenta400: "#b52d88",
+    colorMagenta500: "#982071",
+    colorMagenta600: "#7d165b",
     durationNone: "0ms",
@@ -104,0 +104,0 @@ durationFast: "100ms",

core/tokens.ts

 
 // Do not edit directly
-// Generated on Tue, 12 Jul 2022 15:57:44 GMT
+// Generated on Thu, 14 Jul 2022 00:58:27 GMT
 
 export default {
-    colorWhite: "rgb(255, 255, 255)",
-    colorBlack: "rgb(4, 4, 4)",
-    colorBlue: "rgb(34, 112, 238)",
-    colorBlueGrey: "rgb(140, 156, 165)",
-    colorOrange: "rgb(255, 145, 22)",
-    colorYellow: "rgb(255, 201, 2)",
-    colorGreen: "rgb(31, 188, 112)",
-    colorCyan: "rgb(8, 191, 223)",
-    colorPurple: "rgb(105, 84, 192)",
-    colorRed: "rgb(249, 77, 50)",
-    colorMagenta: "rgb(181, 45, 136)",
+    colorWhite: "#ffffff",
+    colorBlack: "#040404",
+    colorBlue: "#2270ee",
+    colorBlueGrey: "#8c9ca5",
+    colorOrange: "#ff9116",
+    colorYellow: "#ffc902",
+    colorGreen: "#1fbc70",
+    colorCyan: "#08bfdf",
+    colorPurple: "#6954c0",
+    colorRed: "#f94d32",
+    colorMagenta: "#b52d88",
     defaultBorderRadius: "3px",
@@ -33,71 +33,71 @@ circularRadius: "50%",
     breakpointWidescreen: "1920px",
-    colorBlue100: "rgb(236, 244, 253)",
-    colorBlue200: "rgb(169, 209, 255)",
-    colorBlue300: "rgb(86, 164, 255)",
-    colorBlue400: "rgb(34, 112, 238)",
-    colorBlue500: "rgb(19, 96, 217)",
-    colorBlue600: "rgb(0, 76, 195)",
-    colorNeutral0: "rgb(255, 255, 255)",
-    colorNeutral10: "rgb(252, 252, 252)",
-    colorNeutral20: "rgb(250, 250, 250)",
-    colorNeutral30: "rgb(247, 247, 247)",
-    colorNeutral40: "rgb(245, 245, 245)",
-    colorNeutral50: "rgb(238, 238, 238)",
-    colorNeutral60: "rgb(223, 224, 225)",
-    colorNeutral70: "rgb(188, 188, 189)",
-    colorNeutral80: "rgb(148, 149, 150)",
-    colorNeutral90: "rgb(115, 116, 117)",
-    colorNeutral100: "rgb(96, 97, 98)",
-    colorNeutral200: "rgb(68, 68, 69)",
-    colorNeutral300: "rgb(45, 46, 49)",
-    colorNeutral400: "rgb(20, 20, 20)",
-    colorNeutral500: "rgb(4, 4, 4)",
-    colorBlueGrey100: "rgb(234, 239, 242)",
-    colorBlueGrey200: "rgb(208, 216, 221)",
-    colorBlueGrey300: "rgb(180, 193, 200)",
-    colorBlueGrey400: "rgb(140, 156, 165)",
-    colorBlueGrey500: "rgb(106, 122, 133)",
-    colorBlueGrey600: "rgb(87, 102, 113)",
-    colorOrange100: "rgb(255, 242, 220)",
-    colorOrange200: "rgb(255, 204, 128)",
-    colorOrange300: "rgb(255, 162, 58)",
-    colorOrange400: "rgb(255, 145, 22)",
-    colorOrange500: "rgb(238, 132, 0)",
-    colorOrange600: "rgb(223, 118, 0)",
-    colorYellow100: "rgb(255, 249, 226)",
-    colorYellow200: "rgb(255, 240, 177)",
-    colorYellow300: "rgb(255, 226, 120)",
-    colorYellow400: "rgb(255, 201, 2)",
-    colorYellow500: "rgb(255, 190, 0)",
-    colorYellow600: "rgb(222, 149, 0)",
-    colorGreen100: "rgb(225, 253, 239)",
-    colorGreen200: "rgb(144, 239, 192)",
-    colorGreen300: "rgb(96, 223, 166)",
-    colorGreen400: "rgb(31, 188, 112)",
-    colorGreen500: "rgb(24, 167, 97)",
-    colorGreen600: "rgb(16, 134, 75)",
-    colorCyan100: "rgb(227, 252, 255)",
-    colorCyan200: "rgb(177, 243, 250)",
-    colorCyan300: "rgb(19, 206, 234)",
-    colorCyan400: "rgb(8, 191, 223)",
-    colorCyan500: "rgb(12, 165, 192)",
-    colorCyan600: "rgb(3, 130, 153)",
-    colorPurple100: "rgb(241, 237, 255)",
-    colorPurple200: "rgb(193, 182, 242)",
-    colorPurple300: "rgb(135, 114, 229)",
-    colorPurple400: "rgb(105, 84, 192)",
-    colorPurple500: "rgb(79, 58, 158)",
-    colorPurple600: "rgb(66, 39, 153)",
-    colorRed100: "rgb(255, 236, 233)",
-    colorRed200: "rgb(255, 178, 160)",
-    colorRed300: "rgb(255, 116, 95)",
-    colorRed400: "rgb(249, 77, 50)",
-    colorRed500: "rgb(225, 50, 18)",
-    colorRed600: "rgb(191, 42, 0)",
-    colorMagenta100: "rgb(251, 234, 245)",
-    colorMagenta200: "rgb(250, 175, 226)",
-    colorMagenta300: "rgb(217, 73, 169)",
-    colorMagenta400: "rgb(181, 45, 136)",
-    colorMagenta500: "rgb(152, 32, 113)",
-    colorMagenta600: "rgb(125, 22, 91)",
+    colorBlue100: "#ecf4fd",
+    colorBlue200: "#a9d1ff",
+    colorBlue300: "#56a4ff",
+    colorBlue400: "#2270ee",
+    colorBlue500: "#1360d9",
+    colorBlue600: "#004cc3",
+    colorNeutral0: "#ffffff",
+    colorNeutral10: "#fcfcfc",
+    colorNeutral20: "#fafafa",
+    colorNeutral30: "#f7f7f7",
+    colorNeutral40: "#f5f5f5",
+    colorNeutral50: "#eeeeee",
+    colorNeutral60: "#dfe0e1",
+    colorNeutral70: "#bcbcbd",
+    colorNeutral80: "#949596",
+    colorNeutral90: "#737475",
+    colorNeutral100: "#606162",
+    colorNeutral200: "#444445",
+    colorNeutral300: "#2d2e31",
+    colorNeutral400: "#141414",
+    colorNeutral500: "#040404",
+    colorBlueGrey100: "#eaeff2",
+    colorBlueGrey200: "#d0d8dd",
+    colorBlueGrey300: "#b4c1c8",
+    colorBlueGrey400: "#8c9ca5",
+    colorBlueGrey500: "#6a7a85",
+    colorBlueGrey600: "#576671",
+    colorOrange100: "#fff2dc",
+    colorOrange200: "#ffcc80",
+    colorOrange300: "#ffa23a",
+    colorOrange400: "#ff9116",
+    colorOrange500: "#ee8400",
+    colorOrange600: "#df7600",
+    colorYellow100: "#fff9e2",
+    colorYellow200: "#fff0b1",
+    colorYellow300: "#ffe278",
+    colorYellow400: "#ffc902",
+    colorYellow500: "#ffbe00",
+    colorYellow600: "#de9500",
+    colorGreen100: "#e1fdef",
+    colorGreen200: "#90efc0",
+    colorGreen300: "#60dfa6",
+    colorGreen400: "#1fbc70",
+    colorGreen500: "#18a761",
+    colorGreen600: "#10864b",
+    colorCyan100: "#e3fcff",
+    colorCyan200: "#b1f3fa",
+    colorCyan300: "#13ceea",
+    colorCyan400: "#08bfdf",
+    colorCyan500: "#0ca5c0",
+    colorCyan600: "#038299",
+    colorPurple100: "#f1edff",
+    colorPurple200: "#c1b6f2",
+    colorPurple300: "#8772e5",
+    colorPurple400: "#6954c0",
+    colorPurple500: "#4f3a9e",
+    colorPurple600: "#422799",
+    colorRed100: "#ffece9",
+    colorRed200: "#ffb2a0",
+    colorRed300: "#ff745f",
+    colorRed400: "#f94d32",
+    colorRed500: "#e13212",
+    colorRed600: "#bf2a00",
+    colorMagenta100: "#fbeaf5",
+    colorMagenta200: "#faafe2",
+    colorMagenta300: "#d949a9",
+    colorMagenta400: "#b52d88",
+    colorMagenta500: "#982071",
+    colorMagenta600: "#7d165b",
     durationNone: "0ms",
@@ -104,0 +104,0 @@ durationFast: "100ms",

package.json

 {
   "name": "@servicetitan/tokens",
-  "version": "12.1.8",
+  "version": "12.1.9",
   "description": "",
@@ -5,0 +5,0 @@ "homepage": "https://anvil.servicetitan.com",

New alerts

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 20 instances in 1 package

Fixed alerts

Native code

Supply chain risk

Contains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.

Found 20 instances in 1 package

Worsened metrics

Total package byte prevSize

3841415

decreased by-0.1%

No dependency changes