feat:(DS-1435) Add new color token

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

package.json

@@ -1,5 +1,6 @@
 {
   "scripts": {
+    "tsc": "tsc",
     "commit": "git-cz",
     "clean": "lerna clean -y && rm -rf .nx packages/*/dist && yarn --cwd packages/doc gatsby clean",
     "test": "NODE_ENV=test jest --config=./jest/config/config.js",
@@ -74,6 +75,7 @@
     "prettier": "2.6.2",
     "react-dom": "^18.0.0",
     "tsup": "^7.1.0",
+    "typescript": "^4.9.5",
     "yargs": "^15.1.0"
   },
   "workspaces": {

packages/icons/package.json

@@ -20,7 +20,7 @@
     "url": "git+https://github.com/gympass/yoga.git"
   },
   "scripts": {
-    "prebuild": "rm -rf ./dist && yarn tsc -p ./tsconfig.json",
+    "prebuild": "rm -rf ./dist && tsc -p ./tsconfig.json",
     "build": "yarn build:cjs && yarn build:esm && yarn build:native",
     "postbuild": "yarn build:types && yarn build:types:native",
     "build:cjs": "tsup --outDir dist/cjs --format=cjs",

packages/illustrations/package.json

@@ -20,7 +20,7 @@
     "url": "git+https://github.com/gympass/yoga.git"
   },
   "scripts": {
-    "prebuild": "rm -rf ./dist && yarn tsc -p ./tsconfig.json",
+    "prebuild": "rm -rf ./dist && tsc -p ./tsconfig.json",
     "build": "yarn build:cjs && yarn build:esm && yarn build:native",
     "build:cjs": "tsup --outDir dist/cjs --format=cjs",
     "build:esm": "tsup --format=esm --legacy-output",

packages/tokens/src/global/colors.ts

@@ -28,6 +28,7 @@ const successNew = '#E3EFC3';
 const neutral = '#E0DFFF';
 const neutralNew = '#F0E0FF';
 const attention = '#FCD6C3';
+const inactive = '#AE0000';
 
 // Gray scale ↓
 
@@ -83,6 +84,7 @@ const colors = {
   lightest,
   clearNew,
   steady,
+  inactive,
 } as const;
 
 export default colors;

packages/yoga/package.json

@@ -8,9 +8,9 @@
   "scripts": {
     "build": "yarn build:types && yarn build:web && yarn build:esm && yarn build:native",
     "build:types": "tsup --outDir dist/typings --dts-only",
-    "build:web": "tsup src src/**/web !src/**/*.md !src/Fonts !**/*.test.jsx.snap !**/*.test.tsx.snap --outDir dist/cjs --format=cjs",
-    "build:esm": "tsup src src/**/web !src/**/*.md !src/Fonts !**/*.test.jsx.snap !**/*.test.tsx.snap --format=esm --legacy-output",
-    "build:native": "tsup src src/**/native !src/**/*.md !src/Fonts !**/*.test.jsx.snap !**/*.test.tsx.snap --outDir dist/cjs --format=cjs",
+    "build:web": "tsup src src/**/web '!src/**/*.md' '!src/Fonts' '!**/*.test.jsx.snap' '!**/*.test.tsx.snap' --outDir dist/cjs --format=cjs",
+    "build:esm": "tsup src src/**/web '!src/**/*.md' '!src/Fonts' '!**/*.test.jsx.snap' '!**/*.test.tsx.snap' --format=esm --legacy-output",
+    "build:native": "tsup src src/**/native '!src/**/*.md' '!src/Fonts' '!**/*.test.jsx.snap' '!**/*.test.tsx.snap' --outDir dist/cjs --format=cjs",
     "prebuild": "rm -rf ./dist",
     "postbuild": "cp -r ./src/Fonts ./dist/fonts",
     "prepublishOnly": "node ../../scripts/prepublish.js --rn"

packages/yoga/src/NavigationMenu/web/NavigationMenu.tsx

@@ -120,14 +120,14 @@ type NavigationMenuProps = {
   children: React.ReactNode;
   openOnMobile?: boolean;
   responsive?: boolean;
-  zIndex: number;
+  zIndex?: number;
 };
 
-const NavigationMenu = ({
+const NavigationMenu: any = ({
   children,
   openOnMobile = false,
   responsive = true,
-  zIndex,
+  zIndex = 1,
   ...htmlAttributes
 }: NavigationMenuProps) => (
   <StyledNavigationMenu