feat(VConfirmEdit/VEmptyState/VFab/VSpeedDial/VSparkline): promote fr…

…om labs

packages/docs/src/data/nav.json

@@ -108,9 +108,11 @@
       "app-bars",
       "bottom-navigation",
       "breadcrumbs",
+      "floating-action-buttons",
       "footers",
       "navigation-drawers",
       "paginations",
+      "speed-dials",
       "system-bars",
       "tabs",
       { "divider": true },
@@ -131,6 +133,7 @@
       "textareas",
       { "divider": true },
       { "subheader": "data-and-display" },
+      "confirm-edit",
       "data-iterators",
       {
         "title": "data-tables",
@@ -147,6 +150,7 @@
           "virtual-tables"
         ]
       },
+      "sparklines",
       "infinite-scroller",
       "tables",
       "virtual-scroller",
@@ -167,6 +171,7 @@
       "alerts",
       "badges",
       "banners",
+      "empty-states",
       "hover",
       "progress-circular",
       "progress-linear",
@@ -227,22 +232,10 @@
         "title": "calendars",
         "subfolder": "components"
       },
-      {
-        "title": "confirm-edit",
-        "subfolder": "components"
-      },
       {
         "title": "date-inputs",
         "subfolder": "components"
       },
-      {
-        "title": "empty-states",
-        "subfolder": "components"
-      },
-      {
-        "title": "floating-action-buttons",
-        "subfolder": "components"
-      },
       {
         "title": "number-inputs",
         "subfolder": "components"
@@ -255,14 +248,6 @@
         "title": "snackbar-queue",
         "subfolder": "components"
       },
