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

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,39 +65368,40 @@ declare module 'vue' {
   }
   export interface GlobalComponents {
     VApp: VApp
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
+    VBadge: VBadge
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
     VAutocomplete: VAutocomplete
-    VBadge: VBadge
-    VBottomNavigation: VBottomNavigation
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VAvatar: VAvatar
     VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
+    VBtnGroup: VBtnGroup
+    VBottomNavigation: VBottomNavigation
+    VBtnToggle: VBtnToggle
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
     VBtn: VBtn
-    VBtnToggle: VBtnToggle
-    VBtnGroup: VBtnGroup
+    VChip: VChip
     VCard: VCard
     VCardActions: VCardActions
     VCardItem: VCardItem
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
+    VChipGroup: VChipGroup
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
     VCombobox: VCombobox
-    VChip: VChip
-    VChipGroup: VChipGroup
     VCode: VCode
+    VCounter: VCounter
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -65409,32 +65415,30 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VCounter: VCounter
-    VColorPicker: VColorPicker
-    VDialog: VDialog
     VDivider: VDivider
+    VDialog: VDialog
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
     VEmptyState: VEmptyState
-    VField: VField
-    VFieldLabel: VFieldLabel
     VFab: VFab
-    VFileInput: VFileInput
-    VFooter: VFooter
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VImg: VImg
+    VField: VField
+    VFieldLabel: VFieldLabel
+    VFileInput: VFileInput
+    VFooter: VFooter
     VInput: VInput
+    VImg: VImg
+    VInfiniteScroll: VInfiniteScroll
     VItemGroup: VItemGroup
     VItem: VItem
-    VInfiniteScroll: VInfiniteScroll
     VKbd: VKbd
-    VMenu: VMenu
+    VLabel: VLabel
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -65445,64 +65449,64 @@ declare module 'vue' {
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
     VMessages: VMessages
-    VLabel: VLabel
+    VMenu: VMenu
     VMain: VMain
     VNavigationDrawer: VNavigationDrawer
     VNumberInput: VNumberInput
-    VPagination: VPagination
     VOtpInput: VOtpInput
-    VProgressCircular: VProgressCircular
     VOverlay: VOverlay
-    VProgressLinear: VProgressLinear
+    VPagination: VPagination
+    VProgressCircular: VProgressCircular
     VRadioGroup: VRadioGroup
+    VProgressLinear: VProgressLinear
     VRating: VRating
+    VSelect: VSelect
+    VSelectionControl: VSelectionControl
     VSelectionControlGroup: VSelectionControlGroup
-    VSkeletonLoader: VSkeletonLoader
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
     VSheet: VSheet
-    VSelectionControl: VSelectionControl
-    VSlider: VSlider
     VSnackbar: VSnackbar
-    VSwitch: VSwitch
-    VTextarea: VTextarea
+    VSlider: VSlider
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
+    VSkeletonLoader: VSkeletonLoader
     VSystemBar: VSystemBar
-    VTable: VTable
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
+    VSwitch: VSwitch
     VTextField: VTextField
     VTooltip: VTooltip
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VSelect: VSelect
+    VTable: VTable
+    VTextarea: VTextarea
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VConfirmEdit: VConfirmEdit
-    VDataIterator: VDataIterator
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
+    VWindow: VWindow
+    VWindowItem: VWindowItem
+    VColorPicker: VColorPicker
     VDefaultsProvider: VDefaultsProvider
+    VDataIterator: VDataIterator
     VForm: VForm
-    VHover: VHover
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
-    VLazy: VLazy
+    VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
-    VNoSsr: VNoSsr
     VParallax: VParallax
+    VNoSsr: VNoSsr
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
@@ -65528,25 +65532,26 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VConfirmEdit: VConfirmEdit
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
     VPicker: VPicker
     VPickerTitle: VPickerTitle
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
   }

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-23
 * 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-23";
 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-23";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };