Merge pull request #293 from chakra-ui/develop

release: @chakra-ui/[email protected]

Author: codebender828

.changeset/breezy-scissors-compete.md

@@ -0,0 +1,30 @@
+---
+"@chakra-ui/vue-composables": patch
+"@chakra-ui/c-close-button": patch
+"@chakra-ui/c-form-control": patch
+"@chakra-ui/c-scroll-lock": patch
+"@chakra-ui/c-breadcrumb": patch
+"@chakra-ui/c-accordion": patch
+"@chakra-ui/c-pin-input": patch
+"@chakra-ui/c-checkbox": patch
+"@chakra-ui/c-skip-nav": patch
+"@chakra-ui/c-popover": patch
+"@chakra-ui/c-spinner": patch
+"@chakra-ui/c-avatar": patch
+"@chakra-ui/c-button": patch
+"@chakra-ui/c-motion": patch
+"@chakra-ui/vue-accessibilty": patch
+"@chakra-ui/c-alert": patch
+"@chakra-ui/c-image": patch
+"@chakra-ui/c-input": patch
+"@chakra-ui/c-modal": patch
+"@chakra-ui/c-code": patch
+"@chakra-ui/c-menu": patch
+"@chakra-ui/vue-layout": patch
+"@chakra-ui/vue-system": patch
+"@chakra-ui/c-tag": patch
+"@chakra-ui/vue-utils": patch
+"@chakra-ui/vue-next": patch
+---
+
+Feature: Provide default `<c-avatar-badge />` box-size"

README.md

@@ -8,8 +8,13 @@ The official working repository for V1 of Chakra UI Vue with Vue 3 support.
 ```bash
 pnpm install
 
+pnpm build
+
+# Start packages dev server
 pnpm dev
 
+
+# In separate terminal
 pnpm playground:dev
 ```
 

package.json

@@ -76,7 +76,7 @@
     "@babel/runtime": "^7.20.13",
     "@chakra-ui/anatomy": "^2.0.1",
     "@chakra-ui/nuxt-next": "workspace:*",
-    "@chakra-ui/styled-system": "2.6.1",
+    "@chakra-ui/styled-system": "2.6.2",
     "@chakra-ui/theme": "^2.2.5",
     "@chakra-ui/theme-tools": "^2.0.17",
     "@chakra-ui/theme-utils": "^2.0.6",

packages/c-accordion/package.json

@@ -32,7 +32,7 @@
     "@chakra-ui/vue-system": "workspace:*",
     "@chakra-ui/vue-utils": "workspace:*",
     "@zag-js/accordion": "0.2.13",
-    "@chakra-ui/styled-system": "2.6.1",
+    "@chakra-ui/styled-system": "2.6.2",
     "@zag-js/vue": "0.2.10"
   },
   "peerDependencies": {

packages/c-alert/package.json

@@ -25,7 +25,7 @@
     "build:types": "tsup src --dts-only"
   },
   "dependencies": {
-    "@chakra-ui/styled-system": "2.6.1",
+    "@chakra-ui/styled-system": "2.6.2",
     "@chakra-ui/c-icon": "workspace:*",
     "@chakra-ui/vue-system": "workspace:*",
     "@chakra-ui/vue-utils": "workspace:*"

packages/c-avatar/examples/simple-avatar-with-badge.vue

@@ -5,7 +5,7 @@
     loading="lazy"
     icon="add"
   >
-    <c-avatar-badge bg="tomato" border-color="papayawhip" box-size="1.25em" />
+    <c-avatar-badge bg="tomato" border-color="papayawhip" />
   </c-avatar>
 </template>
 

packages/c-avatar/package.json

@@ -32,7 +32,7 @@
   "dependencies": {
     "@chakra-ui/c-icon": "workspace:*",
     "@chakra-ui/c-image": "workspace:*",
-    "@chakra-ui/styled-system": "2.6.1",
+    "@chakra-ui/styled-system": "2.6.2",
     "@chakra-ui/theme-tools": "^2.0.17",
     "@chakra-ui/utils": "2.0.15",
     "@chakra-ui/vue-layout": "workspace:*",

packages/c-avatar/src/c-avatar-badge.tsx

@@ -70,6 +70,7 @@ export const CAvatarBadge = defineComponent({
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
+      boxSize: "1em",
       ...(placementMap[props.placement] || {}),
       ...styles.value.badge,
     }))

packages/c-avatar/tests/__snapshots__/c-avatar-badge.test.ts.snap

@@ -13,7 +13,7 @@ exports[`CAvatarBadge renders badge without parameters 1`] = `
       EY
     </div>
     <div
-      class="chakra-avatar__badge chakra-2b36mb"
+      class="chakra-avatar__badge chakra-173vitc"
     />
   </span>
 </DocumentFragment>

packages/c-breadcrumb/package.json

@@ -33,7 +33,7 @@
     "build:types": "tsup src --dts-only"
   },
   "dependencies": {
-    "@chakra-ui/styled-system": "2.6.1",
+    "@chakra-ui/styled-system": "2.6.2",
     "@chakra-ui/utils": "2.0.15",
     "@chakra-ui/vue-system": "workspace:*",
     "@chakra-ui/vue-utils": "workspace:*"