Version 2.5.5

v2.5.5

@chakra-ui/alert@2.1.0#

Minor Changes#

• 559edf420 Thanks @segunadebayo! - Add data-status attribute to all alert component parts to allow for better finegrained styling

Patch Changes#

• Updated dependencies

@chakra-ui/styled-system@2.8.0#

Minor Changes#

• 93d3119a6 Thanks @segunadebayo! - Add new defineCssVars helper to improve the experience of authoring a set of css variables for a component theme.

  import { defineCssVars } from "@chakra-ui/react"
  
  // defines the `--badge-bg`, `--badge-border`, and `--badge-size` (with a 1rem fallback)
  const vars = defineCssVars("badge", ["bg", "border", ["size", "1rem"]])
  
  const style = {
    bg: vars.bg.reference,
    [vars.bg.variable]: "colors.red.500",
    [vars.border.variable]: "colors.red.300",
  }

  copy

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• fe882dc2f Thanks @segunadebayo! - Fix issue where <Box hideBelow="md" /> behavior was inconsistent with <Hide below="md" /> component

@chakra-ui/accordion@2.1.11#

Patch Changes#

• Updated dependencies [68ceb28ae]

@chakra-ui/avatar@2.2.8#

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• Updated dependencies

@chakra-ui/button@2.0.18#

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• Updated dependencies

@chakra-ui/checkbox@2.2.14#

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• Updated dependencies

@chakra-ui/css-reset@2.1.1#

Patch Changes#

• 51482a41e Thanks @segunadebayo! - Fix issue where <input type="number" /> shows spinner button

@chakra-ui/icons@2.0.18#

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• Updated dependencies

@chakra-ui/layout@2.1.18#

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• Updated dependencies

@chakra-ui/menu@2.1.12#

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• Updated dependencies [68ceb28ae]

@chakra-ui/modal@2.2.11#

Patch Changes#

• Updated dependencies [68ceb28ae]

@chakra-ui/provider@2.2.2#

Patch Changes#

• Updated dependencies [51482a41e, cc8477505, 68ceb28ae]

@chakra-ui/react@2.5.5#

Patch Changes#

• Updated dependencies [93d3119a6, 6a3c8435d, 559edf420, 93d3119a6, 4eac402bd, 51482a41e, cc8477505, 68ceb28ae, fe882dc2f]

@chakra-ui/switch@2.0.26#

Patch Changes#

• Updated dependencies [68ceb28ae]

@chakra-ui/theme@3.0.1#

Patch Changes#

• 93d3119a6 Thanks @segunadebayo! - Refactor badge, code and tag theme to use defineCssVars helper

• 6a3c8435d Thanks @segunadebayo! - Fix issue where tag outline theme doesn't work as expected.

• Updated dependencies

@chakra-ui/toast@6.1.1#

Patch Changes#

• 4eac402bd Thanks @segunadebayo! - Fix issue where zIndex was hardcoded in toast component by providing a css variable --toast-z-index for better override experience.

  You can set the toast's zIndex globally by setting a value for the --toast-z-index. The default value for this variable is 5500

  const theme = extendTheme({
    styles: {
      global: {
        "--toast-z-index": 10,
      },
    },
  })

  copy

• Updated dependencies [93d3119a6, 6a3c8435d, 559edf420, 93d3119a6, cc8477505, 68ceb28ae, fe882dc2f]

@chakra-ui/transition@2.0.16#

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

@chakra-ui/system@2.5.5#

Patch Changes#

• #7497 cc8477505 Thanks @renovate! - Update dependency react-fast-compare to v3.2.1

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• Updated dependencies [93d3119a6, 68ceb28ae, fe882dc2f]

@chakra-ui/next-js@2.1.2#

Patch Changes#

• f8f5280bc Thanks @segunadebayo! - Fix issue where fill prop was not forwarded to the underlying component.

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

@chakra-ui/theme-utils@2.0.15#

Patch Changes#

• Updated dependencies [93d3119a6, 6a3c8435d, 93d3119a6, 68ceb28ae, fe882dc2f]

@chakra-ui/test-utils@2.0.39#

Patch Changes#

• #7506 68ceb28ae Thanks @segunadebayo! - Fix issues with TS 5.0

• Updated dependencies [93d3119a6, 6a3c8435d]