From bfabb468997f9773ad4b303b01fa65f0a72215c6 Mon Sep 17 00:00:00 2001
From: samuelea <batonenbois@gmail.com>
Date: Wed, 18 Oct 2023 14:50:23 -0400
Subject: [PATCH] separete design system for kit

---
 package.json     | 9 +++++++--
 src/css/utils.ts | 8 ++++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index bbea81fa4..0bbfaa69f 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,9 @@
   ],
   "scripts": {
     "start": "pnpm storybook",
-    "build": "tsc && vite build",
+    "start:kit": "DESIGN_SYSTEM_SUFFIX=kit pnpm storybook",
+    "build": "pnpm revert-name && pnpm i && tsc && vite build",
+    "build:kit": "DESIGN_SYSTEM_SUFFIX=kit pnpm change-name-kit && pnpm i && tsc && vite build",
     "build:icons": "pnpm svgr -d ./src/icons ./public/static/icons --config-file ./svgr.config.json --template ./src/icons/template.cjs",
     "storybook": "storybook dev -p 6006",
     "build:storybook": "storybook build -o ./docs",
@@ -36,7 +38,10 @@
     "format": "prettier --list-different --write src/**/*.{ts,tsx}",
     "prepare": "husky install",
     "prepack": "pnpm build",
-    "patch": "pnpm version --patch && git push --follow-tags"
+    "patch": "pnpm version --patch && git push --follow-tags",
+    "revert-name": "pnpm pkg set 'name'='@0xsequence/design-system'",
+    "change-name-kit": "pnpm pkg set 'name'='@0xsequence/design-system-kit'",
+    "release": "pnpm build && npm publish && pnpm build:kit && npm publish"
   },
   "dependencies": {
     "@radix-ui/react-aspect-ratio": "^1.0.3",
diff --git a/src/css/utils.ts b/src/css/utils.ts
index a61218714..dda80bb6b 100644
--- a/src/css/utils.ts
+++ b/src/css/utils.ts
@@ -6,8 +6,12 @@ export const kebabize = (str: string) =>
     ($, ofs) => (ofs ? '-' : '') + $.toLowerCase()
   )
 
-export const mapVarName = (_value: string | null, path: string[]) =>
-  path.map(kebabize).join('-').replace('.', '_').replace('/', '__')
+
+export const mapVarName = (_value: string | null, path: string[]) => {
+  const suffix = process.env.DESIGN_SYSTEM_SUFFIX
+
+  return `${path.map(kebabize).join('-').replace('.', '_').replace('/', '__')}${suffix ? `-${suffix}` : ''}`
+}
 
 export const responsiveStyle = (rules: {
   [key in keyof typeof breakpoints]?: Record<string, string | string[]>