lerna.json

@@ -13,6 +13,6 @@
     }
   },
   "npmClient": "yarn",
-  "version": "3.5.14",
+  "version": "3.5.15",
   "useWorkspaces": true
 }

package.json

@@ -47,7 +47,7 @@
     "@vueuse/head": "^1.3.1",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
-    "conventional-changelog-cli": "^4.1.0",
+    "conventional-changelog-cli": "^3.0.0",
     "conventional-changelog-vuetify": "^1.2.1",
     "conventional-github-releaser": "^3.1.5",
     "cross-env": "^7.0.3",
@@ -87,9 +87,5 @@
     "vue-router": "^4.2.5",
     "vue-tsc": "^1.8.27",
     "yargs": "^17.7.2"
-  },
-  "resolutions": {
-    "conventional-changelog": "4.0.0",
-    "conventional-changelog-preset-loader": "3.0.0"
   }
 }

packages/api-generator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuetify/api-generator",
-  "version": "3.5.14",
+  "version": "3.5.15",
   "private": true,
   "description": "",
   "scripts": {
@@ -17,7 +17,7 @@
     "ts-morph": "^20.0.0",
     "tsx": "^4.6.2",
     "vue": "^3.4.19",
-    "vuetify": "^3.5.14"
+    "vuetify": "^3.5.15"
   },
   "devDependencies": {
     "@types/stringify-object": "^4.0.5"

packages/api-generator/src/locale/en/VOverlay.json

@@ -11,6 +11,7 @@
     "zIndex": "The z-index used for the component."
   },
   "events": {
-    "click:outside": "Event that fires when clicking outside an active overlay."
+    "click:outside": "Event that fires when clicking outside an active overlay.",
+    "afterLeave": "Event that fires after the overlay has finished transitioning out."
   }
 }

packages/docs/package.json

@@ -3,7 +3,7 @@
   "description": "A Vue.js project",
   "private": true,
   "author": "John Leider <john@vuetifyjs.com>",
-  "version": "3.5.14",
+  "version": "3.5.15",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",
@@ -24,7 +24,7 @@
     "@vercel/analytics": "^1.2.2",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vuetify/one": "^1.5.4",
+    "@vuetify/one": "^1.5.5",
     "algoliasearch": "^4.20.0",
     "fflate": "^0.8.1",
     "isomorphic-fetch": "^3.0.0",
@@ -39,7 +39,7 @@
     "vue-i18n": "^9.7.1",
     "vue-instantsearch": "^4.12.1",
     "vue-prism-component": "^2.0.0",
