v2.3.0.mdx

title	description	releaseUrl	releaseDate	version
Version 2.3.0	Explore the changelog for Chakra UI version 2.3.0. Learn about the latest features, bug fixes, and improvements.	chakra-ui#6555	August 29, 2022	2.3.0

@chakra-ui/[email protected]

Minor Changes

• e8f634e0d Thanks @segunadebayo! - Add support for changing avatar badge placement.

  The badge placement can be set to top-start, top-end, bottom-start or bottom-end.

  <Avatar
    name="Uchiha Itachi"
    src="https://uinames.com/api/photos/female/18.jpg"
  >
    <AvatarBadge placement="top-start" />
  </Avatar>

Patch Changes

• Updated dependencies

@chakra-ui/[email protected]

Minor Changes

• e8f634e0d Thanks @segunadebayo! - Add support for changing avatar badge placement.

  The badge placement can be set to top-start, top-end, bottom-start or bottom-end.

  <Avatar
    name="Uchiha Itachi"
    src="https://uinames.com/api/photos/female/18.jpg"
  >
    <AvatarBadge placement="top-start" />
  </Avatar>

Patch Changes

• Updated dependencies [dda7d71bb, 5e6c3fd65, e8f634e0d, 5bacbdc2c, 8b0bd0d58, 0cae42007, 872c0ccf5, ac6a00aea]

@chakra-ui/[email protected]

Minor Changes

• #6221 872c0ccf5 Thanks @segunadebayo! - Add defineStyle and defineStyleConfig to improve the TypeScript authoring experience of style objects and single part component themes.

  import { defineStyleConfig, defineStyle } from "@chakra-ui/styled-system"
  
  // authoring style objects
  const style = defineStyle({
    marginTop: "20px",
  })
  
  // authoring style configs for single part component
  const button = defineStyleConfig({
    baseStyle: {},
    variants: {},
    defaultProps: {},
  })

  Add createMultiStyleConfigHelpers factory that provides functions that help improve the TypeScript authoring experience of multipart component themes.

  import { createMultiStyleConfigHelpers } from "@chakra-ui/styled-sytem"
  
  // create scoped helpers for that defined parts
  const helpers = createMultiStyleConfigHelpers(["button", "label"])
  const { definePartsStyle, defineMultiStyleConfig } = helpers
  
  // authoring styles for each part
  const outlineVariant = definePartsStyle({
    button: {},
    label: {},
  })
  
  // authoring styles for multipart component
  const accordion = defineMultiStyleConfig({
    baseStyle: {
      button: {},
      label: {},
    },
    variants: {
      outline: outlineVariant,
    },
  })

Patch Changes

• #6559 0cae42007 Thanks @segunadebayo! - Refactors the theme to use design tokens and css variables as much as possible.

  Improve support for 100vh values by using a polyfill css variable --chakra-vh.

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [260076e2a]

@chakra-ui/[email protected]

Patch Changes

• 5e6c3fd65 Thanks @segunadebayo! - Allow slider mark to be themable

• #6221 872c0ccf5 Thanks @segunadebayo! - Update package to use styled-system as dependency

@chakra-ui/[email protected]

Patch Changes

• #6559 0cae42007 Thanks @segunadebayo! - Refactors the theme to use design tokens and css variables as much as possible.

  Improve support for 100vh values by using a polyfill css variable --chakra-vh.

@chakra-ui/[email protected]

Patch Changes

• #6573 260076e2a Thanks @EduSantosBrito! - Fix issue where generic type contraints throws in TypeScript 4.8+

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [260076e2a]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [260076e2a]

@chakra-ui/[email protected]

Patch Changes

• #6559 0cae42007 Thanks @segunadebayo! - Refactors the theme to use design tokens and css variables as much as possible.

  Improve support for 100vh values by using a polyfill css variable --chakra-vh.

• Updated dependencies [0cae42007]

@chakra-ui/[email protected]

Patch Changes

• dda7d71bb Thanks @segunadebayo! - Fix issue where select theme throws when "field" part is not defined

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• #6221 872c0ccf5 Thanks @segunadebayo! - Refactor to use the new helpers from styled-system package

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• 5e6c3fd65 Thanks @segunadebayo! - Allow slider mark to be themable

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [0cae42007, 872c0ccf5]

@chakra-ui/[email protected]

Patch Changes

• ac6a00aea Thanks @segunadebayo! - Fix key warning for tabs component

• Updated dependencies [260076e2a]

@chakra-ui/[email protected]

Patch Changes

• e8f634e0d Thanks @segunadebayo! - Add support for changing avatar badge placement.

  The badge placement can be set to top-start, top-end, bottom-start or bottom-end.

  <Avatar
    name="Uchiha Itachi"
    src="https://uinames.com/api/photos/female/18.jpg"
  >
    <AvatarBadge placement="top-start" />
  </Avatar>

• 5bacbdc2c Thanks @segunadebayo! - Refactor alert theme to use css variables

• #6559 0cae42007 Thanks @segunadebayo! - Refactors the theme to use design tokens and css variables as much as possible.

  Improve support for 100vh values by using a polyfill css variable --chakra-vh.

• #6221 872c0ccf5 Thanks @segunadebayo! - Refactor to use the new helpers from styled-system package

• Updated dependencies [5e6c3fd65, 872c0ccf5, 872c0ccf5]

@chakra-ui/[email protected]

Patch Changes

• #6221 872c0ccf5 Thanks @segunadebayo! - Refactored code to use from styled-system package

• Updated dependencies [5e6c3fd65, 872c0ccf5]

@chakra-ui/[email protected]

Patch Changes

• 8b0bd0d58 Thanks @segunadebayo! - Fix issue where toast double update doesn't work

• Updated dependencies [e8f634e0d, 5bacbdc2c, 0cae42007, 872c0ccf5]

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [7000bb5fe]

@chakra-ui/[email protected]

Patch Changes

• 7000bb5fe Thanks @segunadebayo! - Fix regression in addPointerEvent utility

@chakra-ui/[email protected]

Patch Changes

• #6584 ababbde39 Thanks @nikolovlazar! - Removed default value of portalZIndex

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e8f634e0d, 0cae42007, 872c0ccf5]

@chakra-ui/[email protected]

Patch Changes

• #6580 c22fa1a87 Thanks @itkrt2y! - remove an unused dependency

• Updated dependencies

@chakra-ui/[email protected]

Patch Changes

• Updated dependencies [e8f634e0d, 5bacbdc2c, 0cae42007, 872c0ccf5]