--- title: Version 1.7.0 description: Explore the changelog for Chakra UI version 1.7.0. Learn about the latest features, bug fixes, and improvements. releaseUrl: https://github.com/chakra-ui/chakra-ui/pull/5002 releaseDate: November 11, 2021 version: 1.7.0 --- ## @chakra-ui/accordion@1.4.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/alert@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/anatomy@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/avatar@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/breadcrumb@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/button@1.5.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/checkbox@1.6.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/clickable@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/close-button@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/color-mode@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - [#4989](https://github.com/chakra-ui/chakra-ui/pull/4989) [`013c90d89`](https://github.com/chakra-ui/chakra-ui/commit/013c90d8928698debc6112365fbd62b85a1d7e92) Thanks [@takethefake](https://github.com/takethefake)! - Fixed color mode behavior priority in the following order: - if `useSystemColorMode` is true system-color will be used as default - initial colormode is the fallback if system color mode isn't resolved - if `--chakra-ui-color-mode` is defined through e.g. `ColorModeScript` this will be used - if `colorModeManager` = `localStorage` and a value is defined for `chakra-ui-color-mode` this will be used - if `initialColorMode` = `system` system-color will be used as default - initial colormode is the fallback if system color mode isn't resolved - if `initialColorMode` = `'light'|'dark'` the corresponding value will be used - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/control-box@1.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/counter@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/css-reset@1.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # 1.0.0 (2020-11-13) **Note:** Version bump only for package @chakra-ui/css-reset # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # 1.0.0-rc.8 (2020-10-29) ### Bug Fixes - **toast:** allow custom render in update ([eb8bff9](https://github.com/chakra-ui/chakra-ui/commit/eb8bff911e6ec9de0165ab1e8f5ca10d5e022459)), closes [#2362](https://github.com/chakra-ui/chakra-ui/issues/2362) # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # 1.0.0-rc.7 (2020-10-25) **Note:** Version bump only for package @chakra-ui/css-reset # 1.0.0-rc.6 (2020-10-25) **Note:** Version bump only for package @chakra-ui/css-reset # 1.0.0-rc.5 (2020-09-27) **Note:** Version bump only for package @chakra-ui/css-reset # 1.0.0-rc.4 (2020-09-25) **Note:** Version bump only for package @chakra-ui/css-reset # 1.0.0-rc.3 (2020-08-30) **Note:** Version bump only for package @chakra-ui/css-reset # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # 1.0.0-rc.2 (2020-08-09) **Note:** Version bump only for package @chakra-ui/css-reset # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # [1.0.0-rc.1](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/css-reset@1.0.0-rc.0...@chakra-ui/css-reset@1.0.0-rc.1) (2020-08-06) ### Features - add svg improvements in css reset ([071c329](https://github.com/chakra-ui/chakra-ui/commit/071c329ebc40a91443a07bebbbacb009c71e55fb)) - move font feature settings to stat and add default to css reset ([2c1ba4b](https://github.com/chakra-ui/chakra-ui/commit/2c1ba4be4b024d596ee0daf0ca1b8e3cf7c77087)) # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # [1.0.0-rc.0](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/css-reset@1.0.0-next.7...@chakra-ui/css-reset@1.0.0-rc.0) (2020-07-26) **Note:** Version bump only for package @chakra-ui/css-reset # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # [1.0.0-next.7](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/css-reset@1.0.0-next.6...@chakra-ui/css-reset@1.0.0-next.7) (2020-07-26) ### Bug Fixes - issue with input element ui and css-reset ([cc221de](https://github.com/chakra-ui/chakra-ui/commit/cc221de6878530d572c8f80032dad150d022c81c)) # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # [1.0.0-next.6](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/css-reset@1.0.0-next.5...@chakra-ui/css-reset@1.0.0-next.6) (2020-07-15) **Note:** Version bump only for package @chakra-ui/css-reset # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # [1.0.0-next.5](https://github.com/chakra-ui/chakra-ui/compare/@chakra-ui/css-reset@1.0.0-next.4...@chakra-ui/css-reset@1.0.0-next.5) (2020-07-15) **Note:** Version bump only for package @chakra-ui/css-reset # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # 1.0.0-next.4 (2020-07-01) ### Bug Fixes - [#891](https://github.com/chakra-ui/chakra-ui/issues/891) ([e107acc](https://github.com/chakra-ui/chakra-ui/commit/e107acc8487898a965b0d695c1da71f46fc56d5e)) - ts issue with sx prop ([d3b1340](https://github.com/chakra-ui/chakra-ui/commit/d3b1340cb255937927b4d4c56ce218141570b951)) - **select:** remove duplicate Select arrow in ie11 ([c21681b](https://github.com/chakra-ui/chakra-ui/commit/c21681b982322b6af957b49ec484ac62020b90b5)) - use pseudo element instead of pseudo class ([756cdae](https://github.com/chakra-ui/chakra-ui/commit/756cdaeb1f72f7dcbda45124b78696c7638c80de)) # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # 1.0.0-next.3 (2020-06-28) ### Bug Fixes - [#891](https://github.com/chakra-ui/chakra-ui/issues/891) ([e107acc](https://github.com/chakra-ui/chakra-ui/commit/e107acc8487898a965b0d695c1da71f46fc56d5e)) - ts issue with sx prop ([d3b1340](https://github.com/chakra-ui/chakra-ui/commit/d3b1340cb255937927b4d4c56ce218141570b951)) - **select:** remove duplicate Select arrow in ie11 ([c21681b](https://github.com/chakra-ui/chakra-ui/commit/c21681b982322b6af957b49ec484ac62020b90b5)) - use pseudo element instead of pseudo class ([756cdae](https://github.com/chakra-ui/chakra-ui/commit/756cdaeb1f72f7dcbda45124b78696c7638c80de)) # Change Log All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. # 1.0.0-next.2 (2020-06-21) ### Bug Fixes - [#891](https://github.com/chakra-ui/chakra-ui/issues/891) ([e107acc](https://github.com/chakra-ui/chakra-ui/commit/e107acc8487898a965b0d695c1da71f46fc56d5e)) - **select:** remove duplicate Select arrow in ie11 ([c21681b](https://github.com/chakra-ui/chakra-ui/commit/c21681b982322b6af957b49ec484ac62020b90b5)) - use pseudo element instead of pseudo class ([756cdae](https://github.com/chakra-ui/chakra-ui/commit/756cdaeb1f72f7dcbda45124b78696c7638c80de)) ## @chakra-ui/descendant@2.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/editable@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/react-env@1.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/focus-lock@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/form-control@1.5.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/hooks@1.7.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/icon@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/icons@1.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/image@1.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/input@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/layout@1.5.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/live-region@1.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/media-query@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/menu@1.8.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/modal@1.10.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - [#4995](https://github.com/chakra-ui/chakra-ui/pull/4995) [`802e0a4d2`](https://github.com/chakra-ui/chakra-ui/commit/802e0a4d2762eebd39bb337442609fc2ff75841e) Thanks [@jesstelford](https://github.com/jesstelford)! - `react-focus-lock@2.5.1` includes a dependency update of `focus-lock` from `0.8.1` -> `0.9.1`. The change in `focus-lock` includes a fix for performance in JSDOM: [https://github.com/theKashey/focus-lock/pull/24](https://github.com/theKashey/focus-lock/pull/24) JSDOM is used when testing react components in jest and other unit testing frameworks. In particular, when used with `@testing-library/react` for simulating real user input. Locally tested on an Apple M1 Air using a moderately complex `` component (which contained inputs, `react-hook-form` usage, etc). Before this change: 20,149ms After this change: 2,347ms Approx. 10x performance increase. - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/number-input@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/pin-input@1.7.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/popover@1.10.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/popper@2.4.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/portal@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/progress@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/provider@1.7.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/radio@1.4.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/react@1.7.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`0dd56ab1b`](https://github.com/chakra-ui/chakra-ui/commit/0dd56ab1b1ec3abab20ac6d8449757ad40138f29), [`c7277cdf7`](https://github.com/chakra-ui/chakra-ui/commit/c7277cdf715626926b3c12cfdc62a230b00609f0), [`802e0a4d2`](https://github.com/chakra-ui/chakra-ui/commit/802e0a4d2762eebd39bb337442609fc2ff75841e), [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/react-utils@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/select@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - [#5010](https://github.com/chakra-ui/chakra-ui/pull/5010) [`0dd56ab1b`](https://github.com/chakra-ui/chakra-ui/commit/0dd56ab1b1ec3abab20ac6d8449757ad40138f29) Thanks [@jrolfs](https://github.com/jrolfs)! - Fixed an styling issue where it was not possible to customize the icon spacing of the `Select` component. - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/skeleton@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/skip-nav@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/slider@1.5.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - [#5020](https://github.com/chakra-ui/chakra-ui/pull/5020) [`c7277cdf7`](https://github.com/chakra-ui/chakra-ui/commit/c7277cdf715626926b3c12cfdc62a230b00609f0) Thanks [@burhanuday](https://github.com/burhanuday)! - fixed the bug in RangeSlider where an index out of bounds error would occur incase of stacked thumb - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/spinner@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/stat@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/styled-system@1.14.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/switch@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/system@1.8.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6), [`013c90d89`](https://github.com/chakra-ui/chakra-ui/commit/013c90d8928698debc6112365fbd62b85a1d7e92)] ## @chakra-ui/table@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/tabs@1.6.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/tag@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/textarea@1.2.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/theme@1.12.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - [#5010](https://github.com/chakra-ui/chakra-ui/pull/5010) [`0dd56ab1b`](https://github.com/chakra-ui/chakra-ui/commit/0dd56ab1b1ec3abab20ac6d8449757ad40138f29) Thanks [@jrolfs](https://github.com/jrolfs)! - Fixed an styling issue where it was not possible to customize the icon spacing of the `Select` component. - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/theme-tools@1.3.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/toast@1.4.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`0dd56ab1b`](https://github.com/chakra-ui/chakra-ui/commit/0dd56ab1b1ec3abab20ac6d8449757ad40138f29), [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/tooltip@1.4.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/transition@1.4.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/utils@1.9.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ## @chakra-ui/visually-hidden@1.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/cli@1.6.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/props-docs@1.0.38 ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/test-utils@1.1.0 ### Minor Changes - [#4991](https://github.com/chakra-ui/chakra-ui/pull/4991) [`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6) Thanks [@segunadebayo](https://github.com/segunadebayo)! - Update build system we use from a custom babel cli setup to [preconstruct](https://preconstruct.tools/). The previous build system transpiles the code in `src` directory to `dist/esm` and `dist/cjs` keeping the same file structure. The new build system merges all files in `src` and transpiles to a single `esm` and `cjs` file. **Potential Breaking Change:** The side effect of this is that, if you imported any function, component or hook using the **undocumented** approach like `import { useOutsideClick } from "@chakra-ui/hooks/dist/use-outside-click"`, you'll notice that the this doesn't work anymore. Here's how to resolve it: ```jsx live=false // Won't work 🎇 import { useOutsideClick } from '@chakra-ui/hooks/dist/use-outside-click' // Works ✅ import { useOutsideClick } from '@chakra-ui/hooks' ``` If this affected your project, we recommend that you import hooks, functions or components the way it's shown in the documentation. This will help keep your project future-proof. ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## create-react-app-ts@1.1.1 ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## gatsby-starter-default@0.3.1 ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## chakra-nextjs@1.1.1 ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## chakra-nextjs-ts@1.1.1 ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)] ## @chakra-ui/docs@2.1.5 ### Patch Changes - Updated dependencies \[[`6095eaf9a`](https://github.com/chakra-ui/chakra-ui/commit/6095eaf9ac64a7e4d9f934bcb530bae2a92111a6)]