-    "vuetify": "^3.5.14"
+    "vuetify": "^3.5.15"
   },
   "devDependencies": {
     "@emailjs/browser": "^3.11.0",
@@ -51,7 +51,7 @@
     "@vitejs/plugin-basic-ssl": "^1.0.2",
     "@vitejs/plugin-vue": "^4.5.2",
     "@vue/compiler-sfc": "^3.4.19",
-    "@vuetify/api-generator": "^3.5.14",
+    "@vuetify/api-generator": "^3.5.15",
     "ajv": "^8.12.0",
     "async-es": "^3.2.5",
     "date-fns": "^2.30.0",

packages/docs/src/components/app/bar/Bar.vue

@@ -17,28 +17,28 @@
 
     <template #append>
       <template v-if="mdAndUp">
-        <app-bar-learn-menu />
+        <AppBarLearnMenu />
 
-        <app-bar-support-menu />
+        <AppBarSupportMenu />
 
-        <app-bar-ecosystem-menu />
+        <AppBarEcosystemMenu />
 
-        <app-bar-team-link v-if="lgAndUp" />
+        <AppBarTeamLink v-if="lgAndUp" />
 
-        <app-bar-playground-link v-if="lgAndUp" />
+        <AppBarPlaygroundLink v-if="lgAndUp" />
 
-        <app-bar-enterprise-link />
+        <AppBarEnterpriseLink />
       </template>
 
-      <app-vertical-divider v-if="smAndUp" class="ms-3 me-2" />
+      <AppVerticalDivider v-if="smAndUp" class="ms-3 me-2" />
 
-      <app-bar-store-link v-if="smAndUp" />
+      <AppBarStoreLink v-if="smAndUp" />
 
-      <app-bar-jobs-link v-if="smAndUp" />
+      <AppBarJobsLink v-if="smAndUp" />
 
-      <app-bar-language-menu v-if="smAndUp" />
+      <AppBarLanguageMenu v-if="smAndUp" />
 
-      <app-bar-settings-toggle />
+      <AppBarSettingsToggle />
     </template>
   </VoAppBar>
 </template>

packages/docs/src/components/app/bar/EnterpriseLink.vue

@@ -2,14 +2,13 @@
   <AppBtn
     :to="rpath('/introduction/enterprise-support/')"
     class="ms-1"
+    color="primary"
+    text="enterprise"
+    variant="outlined"
     @click="gtagClick('app-bar', 'enterprise', name)"
-  >
-
-    {{ t('enterprise') }}
-  </AppBtn>
+  />
 </template>
 
 <script setup>
-  const { t } = useI18n()
   const { name } = useRoute()
 </script>

packages/docs/src/data/nav.json

@@ -60,6 +60,7 @@
       {
         "subheader": "utility-classes"
       },
+      "borders",
       "border-radius",
       "content",
       "cursor",

packages/docs/src/examples/border-radius/misc-components.vue

@@ -0,0 +1,10 @@
+<template>
+  <v-container class="text-center">
+    <v-btn
+      color="primary"
+      rounded="pill"
+      text="Update Account"
+      flat
+    ></v-btn>
+  </v-container>
+</template>

packages/docs/src/examples/border-radius/misc-pill-and-circle.vue

@@ -1,11 +1,19 @@
 <template>
-  <div class="d-flex justify-space-around">
-    <div
-      class="px-10 bg-secondary rounded-pill"
-    >
-    </div>
-    <div
-      class="pa-6 bg-secondary rounded-circle d-inline-block"
-    ></div>
-  </div>
+  <v-container>
+    <v-row justify="space-around">
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-pill mx-auto" style="height: 64px; width: 164px;"></div>
+          <div class="text-caption">rounded-pill</div>
+        </div>
+      </v-col>
+
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-circle mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-circle</div>
+        </div>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>

packages/docs/src/examples/border-radius/misc-removing-border-radius.vue

@@ -1,11 +1,10 @@
 <template>
-  <div class="d-flex justify-space-around">
-    <div class="pa-4 text-center bg-secondary rounded-0">
-      .rounded-0
-    </div>
-
-    <div class="pa-4 text-center bg-secondary rounded-xl rounded-be-0">
-      .rounded-xl .rounded-be-0
-    </div>
-  </div>
+  <v-container class="text-center">
+    <v-btn
+      color="primary"
+      rounded="0"
+      text="Update Account"
+      flat
+    ></v-btn>
+  </v-container>
 </template>

packages/docs/src/examples/border-radius/misc-rounded-corners.vue

@@ -0,0 +1,40 @@
+<template>
+  <v-container>
+    <v-row justify="space-around">
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-sm mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-sm</div>
+        </div>
+      </v-col>
+
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded</div>
+        </div>
+      </v-col>
+
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-md mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-md</div>
+        </div>
+      </v-col>
+
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-lg</div>
+        </div>
+      </v-col>
+
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-xl mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-xl</div>
+        </div>
+      </v-col>
+    </v-row>
+  </v-container>
+</template>

packages/docs/src/examples/border-radius/misc-rounding-by-corner.vue

@@ -1,19 +1,33 @@
 <template>
-  <div class="d-flex justify-space-around">
-    <div class="pa-4 bg-secondary rounded-ts-xl">
-      .rounded-ts-xl
-    </div>
+  <v-container>
+    <v-row justify="space-around">
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-ts-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-ts-lg</div>
+        </div>
+      </v-col>
 
-    <div class="pa-4 bg-secondary rounded-te-xl">
-      .rounded-te-xl
-    </div>
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-te-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-te-lg</div>
+        </div>
+      </v-col>
 
-    <div class="pa-4 bg-secondary rounded-be-xl">
-      .rounded-be-xl
-    </div>
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-be-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-be-lg</div>
+        </div>
+      </v-col>
 
-    <div class="pa-4 bg-secondary rounded-bs-xl">
-      .rounded-bs-xl
-    </div>
-  </div>
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-bs-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-bs-lg</div>
+        </div>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>

packages/docs/src/examples/border-radius/misc-rounding-by-side.vue

@@ -1,19 +1,33 @@
 <template>
-  <div class="d-flex justify-space-around">
-    <div class="pa-4 bg-secondary rounded-t-xl">
-      .rounded-t-xl
-    </div>
+  <v-container>
+    <v-row justify="space-around">
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-t-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-t-lg</div>
+        </div>
+      </v-col>
 
-    <div class="pa-4 bg-secondary rounded-b-xl">
-      .rounded-b-xl
-    </div>
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-e-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-e-lg</div>
+        </div>
+      </v-col>
 
-    <div class="pa-4 bg-secondary rounded-s-xl">
-      .rounded-s-xl
-    </div>
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-b-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-b-lg</div>
+        </div>
+      </v-col>
 
-    <div class="pa-4 bg-secondary rounded-e-xl">
-      .rounded-e-xl
-    </div>
-  </div>
+      <v-col cols="auto">
+        <div class="text-center">
+          <div class="bg-surface-variant rounded-s-lg mx-auto" style="height: 64px; width: 64px;"></div>
+          <div class="text-caption">rounded-s-lg</div>
+        </div>
+      </v-col>
+    </v-row>
+  </v-container>
 </template>