-      {
-        "title": "sparklines",
-        "subfolder": "components"
-      },
-      {
-        "title": "speed-dials",
-        "subfolder": "components"
-      },
       {
         "title": "time-pickers",
         "subfolder": "components"

packages/docs/src/pages/en/components/confirm-edit.md

@@ -10,7 +10,7 @@ related:
   - /components/icons/
   - /components/toolbars/
 features:
-  github: /labs/VConfirmEdit/
+  github: /components/VConfirmEdit/
   label: 'C: VConfirmEdit'
   report: true
 ---
@@ -19,30 +19,14 @@ features:
 
 The `v-confirm-edit` component is used to allow the user to verify their changes before they are committed.
 
-![Badge Entry](https://cdn.vuetifyjs.com/docs/images/components-temp/v-badge/v-badge-entry.png)
-
 <PageFeatures />
 
-::: warning
+::: success
 
-This feature requires [v3.4.0](/getting-started/release-notes/?version=v3.4.0)
+This feature was introduced in [v3.6.0](/getting-started/release-notes/?version=v3.6.0)
 
 :::
 
-## Installation
-
-Labs components require a manual import and installation of the component.
-
-```js { resource="src/plugins/vuetify.js" }
-import { VConfirmEdit } from 'vuetify/labs/VConfirmEdit'
-
-export default createVuetify({
-  components: {
-    VConfirmEdit,
-  },
-})
-```
-
 ## Usage
 
 <ExamplesUsage name="v-confirm-edit" />

packages/docs/src/pages/en/components/empty-states.md

@@ -12,7 +12,7 @@ features:
   report: true
   spec: https://m2.material.io/design/communication/empty-states.html
   label: 'C: VEmptyState'
-  github: '/labs/VEmptyState/'
+  github: '/components/VEmptyState/'
 ---
 
 # Empty states
@@ -21,26 +21,12 @@ The `v-empty-state` component is used to indicate that a list is empty or that n
 
 <PageFeatures />
 
-::: warning
+::: success
 
-This feature requires [v3.5.7](/getting-started/release-notes/?version=v3.5.7)
+This feature was introduced in [v3.6.0](/getting-started/release-notes/?version=v3.6.0)
 
 :::
 
-## Installation
-
-Labs components require a manual import and installation of the component.
-
-```js { resource="src/plugins/vuetify.js" }
-import { VEmptyState } from 'vuetify/labs/VEmptyState'
-
-export default createVuetify({
-  components: {
-    VEmptyState,
-  },
-})
-```
-
 ## Usage
 
 A basic empty state is composed of a title and a description. It can also include an icon and a button.

packages/docs/src/pages/en/components/floating-action-buttons.md

@@ -11,6 +11,8 @@ related:
   - /styles/transitions/
 features:
   report: true
+  label: 'C: VFab'
+  github: /components/VFab/
   spec: https://m2.material.io/components/buttons-floating-action-button
 ---
 
@@ -20,26 +22,12 @@ The `v-fab` component can be used as a floating action button. This provides an
 
 <PageFeatures />
 
-::: warning
+::: success
 
-This feature requires [v3.5.7](/getting-started/release-notes/?version=v3.5.7)
+This feature was introduced in [v3.6.0](/getting-started/release-notes/?version=v3.6.0)
 
 :::
 
-## Installation
-
-Labs components require a manual import and installation of the component.
-
-```js { resource="src/plugins/vuetify.js" }
-import { VFab } from 'vuetify/labs/VFab'
-
-export default createVuetify({
-  components: {
-    VFab,
-  },
-})
-```
-
 ## Usage
 
 Floating action buttons can be attached to material to signify a promoted action in your application. The default size will be used in most cases, whereas the `small` variant can be used to maintain continuity with similar sized elements.

packages/docs/src/pages/en/components/sparklines.md

@@ -8,40 +8,32 @@ related:
   - /components/cards/
   - /components/sheets/
   - /components/expansion-panels/
+features:
+  github: /components/VSparkline/
+  label: 'C: VSparkline'
+  report: true
 ---
 
 # Sparklines
 
 The sparkline component can be used to create simple graphs, like GitHub's contribution chart.
 
-<PromotedEntry />
+<PageFeatures />
 
-::: warning
+::: success
 
-This feature requires [v3.5.5](/getting-started/release-notes/?version=v3.5.5)
+This feature was introduced in [v3.6.0](/getting-started/release-notes/?version=v3.6.0)
 
 :::
 
-## Installation
-
-Labs components require a manual import and installation of the component.
-
-```js { resource="src/plugins/vuetify.js" }
-import { VSparkline } from 'vuetify/labs/VSparkline'
-
-export default createVuetify({
-  components: {
-    VSparkline,
-  },
-})
-```
-
 ## Usage
 
 A sparkline is a tiny chart that provides a visual representation of data. The sparkline component comes in 2 variations, **trend** (default) and **bar**. Each supports a multitude of options for customizing the look and feel of the sparkline.
 
 <ExamplesExample file="v-sparkline/usage" />
 
+<PromotedEntry />
+
 ## API
 
 | Component | Description |

packages/docs/src/pages/en/components/speed-dials.md

@@ -11,6 +11,8 @@ related:
   - /styles/transitions/
 features:
   report: true
+  github: /components/VSpeedDial/
+  label: 'C: VSpeedDial'
 ---
 
 # Speed Dials
@@ -19,26 +21,12 @@ The `v-speed-dial` component can be used as a floating action button that can re
 
 <PageFeatures />
 
-::: warning
+::: success
 
-This feature requires [v3.5.8](/getting-started/release-notes/?version=v3.5.8)
+This feature was introduced in [v3.6.0](/getting-started/release-notes/?version=v3.6.0)
 
 :::
 
-## Installation
-
-Labs components require a manual import and installation of the component.
-
-```js { resource="src/plugins/vuetify.js" }
-import { VSpeedDial } from 'vuetify/labs/VSpeedDial'
-
-export default createVuetify({
-  components: {
-    VSpeedDial,
-  },
-})
-```
-
 ## Usage
 
 Speed dials can be attached to material to signify a promoted action in your application. The default size will be used in most cases, whereas the `small` variant can be used to maintain continuity with similar sized elements.

packages/docs/src/pages/en/labs/introduction.md

@@ -77,14 +77,9 @@ The following is a list of available and up-and-coming components for use with L
 | Component | Description | Min Version |
 | - | - | - |
 | [v-calendar](/components/calendars/) | A calendar component | [v3.4.9](/getting-started/release-notes/?version=v3.4.9) |
-| [v-confirm-edit](/components/confirm-edit/) | A component for confirming model changes | [v3.4.0](/getting-started/release-notes/?version=v3.4.0) |
 | [v-date-input](/components/date-inputs/) | A date input component | [v3.6.0](/getting-started/release-notes/?version=v3.6.0) |
-| [v-empty-state](/components/empty-states/) | A component for displaying empty states | [v3.5.7](/getting-started/release-notes/?version=v3.5.7) |
-| [v-fab](/components/floating-action-buttons/) | A layout aware [v-btn](/components/buttons/) | [v3.5.7](/getting-started/release-notes/?version=v3.5.7) |
 | [v-number-input](/components/number-input/) | A component for numerical data | [v3.5.10](/getting-started/release-notes/?version=v3.5.10) |
 | [v-snackbar-queue](/components/snackbar-queue/) | A queue for snackbars | [v3.6.0](/getting-started/release-notes/?version=v3.6.0) |
-| [v-sparkline](/components/sparklines/) | A basic data display component | [v3.5.5](/getting-started/release-notes/?version=v3.5.5) |
-| [v-speed-dial](/components/speed-dials/) | A component for display actions | [v3.5.8](/getting-started/release-notes/?version=v3.5.8) |
 | [v-time-picker](/components/time-pickers/) | A time-picker component | [v3.5.12](/getting-started/release-notes/?version=v3.5.12) |
 | [v-treeview](/components/treeview/) | A treeview component | [v3.5.9](/getting-started/release-notes/?version=v3.5.9) |