Merge pull request #251 from chakra-ui/fix/color-mode-utils-semantic-…

…tokens

Feat: Support Semantic tokens, Add Color Mode Storage Manager, Fix Avatar Styles, and Upgrade Cypress"

.changeset/great-brooms-add.md

@@ -0,0 +1,45 @@
+---
+"@chakra-ui/c-visually-hidden": minor
+"@chakra-ui/c-theme-provider": minor
+"@chakra-ui/vue-composables": minor
+"@chakra-ui/c-close-button": minor
+"@chakra-ui/c-form-control": minor
+"@chakra-ui/c-media-query": minor
+"@chakra-ui/c-scroll-lock": minor
+"@chakra-ui/c-breadcrumb": minor
+"@chakra-ui/c-color-mode": minor
+"@chakra-ui/c-focus-lock": minor
+"@chakra-ui/c-accordion": minor
+"@chakra-ui/c-pin-input": minor
+"@chakra-ui/c-checkbox": minor
+"@chakra-ui/c-skip-nav": minor
+"@chakra-ui/vue-test-utils": minor
+"@chakra-ui/vue-auto-import": minor
+"@chakra-ui/c-spinner": minor
+"@chakra-ui/c-avatar": minor
+"@chakra-ui/c-button": minor
+"@chakra-ui/c-motion": minor
+"@chakra-ui/c-popper": minor
+"@chakra-ui/c-portal": minor
+"@chakra-ui/vue-a11y": minor
+"@chakra-ui/c-alert": minor
+"@chakra-ui/c-image": minor
+"@chakra-ui/c-input": minor
+"@chakra-ui/c-modal": minor
+"@chakra-ui/c-reset": minor
+"@chakra-ui/c-code": minor
+"@chakra-ui/c-flex": minor
+"@chakra-ui/c-icon": minor
+"@chakra-ui/vue-layout": minor
+"@chakra-ui/vue-styled": minor
+"@chakra-ui/vue-system": minor
+"@chakra-ui/c-tag": minor
+"@chakra-ui/vue-utils": minor
+"@chakra-ui/vue-next": minor
+"@chakra-ui/nuxt-next": minor
+---
+
+- Feat: Adds `colorModeManager` Storage entity to cache color mode from local
+  env
+- Fix: adds semantic tokens support to theme
+- Feat: Add `CDarkMode` and `CLightMode` components

.github/workflows/pr.yml

@@ -17,66 +17,66 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [16]
+        node-version: [18]
     steps:
-    - name: Get Yarn cache path
-      id: yarn-cache
-      run: echo "::set-output name=dir::$(yarn cache dir)"
+      - name: Get Yarn cache path
+        id: yarn-cache
+        run: echo "::set-output name=dir::$(yarn cache dir)"
 
-    - name: Checkout
-      uses: actions/checkout@v2
+      - name: Checkout
+        uses: actions/checkout@v2
 
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
 
