Re-add node 18 (#147)

* wip

* prettify icons

* Update PlusSmall.svg

* wip

* docs and playroom package build with node 18

* lint fixes

* ci job node version bump

* fix missing node polyfill for playroom

* reset icons

* remove playroom snippets

* remove playroom package

* remove playroom references in docs package

* remove playroom references from configs

* fix missing avatars

* remove write snippets file functon from scripts

* fix tests

* clean up tooling to use yarn publish rather than npm

* set node version in package json

* use npm publish

---------

Co-authored-by: Cash Baller <[email protected]>

.eslintignore

@@ -1,5 +1,4 @@
 docs/.next/
-docs/public/playroom/
 
 components/dist/
 components/coverage/

.eslintrc

@@ -114,11 +114,7 @@
     "import/resolver": {
       "typescript": {
         "alwaysTryTypes": true,
-        "project": [
-          "components/tsconfig.json",
-          "docs/tsconfig.json",
-          "playroom/tsconfig.json"
-        ]
+        "project": ["components/tsconfig.json", "docs/tsconfig.json"]
       }
     },
     "react": {

.github/workflows/main.yml

@@ -12,7 +12,7 @@ jobs:
     needs: lint
     strategy:
       matrix:
-        node-version: [14]
+        node-version: [18]
     steps:
       - uses: actions/checkout@v3
       - name: Set up Node ${{ matrix.node-version }}
@@ -30,7 +30,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [14]
+        node-version: [18]
     steps:
       - uses: actions/checkout@v3
       - name: Set up Node ${{ matrix.node-version }}
@@ -51,7 +51,7 @@ jobs:
     needs: lint
     strategy:
       matrix:
-        node-version: [14]
+        node-version: [18]
     steps:
       - uses: actions/checkout@v3
       - name: Set up Node ${{ matrix.node-version }}

.github/workflows/publish.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [14]
+        node-version: [18]
     steps:
       - uses: actions/checkout@v3
         with:
@@ -32,7 +32,7 @@ jobs:
       - name: Bump version to ${{ github.event.release.tag_name }}
         run: |
           cd components
-          npm version ${{ github.event.release.tag_name }}
+          yarn version ${{ github.event.release.tag_name }}
           git add package.json
           git commit -m "${{ github.event.release.tag_name }}"
       - name: Publish

.gitignore

@@ -9,7 +9,6 @@ yarn-debug.log*
 yarn-error.log*
 
 docs/.next/
-docs/public/playroom/
 
 components/dist/
 components/coverage/

.node-version

@@ -1 +1 @@
-14.18.2
+18.16.0

.prettierignore

@@ -1,9 +1,11 @@
 docs/.next/
-docs/public/playroom/
 
 components/dist/
 components/coverage/
 components/src/components/icons/generated/
 
 .yarn/*
 yarn.lock
+
+icons
+*.svg

.yarnrc.yml

@@ -7,5 +7,7 @@ plugins:
     spec: '@yarnpkg/plugin-typescript'
   - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
     spec: '@yarnpkg/plugin-workspace-tools'
+  - path: .yarn/plugins/@yarnpkg/plugin-version.cjs
+    spec: '@yarnpkg/plugin-version'
 
-yarnPath: .yarn/releases/yarn-berry.cjs
+yarnPath: .yarn/releases/yarn-3.6.0.cjs

components/src/components/Stack/Stack.tsx

@@ -19,7 +19,7 @@ export const validStackComponents = [
 ] as const
 
 type Props = {
-  as?: typeof validStackComponents[number]
+  as?: (typeof validStackComponents)[number]
   align?: BoxProps['alignItems']
   children: ReactNodeNoStrings
   direction?: OptionalResponsiveValue<Direction>