Merge branch 'master' into dev

Author: KaelWD

.github/workflows/nightly.yml

@@ -114,8 +114,9 @@ jobs:
               exit 1
           fi
       - uses: vuetifyjs/setup-action@master
-      - run: echo "COMMIT=$(git rev-parse HEAD)" >> $GITHUB_ENV
+      - run: pnpm exec playwright install chromium
       - run: pnpm vizzly run "pnpm test:browser"
         working-directory: ./packages/vuetify
         env:
           VIZZLY_TOKEN: ${{ secrets.VIZZLY_TOKEN }}
+          TEST_TDD_ONLY: 1

lerna.json

@@ -13,5 +13,5 @@
     }
   },
   "npmClient": "pnpm",
-  "version": "3.11.2"
+  "version": "3.11.3"
 }

packages/api-generator/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuetify/api-generator",
   "type": "module",
-  "version": "3.11.2",
+  "version": "3.11.3",
   "private": true,
   "description": "",
   "scripts": {

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

@@ -1,8 +1,10 @@
 {
   "props": {
     "controlHeight": "Sets the height of the controls.",
+    "controlVariant": "- **docked:** Separate control groups for month and year.\n- **modal:** Month and year are displayed together, clicking the text opens a month picker, clicking the dropdown arrow opens a year picker. There are also arrow buttons to scroll between months.",
     "modeIcon": "Icon used for the mode button.",
     "nextIcon": "Icon used for the next button.",
+    "noMonthPicker": "Only applies to `controlVariant=\"modal\"`, the month and year picker buttons are combined into one that only opens the year picker.",
     "prevIcon": "Icon used for the previous button.",
     "viewMode": "Sets the view mode of the date picker."
   },

packages/docs/package.json

@@ -4,7 +4,7 @@
   "description": "A Vue.js project",
   "private": true,
   "author": "John Leider <john@vuetifyjs.com>",
-  "version": "3.11.2",
+  "version": "3.11.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/vuetifyjs/vuetify.git",
@@ -26,7 +26,7 @@
     "@vue/compiler-dom": "^3.5.25",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vuetify/one": "^2.6.2",
+    "@vuetify/one": "^2.6.7",
     "algoliasearch": "^4.24.0",
     "fflate": "^0.8.2",
     "isomorphic-fetch": "^3.0.0",

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

@@ -22,54 +22,39 @@
       appendIcon: '$vuetify-outline',
     },
     {
-      title: 'awesome',
-      href: 'https://github.com/vuetifyjs/awesome-vuetify',
-      appendIcon: 'mdi-creation-outline',
+      title: 'vuetify-create',
+      href: 'https://github.com/vuetifyjs/create/',
+      appendIcon: '$vuetify-create',
     },
     {
-      title: 'brand-kit',
-      to: rpath('/resources/brand-kit/'),
-      appendIcon: 'mdi-image-outline',
-    },
-    {
-      title: 'create',
-      href: 'https://tryvuetify.com/',
-      appendIcon: 'mdi-widgets-outline',
-    },
-    {
-      title: 'pastebin',
+      title: 'vuetify-bin',
       href: 'https://bin.vuetifyjs.com/',
-      appendIcon: 'mdi-delete-outline',
+      appendIcon: '$vuetify-bin',
     },
     {
-      title: 'playground',
+      title: 'vuetify-play',
       href: 'https://play.vuetifyjs.com/',
-      appendIcon: 'mdi-play-circle-outline',
+      appendIcon: '$vuetify-play',
     },
     {
-      title: 'jobs',
-      to: rpath('/resources/jobs-for-vue/'),
-      appendIcon: 'mdi-briefcase-variant-outline',
+      title: 'vuetify-link',
+      href: 'https://link.vuetifyjs.com/',
+      appendIcon: '$vuetify-link',
     },
     {
-      title: 'snips',
+      title: 'vuetify-snips',
       href: 'https://snips.vuetifyjs.com/',
-      appendIcon: [
-        [
-          'M18.3252 15.9618C17.4833 16.375 16.9265 17.0615 16.6685 17.8346L15.0662 15.7153C14.7199 15.2554 14.815 14.609 15.2835 14.2691L15.4328 14.1624L5.47931 1C3.8566 2.18628 3.51712 4.43889 4.71888 6.03171L12.4929 16.3084C12.9614 15.9685 13.62 16.0618 13.9663 16.5217L17.0759 20.6403C18.1147 22.0132 20.0905 22.4398 21.5435 21.4867C23.2884 20.3471 23.5328 17.8812 21.9101 16.4417C20.9392 15.582 19.493 15.3954 18.3252 15.9618ZM20.9392 20.4004C20.0565 21.0469 18.8073 20.8669 18.1487 20.0005C17.4901 19.1342 17.6802 17.9079 18.5628 17.2614C19.4455 16.615 20.6948 16.7949 21.3534 17.6613C22.0119 18.5277 21.8218 19.754 20.9392 20.4004Z', 1,
-        ],
-        ['M3.08175 16.4865C1.45983 17.9295 1.71879 20.3898 3.47701 21.5202C4.9013 22.4311 6.95255 21.9923 7.96114 20.6491L11.0619 16.5264C11.4094 16.0676 12.0705 15.9679 12.5407 16.307L20.2891 6.01368C21.4885 4.41781 21.1341 2.1703 19.4986 1L9.57624 14.1725L9.72616 14.2789C10.1964 14.6181 10.2986 15.263 9.95105 15.7152L8.34958 17.843C8.0838 17.0717 7.52499 16.3935 6.67996 15.9878C5.501 15.4226 4.04945 15.6221 3.08175 16.4865ZM3.64738 17.6967C4.3016 16.8257 5.55552 16.6395 6.44825 17.2778C7.34099 17.9162 7.5318 19.1397 6.87759 20.0107C6.22337 20.8818 4.96944 21.068 4.07671 20.4297C3.18397 19.7913 2.99316 18.5678 3.64738 17.6967Z', 1],
-      ],
+      appendIcon: '$vuetify-snips',
     },
     {
-      title: 'themes',
-      to: rpath('/resources/themes/'),
-      appendIcon: 'mdi-shape-outline',
+      title: 'vuetify-store',
+      href: 'https://store.vuetifyjs.com/',
+      appendIcon: '$vuetify-store',
     },
     {
       title: 'ui-kits',
-      to: rpath('/resources/ui-kits/'),
-      appendIcon: 'mdi-vector-difference-ab',
+      href: 'https://store.vuetifyjs.com/products/vuetify-ui-kit-figma',
+      appendIcon: '$vuetify-figma',
     },
     { divider: true },
     { subheader: t('social') },

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

@@ -5,10 +5,12 @@
     icon="mdi-github"
     rel="noopener"
     target="_blank"
+    v-tooltip:bottom="t('github')"
     @click="sweClick('app-bar', 'github', name)"
   />
 </template>
 
 <script setup>
   const { name } = useRoute()
+  const { t } = useI18n()
 </script>

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

@@ -9,6 +9,7 @@
         color="medium-emphasis"
         icon="mdi-translate"
         v-bind="props"
+        v-tooltip:bottom="t('languages')"
       />
     </template>
   </AppMenuMenu>

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

@@ -69,6 +69,11 @@
     },
     { divider: true },
     { subheader: t('documentation') },
+    {
+      title: 'Vuetify0',
+      href: 'https://0.vuetifyjs.com/',
+      appendIcon: 'mdi-numeric-0-box',
+    },
     {
       title: '3.x (latest)',
       href: 'https://vuetifyjs.com/',

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

@@ -19,6 +19,7 @@
     :icon="app.settings ? 'mdi-cog' : 'mdi-cog-outline'"
     class="me-n2"
     color="medium-emphasis"
+    v-tooltip:bottom="t('settings.header')"
     @click="onClick"
   />
 </template>
@@ -27,6 +28,7 @@
   const app = useAppStore()
   const pwa = usePwaStore()
   const { name } = useRoute()
+  const { t } = useI18n()
 
   function onClick () {
     sweClick('app-bar', 'settings-toggle', name)