-    - name: Load Yarn cache
-      uses: actions/cache@v2
-      with:
-        path: ${{ steps.yarn-cache.outputs.dir }}
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-
+      - name: Load Yarn cache
+        uses: actions/cache@v2
+        with:
+          path: ${{ steps.yarn-cache.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
 
-    - name: Install dependencies
-      run: yarn install --frozen-lockfile
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
 
-    - name: Lint types and code
-      run: yarn lint
+      - name: Lint types and code
+        run: yarn lint
 
-    - name: Build packages
-      run: yarn build
+      - name: Build packages
+        run: yarn build
 
-    - name: Run tests
-      run: yarn test:ci
-      env:
-        CI: true
+      - name: Run tests
+        run: yarn test:ci
+        env:
+          CI: true
 
   bundlesize:
     runs-on: ubuntu-latest
     steps:
-    - name: Get Yarn cache path
-      id: yarn-cache
-      run: echo "::set-output name=dir::$(yarn cache dir)"
+      - name: Get Yarn cache path
+        id: yarn-cache
+        run: echo "::set-output name=dir::$(yarn cache dir)"
 
-    - name: Checkout
-      uses: actions/checkout@master
+      - name: Checkout
+        uses: actions/checkout@master
 
-    - name: Setup Node.js 16.x
-      uses: actions/setup-node@master
-      with:
-        node-version: 16.x
+      - name: Setup Node.js 16.x
+        uses: actions/setup-node@master
+        with:
+          node-version: 16.x
 
-    - name: Load Yarn cache
-      uses: actions/cache@v2
-      with:
-        path: ${{ steps.yarn-cache.outputs.dir }}
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-
-    - name: compressed-size-action
-      uses: preactjs/compressed-size-action@v2
-      with:
-        repo-token: "${{ secrets.GITHUB_TOKEN }}"
-        pattern: "**/dist/**/*.prod.js"
+      - name: Load Yarn cache
+        uses: actions/cache@v2
+        with:
+          path: ${{ steps.yarn-cache.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
+      - name: compressed-size-action
+        uses: preactjs/compressed-size-action@v2
+        with:
+          repo-token: "${{ secrets.GITHUB_TOKEN }}"
+          pattern: "**/dist/**/*.prod.js"

.github/workflows/release.yml

@@ -15,58 +15,57 @@ jobs:
     name: Release
     runs-on: ubuntu-latest
     steps:
-    - name: Get Yarn cache path
-      id: yarn-cache
-      run: echo "::set-output name=dir::$(yarn cache dir)"
+      - name: Get Yarn cache path
+        id: yarn-cache
+        run: echo "::set-output name=dir::$(yarn cache dir)"
 
-    - name: Checkout Repo
-      uses: actions/checkout@master
-      with:
-        # This makes Actions fetch all Git history
-        # so that Changesets can generate changelogs with the correct commits
-        fetch-depth: 0
+      - name: Checkout Repo
+        uses: actions/checkout@master
+        with:
+          # This makes Actions fetch all Git history
+          # so that Changesets can generate changelogs with the correct commits
+          fetch-depth: 0
 
-    - name: Use Node.js 16.x
-      uses: actions/setup-node@master
-      with:
-        node-version: 16
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@master
+        with:
+          node-version: 18
 
-    - name: Load Yarn cache
-      uses: actions/cache@v2
-      with:
-        path: ${{ steps.yarn-cache.outputs.dir }}
-        key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
-        restore-keys: |
-          ${{ runner.os }}-yarn-
+      - name: Load Yarn cache
+        uses: actions/cache@v2
+        with:
+          path: ${{ steps.yarn-cache.outputs.dir }}
+          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-yarn-
 
-    - name: Install dependencies
-      run: yarn install --frozen-lockfile && yarn bootstrap
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile && yarn bootstrap
 
+      - name: Linting
+        run: yarn lint
 
-    - name: Linting
-      run: yarn lint
+      - name: Building packages
+        run: yarn build && yarn bootstrap
 
-    - name: Building packages
-      run: yarn build && yarn bootstrap
+      - name: Testing components
+        run: yarn test:ci
+        env:
+          CI: true
 
-    - name: Testing components
-      run: yarn test:ci
-      env:
-        CI: true
+      # TODO: Uncomment when ready to start testing RCs
 
-    # TODO: Uncomment when ready to start testing RCs
+      - name: Setup CI Git User
+        run: |
+          git config --global user.name "codebender828"
+          git config --global user.email "jbakebwa@163.com"
 
-    - name: Setup CI Git User
-      run: |
-        git config --global user.name "codebender828"
-        git config --global user.email "jbakebwa@163.com"
-    
-    - name: Create Release Pull Request
-      uses: changesets/action@master
-      with:
-        publish: yarn release
-        title: "chore(release): version packages and publish"
-        commit: "chore(release): version packages"
-      env:
-        NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: Create Release Pull Request
+        uses: changesets/action@master
+        with:
+          publish: yarn release
+          title: "chore(release): version packages and publish"
+          commit: "chore(release): version packages"
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -111,3 +111,6 @@ website/.vite-ssg-temp
 cypress/screenshots
 # playground/build/components.json
 .idea/*
+.yarn
+.yarnrc
+.yarnrc.yml

.nvmrc

@@ -0,0 +1 @@
+16.x