@vuetify/nightly 3.8.0-beta.0-dev.2025-03-21 → 3.8.0-beta.0-dev.2025-03-22

package/dist/vuetify.d.ts

@@ -35133,6 +35133,7 @@ declare const VIcon: {
         tag: string | JSXComponent;
     } & {
         color?: string | undefined;
+        opacity?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
         icon?: IconValue | undefined;
@@ -35170,6 +35171,7 @@ declare const VIcon: {
         tag: string | JSXComponent;
     } & {
         color?: string | undefined;
+        opacity?: string | number | undefined;
         class?: any;
         theme?: string | undefined;
         icon?: IconValue | undefined;
@@ -35202,6 +35204,7 @@ declare const VIcon: {
     tag: string | JSXComponent;
 } & {
     color?: string | undefined;
+    opacity?: string | number | undefined;
     class?: any;
     theme?: string | undefined;
     icon?: IconValue | undefined;
@@ -35246,6 +35249,7 @@ declare const VIcon: {
     start: BooleanConstructor;
     end: BooleanConstructor;
     icon: vue.PropType<IconValue>;
+    opacity: (StringConstructor | NumberConstructor)[];
 }, vue.ExtractPropTypes<{
     theme: StringConstructor;
     tag: Omit<{
@@ -35269,6 +35273,7 @@ declare const VIcon: {
     start: BooleanConstructor;
     end: BooleanConstructor;
     icon: vue.PropType<IconValue>;
+    opacity: (StringConstructor | NumberConstructor)[];
 }>>;
 type VIcon = InstanceType<typeof VIcon>;
 
@@ -65363,24 +65368,23 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAutocomplete: VAutocomplete
-    VBadge: VBadge
-    VBottomNavigation: VBottomNavigation
     VAvatar: VAvatar
-    VBottomSheet: VBottomSheet
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBottomNavigation: VBottomNavigation
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
+    VBottomSheet: VBottomSheet
+    VBadge: VBadge
     VBtn: VBtn
-    VBtnToggle: VBtnToggle
     VBtnGroup: VBtnGroup
     VCard: VCard
     VCardActions: VCardActions
@@ -65388,20 +65392,14 @@ declare module 'vue' {
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VBtnToggle: VBtnToggle
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
+    VCode: VCode
+    VColorPicker: VColorPicker
+    VChipGroup: VChipGroup
     VCombobox: VCombobox
     VChip: VChip
-    VChipGroup: VChipGroup
-    VCode: VCode
-    VDatePicker: VDatePicker
-    VDatePickerControls: VDatePickerControls
-    VDatePickerHeader: VDatePickerHeader
-    VDatePickerMonth: VDatePickerMonth
-    VDatePickerMonths: VDatePickerMonths
-    VDatePickerYears: VDatePickerYears
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -65409,32 +65407,36 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VCounter: VCounter
-    VColorPicker: VColorPicker
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VDialog: VDialog
-    VDivider: VDivider
+    VCounter: VCounter
+    VDatePicker: VDatePicker
+    VDatePickerControls: VDatePickerControls
+    VDatePickerHeader: VDatePickerHeader
+    VDatePickerMonth: VDatePickerMonth
+    VDatePickerMonths: VDatePickerMonths
+    VDatePickerYears: VDatePickerYears
+    VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VEmptyState: VEmptyState
+    VFileInput: VFileInput
+    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
-    VFab: VFab
-    VFileInput: VFileInput
     VFooter: VFooter
+    VItemGroup: VItemGroup
+    VItem: VItem
+    VInput: VInput
+    VKbd: VKbd
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
-    VInput: VInput
-    VItemGroup: VItemGroup
-    VItem: VItem
-    VInfiniteScroll: VInfiniteScroll
-    VKbd: VKbd
-    VMenu: VMenu
+    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -65444,70 +65446,72 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMessages: VMessages
-    VLabel: VLabel
     VMain: VMain
     VNavigationDrawer: VNavigationDrawer
-    VNumberInput: VNumberInput
-    VPagination: VPagination
+    VMessages: VMessages
     VOtpInput: VOtpInput
+    VNumberInput: VNumberInput
     VProgressCircular: VProgressCircular
-    VOverlay: VOverlay
-    VProgressLinear: VProgressLinear
     VRadioGroup: VRadioGroup
+    VMenu: VMenu
+    VPagination: VPagination
+    VProgressLinear: VProgressLinear
+    VOverlay: VOverlay
     VRating: VRating
+    VSelectionControl: VSelectionControl
+    VSelect: VSelect
+    VSheet: VSheet
     VSelectionControlGroup: VSelectionControlGroup
-    VSkeletonLoader: VSkeletonLoader
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSheet: VSheet
-    VSelectionControl: VSelectionControl
     VSlider: VSlider
     VSnackbar: VSnackbar
-    VSwitch: VSwitch
-    VTextarea: VTextarea
-    VSystemBar: VSystemBar
-    VTable: VTable
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
+    VSkeletonLoader: VSkeletonLoader
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VSystemBar: VSystemBar
+    VSwitch: VSwitch
+    VTable: VTable
     VTextField: VTextField
-    VTooltip: VTooltip
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VSelect: VSelect
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
+    VTextarea: VTextarea
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VWindow: VWindow
+    VWindowItem: VWindowItem
+    VTooltip: VTooltip
+    VImg: VImg
+    VInfiniteScroll: VInfiniteScroll
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
-    VForm: VForm
-    VHover: VHover
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VLazy: VLazy
+    VForm: VForm
+    VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
+    VRadio: VRadio
     VNoSsr: VNoSsr
     VParallax: VParallax
-    VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
+    VSnackbarQueue: VSnackbarQueue
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
     VValidation: VValidation
@@ -65528,6 +65532,7 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VDivider: VDivider
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -65536,11 +65541,11 @@ declare module 'vue' {
     VCalendarMonthDay: VCalendarMonthDay
     VPicker: VPicker
     VPickerTitle: VPickerTitle
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.0-beta.0-dev.2025-03-21
+* Vuetify v3.8.0-beta.0-dev.2025-03-22
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -4928,6 +4928,7 @@ const makeVIconProps = propsFactory({
   start: Boolean,
   end: Boolean,
   icon: IconValue,
+  opacity: [String, Number],
   ...makeComponentProps(),
   ...makeSizeProps(),
   ...makeTagProps({
@@ -4972,7 +4973,9 @@ const VIcon = genericComponent()({
           'v-icon--start': props.start,
           'v-icon--end': props.end
         }, props.class],
-        "style": [!sizeClasses.value ? {
+        "style": [{
+          '--v-icon-opacity': props.opacity
+        }, !sizeClasses.value ? {
           fontSize: convertToUnit(props.size),
           height: convertToUnit(props.size),
           width: convertToUnit(props.size)
@@ -29168,7 +29171,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.0-beta.0-dev.2025-03-21";
+const version$1 = "3.8.0-beta.0-dev.2025-03-22";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29193,7 +29196,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.0-beta.0-dev.2025-03-21";
+const version = "3.8.0-beta.0-dev.2025-03-22";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };