Adam/react 18 migration fork

.changeset/gentle-shoes-join.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/text-input': patch
+---
+
+Updates valid state icon in dark mode to match Figma spec

.changeset/little-comics-deny.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/loading-indicator': major
+---
+
+Changing Lottie dependency from @lottie-files/react-lottie-player to react-lottie-player

.changeset/little-spoons-doubt.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/segmented-control': minor
+---
+
+Label prop now accepts type `React.ReactNode` instead of `string`

.changeset/spicy-hairs-fly.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/radio-group': patch
+---
+
+Updates label color when disabled to match Figma spec

.changeset/three-lobsters-cough.md

@@ -0,0 +1,5 @@
+---
+'@leafygreen-ui/icon': minor
+---
+
+Adds 'Federation' icon to glyph set

.github/workflows/nodejs.yml → .github/workflows/pr.yml

@@ -1,4 +1,4 @@
-name: Node.js CI
+name: Pull Request CI
 
 on:
   pull_request:
@@ -9,80 +9,9 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
-  install:
-    name: Install node modules
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout Repo
-        uses: actions/checkout@v2
-
-      - name: Use Node.js 16
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
-
-      - name: Install
-        run: yarn install --frozen-lockfile --prefer-offline
-
-    outputs:
-      yarn-cache-dir: ${{ steps.get-yarn-cache-dir.outputs.dir }}
-
-  lints:
+  lint:
     name: Check lints
     runs-on: ubuntu-latest
-    needs: install
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Use Node.js 16
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
-
-      - run: yarn install --frozen-lockfile --prefer-offline
-
-      - name: prettier
-        run: yarn check:prettier
-
-      - name: eslint
-        run: yarn check:eslint --format junit -o reports/junit/js-lint-results.xml
-
-  types:
-    name: Check types
-    runs-on: ubuntu-latest
-    needs: install
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Use Node.js 16
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
-
-      - run: yarn install --frozen-lockfile --prefer-offline
-
-      - uses: actions/cache/restore@v3
-        name: Restore TS cache
-        id: ts-cache
-        with:
-          path: |
-            **/dist/**/*.ts
-            !**/node_modules
-          key: ${{ runner.os }}-ts-cache-${{ hashFiles('**/tsconfig.js', '**/package.tsconfig.js', '**/src/', '**/scripts/', '!**/node_modules', '!**/dist') }}
-
-      - name: types
-        run: yarn check:ts
-
-  deps:
-    name: Check dependency list
-    runs-on: ubuntu-latest
-    needs: install
     steps:
       - uses: actions/checkout@v2
 
@@ -95,16 +24,15 @@ jobs:
 
       - run: yarn install --frozen-lockfile --prefer-offline
 
-      - name: deps
-        run: yarn check:deps
+      - name: lint
+        run: yarn lint
 
-      - name: package.json versions
-        run: yarn check:package-json
+    outputs:
+      yarn-cache-dir: ${{ steps.get-yarn-cache-dir.outputs.dir }}
 
   build:
     name: Build packages
     runs-on: ubuntu-latest
-    needs: [install, lints]
     steps:
       - uses: actions/checkout@v2
 
@@ -132,44 +60,12 @@ jobs:
 
       - name: build
         if: ${{ steps.build-cache.outputs.cache-hit != 'true' }}
-        run: yarn build:packages
-
-  build-ts:
-    name: Build TypeScript
-    runs-on: ubuntu-latest
-    needs: [install, lints]
-    steps:
-      - uses: actions/checkout@v2
-
-      - uses: actions/cache@v3
-        name: Check for ts cache
-        id: ts-cache
-        with:
-          path: |
-            **/dist/**/*.ts
-            !**/node_modules
-          key: ${{ runner.os }}-ts-cache-${{ hashFiles('**/tsconfig.js', '**/package.tsconfig.js', '**/src/', '**/scripts/', '!**/node_modules', '!**/dist') }}
-
-      - name: Use Node.js 16
-        if: ${{ steps.ts-cache.outputs.cache-hit != 'true' }}
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
-
-      - name: Install
-        if: ${{ steps.ts-cache.outputs.cache-hit != 'true' }}
-        run: yarn install --frozen-lockfile --prefer-offline
-
-      - name: build-ts
-        if: ${{ steps.ts-cache.outputs.cache-hit != 'true' }}
-        run: yarn build:ts
+        run: yarn build
 
   chromatic:
     name: Chromatic
     runs-on: ubuntu-latest
-    needs: [install, build]
+    needs: [build]
     steps:
       - name: Checkout
         uses: actions/checkout@v2
@@ -205,7 +101,7 @@ jobs:
   tests:
     name: Run tests
     runs-on: ubuntu-latest
-    needs: [install, build]
+    needs: [build]
     steps:
       - uses: actions/checkout@v2
 
@@ -235,7 +131,7 @@ jobs:
   tests-ssr:
     name: Run tests with artificial server rendering
     runs-on: ubuntu-latest
-    needs: [install, build]
+    needs: [build]
     steps:
       - uses: actions/checkout@v2
 
@@ -262,10 +158,10 @@ jobs:
         env:
           JEST_JUNIT_OUTPUT: 'reports/junit/js-test-ssr-results.xml'
 
-  checkBuilds:
-    name: Verify builds
+  validate-builds:
+    name: Validate builds & dependencies
     runs-on: ubuntu-latest
-    needs: [install, build, build-ts]
+    needs: [build]
     steps:
       - uses: actions/checkout@v2
 
@@ -296,36 +192,5 @@ jobs:
             !**/node_modules
           key: ${{ runner.os }}-ts-cache-${{ hashFiles('**/tsconfig.js', '**/package.tsconfig.js', '**/src/', '**/scripts/', '!**/node_modules', '!**/dist') }}
 
-      - name: check builds
-        run: yarn check:builds
-
-  sizeDiff:
-    name: Check file size
-    runs-on: ubuntu-latest
-    needs: install
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Use Node.js 16
-        uses: actions/setup-node@v3
-        with:
-          node-version: '16'
-          cache: yarn
-          cache-dependency-path: 'yarn.lock'
-
-      - run: yarn install --frozen-lockfile --prefer-offline
-
-      - uses: actions/cache/restore@v3
-        name: Restore build cache
-        id: build-cache
-        with:
-          path: |
-            **/dist
-            !**/node_modules
-          key: ${{ runner.os }}-build-cache-${{ hashFiles('**/rollup.config.js', '**/babel.config.js', '**/src/', '**/scripts/', '!**/node_modules', '!**/dist') }}
-
-      - uses: preactjs/compressed-size-action@v2
-        with:
-          repo-token: ${{ secrets.GITHUB_TOKEN }}
-          clean-script: 'clean:builds && clean:modules'
-          build-script: 'build:packages'
+      - name: validate
+        run: yarn validate

.github/workflows/release.yml

@@ -24,13 +24,13 @@ jobs:
         run: yarn
 
       - name: Build packages
-        run: yarn build:packages
+        run: yarn build
 
       - name: Build typescript
-        run: yarn build:ts
+        run: yarn tsc
 
       - name: Build TSDoc
-        run: yarn docs:tsdoc
+        run: yarn build:docs
 
       - name: Establish Chromatic baseline
         uses: chromaui/action@v1

.github/workflows/sizeDiff.yml

@@ -0,0 +1,36 @@
+name: File Size
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  sizeDiff:
+    name: Check file size
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Use Node.js 16
+        uses: actions/setup-node@v3
+        with:
+          node-version: '16'
+          cache: yarn
+          cache-dependency-path: 'yarn.lock'
+
+      - run: yarn install --frozen-lockfile --prefer-offline
+
+      - uses: actions/cache/restore@v3
+        name: Restore build cache
+        id: build-cache
+        with:
+          path: |
+            **/dist
+            !**/node_modules
+          key: ${{ runner.os }}-build-cache-${{ hashFiles('**/rollup.config.js', '**/babel.config.js', '**/src/', '**/scripts/', '!**/node_modules', '!**/dist') }}
+
+      - uses: preactjs/compressed-size-action@v2
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          clean-script: 'clean'
+          build-script: 'build'

.gitignore

@@ -47,4 +47,5 @@ packages/**/stories.js*
 # Storybook/Chromatic logs
 build-storybook.log
 
-.turbo
+.turbo
+scripts/tmp.*.ts

.npmpackagejsonlintrc.json

@@ -6,7 +6,7 @@
     {
       "patterns": ["./packages/code/package.json"],
       "rules": {
-        "prefer-caret-version-dependencies": "warning"
+        "prefer-caret-version-dependencies": "off"
       }
     }
   ]

STYLEGUIDE.md

@@ -55,7 +55,7 @@ export const someConstant = {
   optionTwo = 'option 2',
 } as const;
 
-export type someConstant = typeof someConstant[keyof typeof someConstant];
+export type someConstant = (typeof someConstant)[keyof typeof someConstant];
 ```
 
 #### Avoid