Skip to content

Latest commit

 

History

History
565 lines (367 loc) · 18.5 KB

v1.8.4.mdx

File metadata and controls

565 lines (367 loc) · 18.5 KB
Raw
title description releaseUrl releaseDate version
Version 1.8.4
Explore the changelog for Chakra UI version 1.8.4. Learn about the latest features, bug fixes, and improvements.
February 20, 2022
1.8.4

@chakra-ui/styled-system@1.18.0

Minor Changes

  • #5579 b0da6e666 Thanks @jrolfs! - Modify theme types to make it possible to customize token types via TypeScript module augmentation and declaration merging in addition to allowing customization via the Chakra CLI.

    This makes it possible to do the following:

    • Distribute custom types with a component library based on Chakra
    • Customize theme types by hand
    • Version control your theme types

    To customize themes using the new mechanism, augment the CustomThemeTypings type in a definitions file such as types/chakra.d.ts:

    ⚠️ NOTE: your CustomThemeTypings must implement/extend BaseThemeTypings, otherwise the types will fall back to the default Chakra types (or custom output from @chakra-ui/cli)

    import { BaseThemeTypings } from "@chakra-ui/styled-system";

type DefaultSizes = 'small' | 'medium' | 'large';

declare module "@chakra-ui/styled-system" {
  export interface CustomThemeTypings extends BaseThemeTypings {
    // Example custom `borders` tokens
    borders: 'none' | 'thin' | 'thick';
    // ...
    // Other custom tokens
    // ...
    components: {
      Button: {
        // Example custom component sizes and variants
        sizes: DefaultSizes;
        variants: 'solid' | 'outline' | 'wacky' | 'chill';
      };
      // ...
     }
  }

Patch Changes

@chakra-ui/system@1.11.0

Minor Changes

  • #5508 e5e0f255c Thanks @TimKolberger! - Allow all JSX.IntrinsicElements for the chakra factory. This allows to use every DOM element with the shorthand version:

    <chakra.header>Header</chakra.header>
<chakra.main>Main</chakra.main>
<chakra.footer>Many more</chakra.footer>

Patch Changes

@chakra-ui/accordion@1.4.7

Patch Changes

@chakra-ui/alert@1.3.6

Patch Changes

@chakra-ui/anatomy@1.2.4

Patch Changes

  • #5595 0542b8a53 Thanks @takethefake! - Add a new multi style part root to the Accordion component. It is applied to the topmost DOM element.
  • Updated dependencies

@chakra-ui/avatar@1.3.7

Patch Changes

@chakra-ui/breadcrumb@1.3.5

Patch Changes

@chakra-ui/button@1.5.6

Patch Changes

@chakra-ui/checkbox@1.6.6

Patch Changes

@chakra-ui/clickable@1.2.5

Patch Changes

@chakra-ui/close-button@1.2.6

Patch Changes

@chakra-ui/color-mode@1.4.4

Patch Changes

@chakra-ui/control-box@1.1.5

Patch Changes

@chakra-ui/counter@1.2.6

Patch Changes

@chakra-ui/editable@1.3.6

Patch Changes

@chakra-ui/react-env@1.1.5

Patch Changes

@chakra-ui/focus-lock@1.2.5

Patch Changes

@chakra-ui/form-control@1.5.7

Patch Changes

@chakra-ui/hooks@1.8.3

Patch Changes

@chakra-ui/icon@2.0.4

Patch Changes

@chakra-ui/icons@1.1.6

Patch Changes

@chakra-ui/image@1.1.6

Patch Changes

@chakra-ui/input@1.4.2

Patch Changes

@chakra-ui/layout@1.7.5

Patch Changes

@chakra-ui/live-region@1.1.5

Patch Changes

@chakra-ui/media-query@2.0.2

Patch Changes

@chakra-ui/menu@1.8.7

Patch Changes

@chakra-ui/modal@1.10.8

Patch Changes

@chakra-ui/number-input@1.4.3

Patch Changes

@chakra-ui/pin-input@1.7.6

Patch Changes

@chakra-ui/popover@1.11.5

Patch Changes

@chakra-ui/portal@1.3.6

Patch Changes

@chakra-ui/progress@1.2.5

Patch Changes

@chakra-ui/provider@1.7.10

Patch Changes

@chakra-ui/radio@1.4.8

Patch Changes

@chakra-ui/react@1.8.4

Patch Changes

@chakra-ui/select@1.2.7

Patch Changes

@chakra-ui/skeleton@1.2.10

Patch Changes

@chakra-ui/skip-nav@1.2.5

Patch Changes

@chakra-ui/slider@1.5.7

Patch Changes

@chakra-ui/spinner@1.2.5

Patch Changes

@chakra-ui/stat@1.2.6

Patch Changes

@chakra-ui/switch@1.3.6

Patch Changes

@chakra-ui/table@1.3.5

Patch Changes

@chakra-ui/tabs@1.6.6

Patch Changes

@chakra-ui/tag@1.2.6

Patch Changes

@chakra-ui/textarea@1.2.7

Patch Changes

@chakra-ui/theme@1.13.3

Patch Changes

@chakra-ui/theme-tools@1.3.5

Patch Changes

@chakra-ui/toast@1.5.5

Patch Changes

@chakra-ui/tooltip@1.4.7

Patch Changes

@chakra-ui/transition@1.4.6

Patch Changes

@chakra-ui/utils@1.10.3

Patch Changes

@chakra-ui/visually-hidden@1.1.5

Patch Changes

@chakra-ui/props-docs@1.0.48

Patch Changes

create-react-app-ts@1.1.11

Patch Changes

  • Updated dependencies

gatsby-starter-default@0.3.11

Patch Changes

  • Updated dependencies

chakra-nextjs@1.1.11

Patch Changes

  • Updated dependencies

chakra-nextjs-ts@1.1.11

Patch Changes

  • Updated dependencies

@chakra-ui/test-utils@1.1.10

Patch Changes

  • Updated dependencies