🔥 Orbiitai ❌

.nvmrc

@@ -1 +1 @@
-v12.13.1
+v12.18.1

Makefile

@@ -1,4 +1,4 @@
-.PHONY: install clean pretty test/pretty build dev start deploy/now deploy/now-prod
+.PHONY: install clean pretty test/pretty build dev start deploy/now deploy/now-prod local/link
 
 install:
 	yarn install
@@ -23,9 +23,16 @@ make build:
 	yarn build
 
 deploy/now:
-	now switch hoppin
+	now switch orbiit
 	now
 
 deploy/now-prod:
-	now switch hoppin
+	now switch orbiit
 	now --prod
+
+local/link:
+	yarn link
+	cd node_modules/react
+	yarn link
+	cd ../styled-components
+	yarn link

README.md

@@ -1,3 +1,29 @@
 # Hoppin Design System
 
 If you make changes, don't forget to `yarn build` and `yarn deploy`.
+
+## Local dev with local DesignSystem
+
+When using local versions of the design system while debugging, we need to teach `yarn link` to use the same version of `react` for both repositories, as local `yarn link` doesn't resolve `resolutions` or `peerDependencies` in package.json, but always used what's in the local node_modules folder...
+
+https://github.com/facebook/react/issues/14257
+
+```
+cd design-system
+yarn link
+yarn install
+cd node_modules/react
+yarn link
+cd ../styled-components
+yarn link
+cd ../../website
+yarn link orbiit-design-system
+yarn link react
+yarn link styled-components
+```
+
+To make it easier the Makefile contains shortcuts for this.
+
+Run `make local/link` in this repo.
+Then run `make local/link` in the frontend repo to enable localy linked ODS.
+To revert run `make local/unlink` in the frontend repo and commit that to your branch (so yarn.lock contains the right hash of the dependency.)

doczrc.js

@@ -1,17 +1,17 @@
 export default {
-  title: 'Hoppin Design System',
-  description: 'Getting consistent design at Hoppin',
+  title: 'Orbiit Design System',
+  description: 'Getting consistent design at Orbiit',
   port: 2000,
   src: './src',
   files: '**/*.{md,markdown,mdx}',
   themeConfig: {
     colors: {
-      primary: '#44E2D6',
+      primary: '#008CE6',
     },
     showPlaygroundEditor: true,
     styles: {
       root: {
-        fontFamily: '"Nunito Sans", sans-serif',
+        fontFamily: 'sans-serif',
         fontSize: 2,
       },
       Container: {