@vuetify/nightly 3.6.3-master.2024-05-05 → 3.6.3-master.2024-05-06

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -11,6 +11,7 @@ import { useBackgroundColor } from "../../composables/color.mjs";
11
11
  import { provideDefaults } from "../../composables/defaults.mjs";
12
12
  import { makeDensityProps, useDensity } from "../../composables/density.mjs";
13
13
  import { useProxiedModel } from "../../composables/proxiedModel.mjs";
14
+ import { useScopeId } from "../../composables/scopeId.mjs";
14
15
  import { makeTagProps } from "../../composables/tag.mjs"; // Utilities
15
16
  import { computed, toRef } from 'vue';
16
17
  import { convertToUnit, genericComponent, isObject, propsFactory, useRender } from "../../util/index.mjs"; // Types
@@ -60,6 +61,7 @@ export const VTabs = genericComponent()({
60
61
  },
61
62
  setup(props, _ref) {
62
63
  let {
64
+ attrs,
63
65
  slots
64
66
  } = _ref;
65
67
  const model = useProxiedModel(props, 'modelValue');
@@ -71,6 +73,9 @@ export const VTabs = genericComponent()({
71
73
  backgroundColorClasses,
72
74
  backgroundColorStyles
73
75
  } = useBackgroundColor(toRef(props, 'bgColor'));
76
+ const {
77
+ scopeId
78
+ } = useScopeId();
74
79
  provideDefaults({
75
80
  VTab: {
76
81
  color: toRef(props, 'color'),
@@ -97,7 +102,7 @@ export const VTabs = genericComponent()({
97
102
  }, backgroundColorStyles.value, props.style],
98
103
  "role": "tablist",
99
104
  "symbol": VTabsSymbol
100
- }), {
105
+ }, scopeId, attrs), {
101
106
  default: () => [slots.default?.() ?? items.value.map(item => slots.tab?.({
102
107
  item
103
108
  }) ?? _createVNode(VTab, _mergeProps(item, {
@@ -108,11 +113,11 @@ export const VTabs = genericComponent()({
108
113
  item
109
114
  })
110
115
  }))]
111
- }), hasWindow && _createVNode(VTabsWindow, {
116
+ }), hasWindow && _createVNode(VTabsWindow, _mergeProps({
112
117
  "modelValue": model.value,
113
118
  "onUpdate:modelValue": $event => model.value = $event,
114
119
  "key": "tabs-window"
115
- }, {
120
+ }, scopeId), {
116
121
  default: () => [items.value.map(item => slots.item?.({
117
122
  item
118
123
  }) ?? _createVNode(VTabsWindowItem, {
@@ -1 +1 @@
1
- {"version":3,"file":"VTabs.mjs","names":["VTab","VTabsWindow","VTabsWindowItem","makeVSlideGroupProps","VSlideGroup","useBackgroundColor","provideDefaults","makeDensityProps","useDensity","useProxiedModel","makeTagProps","computed","toRef","convertToUnit","genericComponent","isObject","propsFactory","useRender","VTabsSymbol","parseItems","items","map","item","text","value","makeVTabsProps","alignTabs","type","String","default","color","fixedTabs","Boolean","Array","stacked","bgColor","grow","height","Number","undefined","hideSlider","sliderColor","mandatory","selectedClass","VTabs","name","props","emits","v","setup","_ref","slots","model","densityClasses","backgroundColorClasses","backgroundColorStyles","direction","fixed","slideGroupProps","filterProps","hasWindow","window","length","_createVNode","_Fragment","_mergeProps","$event","class","style","tab"],"sources":["../../../src/components/VTabs/VTabs.tsx"],"sourcesContent":["// Styles\nimport './VTabs.sass'\n\n// Components\nimport { VTab } from './VTab'\nimport { VTabsWindow } from './VTabsWindow'\nimport { VTabsWindowItem } from './VTabsWindowItem'\nimport { makeVSlideGroupProps, VSlideGroup } from '@/components/VSlideGroup/VSlideGroup'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, isObject, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport { VTabsSymbol } from './shared'\n\nexport type TabItem = string | number | Record<string, any>\n\nexport type VTabsSlot = {\n item: TabItem\n}\n\nexport type VTabsSlots = {\n default: never\n tab: VTabsSlot\n item: VTabsSlot\n window: never\n} & {\n [key: `tab.${string}`]: VTabsSlot\n [key: `item.${string}`]: VTabsSlot\n}\n\nfunction parseItems (items: readonly TabItem[] | undefined) {\n if (!items) return []\n\n return items.map(item => {\n if (!isObject(item)) return { text: item, value: item }\n\n return item\n })\n}\n\nexport const makeVTabsProps = propsFactory({\n alignTabs: {\n type: String as PropType<'start' | 'title' | 'center' | 'end'>,\n default: 'start',\n },\n color: String,\n fixedTabs: Boolean,\n items: {\n type: Array as PropType<readonly TabItem[]>,\n default: () => ([]),\n },\n stacked: Boolean,\n bgColor: String,\n grow: Boolean,\n height: {\n type: [Number, String],\n default: undefined,\n },\n hideSlider: Boolean,\n sliderColor: String,\n\n ...makeVSlideGroupProps({\n mandatory: 'force' as const,\n selectedClass: 'v-tab-item--selected',\n }),\n ...makeDensityProps(),\n ...makeTagProps(),\n}, 'VTabs')\n\nexport const VTabs = genericComponent<VTabsSlots>()({\n name: 'VTabs',\n\n props: makeVTabsProps(),\n\n emits: {\n 'update:modelValue': (v: unknown) => true,\n },\n\n setup (props, { slots }) {\n const model = useProxiedModel(props, 'modelValue')\n const items = computed(() => parseItems(props.items))\n const { densityClasses } = useDensity(props)\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n\n provideDefaults({\n VTab: {\n color: toRef(props, 'color'),\n direction: toRef(props, 'direction'),\n stacked: toRef(props, 'stacked'),\n fixed: toRef(props, 'fixedTabs'),\n sliderColor: toRef(props, 'sliderColor'),\n hideSlider: toRef(props, 'hideSlider'),\n },\n })\n\n useRender(() => {\n const slideGroupProps = VSlideGroup.filterProps(props)\n const hasWindow = !!(slots.window || props.items.length > 0)\n\n return (\n <>\n <VSlideGroup\n { ...slideGroupProps }\n v-model={ model.value }\n class={[\n 'v-tabs',\n `v-tabs--${props.direction}`,\n `v-tabs--align-tabs-${props.alignTabs}`,\n {\n 'v-tabs--fixed-tabs': props.fixedTabs,\n 'v-tabs--grow': props.grow,\n 'v-tabs--stacked': props.stacked,\n },\n densityClasses.value,\n backgroundColorClasses.value,\n props.class,\n ]}\n style={[\n { '--v-tabs-height': convertToUnit(props.height) },\n backgroundColorStyles.value,\n props.style,\n ]}\n role=\"tablist\"\n symbol={ VTabsSymbol }\n >\n { slots.default?.() ?? items.value.map(item => (\n slots.tab?.({ item }) ?? (\n <VTab\n { ...item }\n key={ item.text }\n value={ item.value }\n v-slots={{\n default: () => slots[`tab.${item.value}`]?.({ item }),\n }}\n />\n )\n ))}\n </VSlideGroup>\n\n { hasWindow && (\n <VTabsWindow\n v-model={ model.value }\n key=\"tabs-window\"\n >\n { items.value.map(item => slots.item?.({ item }) ?? (\n <VTabsWindowItem\n value={ item.value }\n v-slots={{\n default: () => slots[`item.${item.value}`]?.({ item }),\n }}\n />\n ))}\n\n { slots.window?.() }\n </VTabsWindow>\n )}\n </>\n )\n })\n\n return {}\n },\n})\n\nexport type VTabs = InstanceType<typeof VTabs>\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"VTabs.mjs","names":["VTab","VTabsWindow","VTabsWindowItem","makeVSlideGroupProps","VSlideGroup","useBackgroundColor","provideDefaults","makeDensityProps","useDensity","useProxiedModel","useScopeId","makeTagProps","computed","toRef","convertToUnit","genericComponent","isObject","propsFactory","useRender","VTabsSymbol","parseItems","items","map","item","text","value","makeVTabsProps","alignTabs","type","String","default","color","fixedTabs","Boolean","Array","stacked","bgColor","grow","height","Number","undefined","hideSlider","sliderColor","mandatory","selectedClass","VTabs","name","props","emits","v","setup","_ref","attrs","slots","model","densityClasses","backgroundColorClasses","backgroundColorStyles","scopeId","direction","fixed","slideGroupProps","filterProps","hasWindow","window","length","_createVNode","_Fragment","_mergeProps","$event","class","style","tab"],"sources":["../../../src/components/VTabs/VTabs.tsx"],"sourcesContent":["// Styles\nimport './VTabs.sass'\n\n// Components\nimport { VTab } from './VTab'\nimport { VTabsWindow } from './VTabsWindow'\nimport { VTabsWindowItem } from './VTabsWindowItem'\nimport { makeVSlideGroupProps, VSlideGroup } from '@/components/VSlideGroup/VSlideGroup'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { convertToUnit, genericComponent, isObject, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport { VTabsSymbol } from './shared'\n\nexport type TabItem = string | number | Record<string, any>\n\nexport type VTabsSlot = {\n item: TabItem\n}\n\nexport type VTabsSlots = {\n default: never\n tab: VTabsSlot\n item: VTabsSlot\n window: never\n} & {\n [key: `tab.${string}`]: VTabsSlot\n [key: `item.${string}`]: VTabsSlot\n}\n\nfunction parseItems (items: readonly TabItem[] | undefined) {\n if (!items) return []\n\n return items.map(item => {\n if (!isObject(item)) return { text: item, value: item }\n\n return item\n })\n}\n\nexport const makeVTabsProps = propsFactory({\n alignTabs: {\n type: String as PropType<'start' | 'title' | 'center' | 'end'>,\n default: 'start',\n },\n color: String,\n fixedTabs: Boolean,\n items: {\n type: Array as PropType<readonly TabItem[]>,\n default: () => ([]),\n },\n stacked: Boolean,\n bgColor: String,\n grow: Boolean,\n height: {\n type: [Number, String],\n default: undefined,\n },\n hideSlider: Boolean,\n sliderColor: String,\n\n ...makeVSlideGroupProps({\n mandatory: 'force' as const,\n selectedClass: 'v-tab-item--selected',\n }),\n ...makeDensityProps(),\n ...makeTagProps(),\n}, 'VTabs')\n\nexport const VTabs = genericComponent<VTabsSlots>()({\n name: 'VTabs',\n\n props: makeVTabsProps(),\n\n emits: {\n 'update:modelValue': (v: unknown) => true,\n },\n\n setup (props, { attrs, slots }) {\n const model = useProxiedModel(props, 'modelValue')\n const items = computed(() => parseItems(props.items))\n const { densityClasses } = useDensity(props)\n const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(toRef(props, 'bgColor'))\n const { scopeId } = useScopeId()\n\n provideDefaults({\n VTab: {\n color: toRef(props, 'color'),\n direction: toRef(props, 'direction'),\n stacked: toRef(props, 'stacked'),\n fixed: toRef(props, 'fixedTabs'),\n sliderColor: toRef(props, 'sliderColor'),\n hideSlider: toRef(props, 'hideSlider'),\n },\n })\n\n useRender(() => {\n const slideGroupProps = VSlideGroup.filterProps(props)\n const hasWindow = !!(slots.window || props.items.length > 0)\n\n return (\n <>\n <VSlideGroup\n { ...slideGroupProps }\n v-model={ model.value }\n class={[\n 'v-tabs',\n `v-tabs--${props.direction}`,\n `v-tabs--align-tabs-${props.alignTabs}`,\n {\n 'v-tabs--fixed-tabs': props.fixedTabs,\n 'v-tabs--grow': props.grow,\n 'v-tabs--stacked': props.stacked,\n },\n densityClasses.value,\n backgroundColorClasses.value,\n props.class,\n ]}\n style={[\n { '--v-tabs-height': convertToUnit(props.height) },\n backgroundColorStyles.value,\n props.style,\n ]}\n role=\"tablist\"\n symbol={ VTabsSymbol }\n { ...scopeId }\n { ...attrs }\n >\n { slots.default?.() ?? items.value.map(item => (\n slots.tab?.({ item }) ?? (\n <VTab\n { ...item }\n key={ item.text }\n value={ item.value }\n v-slots={{\n default: () => slots[`tab.${item.value}`]?.({ item }),\n }}\n />\n )\n ))}\n </VSlideGroup>\n\n { hasWindow && (\n <VTabsWindow\n v-model={ model.value }\n key=\"tabs-window\"\n { ...scopeId }\n >\n { items.value.map(item => slots.item?.({ item }) ?? (\n <VTabsWindowItem\n value={ item.value }\n v-slots={{\n default: () => slots[`item.${item.value}`]?.({ item }),\n }}\n />\n ))}\n\n { slots.window?.() }\n </VTabsWindow>\n )}\n </>\n )\n })\n\n return {}\n },\n})\n\nexport type VTabs = InstanceType<typeof VTabs>\n"],"mappings":"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","ignoreList":[]}
@@ -56,13 +56,13 @@
56
56
  overflow: hidden;
57
57
  }
58
58
  .v-toolbar__content > .v-btn:first-child {
59
- margin-inline-start: 10px;
59
+ margin-inline-start: 4px;
60
60
  }
61
61
  .v-toolbar__content > .v-btn:last-child {
62
- margin-inline-end: 10px;
62
+ margin-inline-end: 4px;
63
63
  }
64
64
  .v-toolbar__content > .v-toolbar-title {
65
- margin-inline-start: 16px;
65
+ margin-inline-start: 20px;
66
66
  }
67
67
  .v-toolbar--density-prominent .v-toolbar__content {
68
68
  align-items: flex-start;
@@ -87,11 +87,11 @@
87
87
  }
88
88
 
89
89
  .v-toolbar__prepend {
90
- margin-inline: 10px auto;
90
+ margin-inline: 4px auto;
91
91
  }
92
92
 
93
93
  .v-toolbar__append {
94
- margin-inline: auto 10px;
94
+ margin-inline: auto 4px;
95
95
  }
96
96
 
97
97
  .v-toolbar-title {
@@ -17,13 +17,13 @@ $toolbar-collapsed-max-width: 112px !default;
17
17
  $toolbar-elevation: 0 !default;
18
18
  $toolbar-flat-elevation: 0 !default;
19
19
  $toolbar-flex: none !default;
20
- $toolbar-prepend-btn-margin-start: 10px !default;
21
- $toolbar-append-btn-margin-end: 10px !default;
20
+ $toolbar-prepend-btn-margin-start: 4px !default;
21
+ $toolbar-append-btn-margin-end: 4px !default;
22
22
  $toolbar-rounded-border-radius: variables.$border-radius-root !default;
23
23
  $toolbar-transition: .2s variables.$standard-easing !default;
24
24
 
25
25
  // VToolbarTitle
26
- $toolbar-title-margin: 16px !default;
26
+ $toolbar-title-margin: 20px !default;
27
27
  $toolbar-title-font-size: 1.25rem !default;
28
28
  $toolbar-title-font-weight: 400 !default;
29
29
  $toolbar-title-letter-spacing: 0 !default;
@@ -16,7 +16,7 @@ export const createVuetify = function () {
16
16
  ...options
17
17
  });
18
18
  };
19
- export const version = "3.6.3-master.2024-05-05";
19
+ export const version = "3.6.3-master.2024-05-06";
20
20
  createVuetify.version = version;
21
21
  export { blueprints, components, directives };
22
22
  export * from "./composables/index.mjs";
package/lib/framework.mjs CHANGED
@@ -97,7 +97,7 @@ export function createVuetify() {
97
97
  goTo
98
98
  };
99
99
  }
100
- export const version = "3.6.3-master.2024-05-05";
100
+ export const version = "3.6.3-master.2024-05-06";
101
101
  createVuetify.version = version;
102
102
 
103
103
  // Vue's inject() can only be used in setup
package/lib/index.d.mts CHANGED
@@ -501,32 +501,32 @@ declare module '@vue/runtime-core' {
501
501
  VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
502
502
  VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
503
503
  VAvatar: typeof import('vuetify/components')['VAvatar']
504
+ VBadge: typeof import('vuetify/components')['VBadge']
504
505
  VBanner: typeof import('vuetify/components')['VBanner']
505
506
  VBannerActions: typeof import('vuetify/components')['VBannerActions']
506
507
  VBannerText: typeof import('vuetify/components')['VBannerText']
507
- VBadge: typeof import('vuetify/components')['VBadge']
508
- VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
509
508
  VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
509
+ VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
510
510
  VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
511
511
  VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
512
512
  VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
513
+ VBtn: typeof import('vuetify/components')['VBtn']
514
+ VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
513
515
  VCard: typeof import('vuetify/components')['VCard']
514
516
  VCardActions: typeof import('vuetify/components')['VCardActions']
515
517
  VCardItem: typeof import('vuetify/components')['VCardItem']
516
518
  VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
517
519
  VCardText: typeof import('vuetify/components')['VCardText']
518
520
  VCardTitle: typeof import('vuetify/components')['VCardTitle']
519
- VBtn: typeof import('vuetify/components')['VBtn']
520
- VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
521
521
  VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
522
522
  VCarousel: typeof import('vuetify/components')['VCarousel']
523
523
  VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
524
524
  VCheckbox: typeof import('vuetify/components')['VCheckbox']
525
525
  VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
526
526
  VChip: typeof import('vuetify/components')['VChip']
527
- VColorPicker: typeof import('vuetify/components')['VColorPicker']
528
- VCode: typeof import('vuetify/components')['VCode']
529
527
  VChipGroup: typeof import('vuetify/components')['VChipGroup']
528
+ VCode: typeof import('vuetify/components')['VCode']
529
+ VColorPicker: typeof import('vuetify/components')['VColorPicker']
530
530
  VCombobox: typeof import('vuetify/components')['VCombobox']
531
531
  VCounter: typeof import('vuetify/components')['VCounter']
532
532
  VDataTable: typeof import('vuetify/components')['VDataTable']
@@ -542,16 +542,16 @@ declare module '@vue/runtime-core' {
542
542
  VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
543
543
  VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
544
544
  VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
545
- VEmptyState: typeof import('vuetify/components')['VEmptyState']
546
545
  VDialog: typeof import('vuetify/components')['VDialog']
546
+ VEmptyState: typeof import('vuetify/components')['VEmptyState']
547
547
  VDivider: typeof import('vuetify/components')['VDivider']
548
- VField: typeof import('vuetify/components')['VField']
549
- VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
550
- VFab: typeof import('vuetify/components')['VFab']
551
548
  VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
552
549
  VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
553
550
  VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
554
551
  VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
552
+ VFab: typeof import('vuetify/components')['VFab']
553
+ VField: typeof import('vuetify/components')['VField']
554
+ VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
555
555
  VFileInput: typeof import('vuetify/components')['VFileInput']
556
556
  VFooter: typeof import('vuetify/components')['VFooter']
557
557
  VIcon: typeof import('vuetify/components')['VIcon']
@@ -559,14 +559,13 @@ declare module '@vue/runtime-core' {
559
559
  VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
560
560
  VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
561
561
  VClassIcon: typeof import('vuetify/components')['VClassIcon']
562
- VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
563
562
  VImg: typeof import('vuetify/components')['VImg']
564
- VKbd: typeof import('vuetify/components')['VKbd']
563
+ VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
564
+ VInput: typeof import('vuetify/components')['VInput']
565
565
  VItemGroup: typeof import('vuetify/components')['VItemGroup']
566
566
  VItem: typeof import('vuetify/components')['VItem']
567
- VInput: typeof import('vuetify/components')['VInput']
567
+ VKbd: typeof import('vuetify/components')['VKbd']
568
568
  VLabel: typeof import('vuetify/components')['VLabel']
569
- VMain: typeof import('vuetify/components')['VMain']
570
569
  VList: typeof import('vuetify/components')['VList']
571
570
  VListGroup: typeof import('vuetify/components')['VListGroup']
572
571
  VListImg: typeof import('vuetify/components')['VListImg']
@@ -576,46 +575,46 @@ declare module '@vue/runtime-core' {
576
575
  VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
577
576
  VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
578
577
  VListSubheader: typeof import('vuetify/components')['VListSubheader']
578
+ VMain: typeof import('vuetify/components')['VMain']
579
579
  VMenu: typeof import('vuetify/components')['VMenu']
580
580
  VMessages: typeof import('vuetify/components')['VMessages']
581
581
  VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
582
582
  VOtpInput: typeof import('vuetify/components')['VOtpInput']
583
- VPagination: typeof import('vuetify/components')['VPagination']
584
583
  VOverlay: typeof import('vuetify/components')['VOverlay']
585
- VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
584
+ VPagination: typeof import('vuetify/components')['VPagination']
586
585
  VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
586
+ VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
587
587
  VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
588
- VSelect: typeof import('vuetify/components')['VSelect']
589
588
  VRating: typeof import('vuetify/components')['VRating']
589
+ VSelect: typeof import('vuetify/components')['VSelect']
590
590
  VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
591
591
  VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
592
- VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
593
592
  VSheet: typeof import('vuetify/components')['VSheet']
594
- VSnackbar: typeof import('vuetify/components')['VSnackbar']
595
593
  VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
596
594
  VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
597
595
  VSlider: typeof import('vuetify/components')['VSlider']
598
- VSwitch: typeof import('vuetify/components')['VSwitch']
599
- VSystemBar: typeof import('vuetify/components')['VSystemBar']
600
- VTextarea: typeof import('vuetify/components')['VTextarea']
601
- VTable: typeof import('vuetify/components')['VTable']
596
+ VSnackbar: typeof import('vuetify/components')['VSnackbar']
602
597
  VStepper: typeof import('vuetify/components')['VStepper']
603
598
  VStepperActions: typeof import('vuetify/components')['VStepperActions']
604
599
  VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
605
600
  VStepperItem: typeof import('vuetify/components')['VStepperItem']
606
601
  VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
607
602
  VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
603
+ VSwitch: typeof import('vuetify/components')['VSwitch']
604
+ VSystemBar: typeof import('vuetify/components')['VSystemBar']
608
605
  VTab: typeof import('vuetify/components')['VTab']
609
606
  VTabs: typeof import('vuetify/components')['VTabs']
610
607
  VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
611
608
  VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
609
+ VTable: typeof import('vuetify/components')['VTable']
610
+ VTextarea: typeof import('vuetify/components')['VTextarea']
612
611
  VTextField: typeof import('vuetify/components')['VTextField']
612
+ VTimeline: typeof import('vuetify/components')['VTimeline']
613
+ VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
613
614
  VToolbar: typeof import('vuetify/components')['VToolbar']
614
615
  VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
615
616
  VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
616
617
  VTooltip: typeof import('vuetify/components')['VTooltip']
617
- VTimeline: typeof import('vuetify/components')['VTimeline']
618
- VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
619
618
  VWindow: typeof import('vuetify/components')['VWindow']
620
619
  VWindowItem: typeof import('vuetify/components')['VWindowItem']
621
620
  VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
@@ -636,8 +635,8 @@ declare module '@vue/runtime-core' {
636
635
  VRadio: typeof import('vuetify/components')['VRadio']
637
636
  VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
638
637
  VResponsive: typeof import('vuetify/components')['VResponsive']
639
- VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
640
638
  VSparkline: typeof import('vuetify/components')['VSparkline']
639
+ VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
641
640
  VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
642
641
  VValidation: typeof import('vuetify/components')['VValidation']
643
642
  VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
@@ -657,10 +656,7 @@ declare module '@vue/runtime-core' {
657
656
  VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
658
657
  VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
659
658
  VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
660
- VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
661
- VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
662
- VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
663
- VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
659
+ VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
664
660
  VCalendar: typeof import('vuetify/labs/components')['VCalendar']
665
661
  VCalendarDay: typeof import('vuetify/labs/components')['VCalendarDay']
666
662
  VCalendarHeader: typeof import('vuetify/labs/components')['VCalendarHeader']
@@ -669,9 +665,13 @@ declare module '@vue/runtime-core' {
669
665
  VCalendarMonthDay: typeof import('vuetify/labs/components')['VCalendarMonthDay']
670
666
  VPicker: typeof import('vuetify/labs/components')['VPicker']
671
667
  VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
668
+ VNumberInput: typeof import('vuetify/labs/components')['VNumberInput']
672
669
  VTreeview: typeof import('vuetify/labs/components')['VTreeview']
673
670
  VTreeviewItem: typeof import('vuetify/labs/components')['VTreeviewItem']
674
671
  VTreeviewGroup: typeof import('vuetify/labs/components')['VTreeviewGroup']
672
+ VTimePicker: typeof import('vuetify/labs/components')['VTimePicker']
673
+ VTimePickerClock: typeof import('vuetify/labs/components')['VTimePickerClock']
674
+ VTimePickerControls: typeof import('vuetify/labs/components')['VTimePickerControls']
675
675
  VDateInput: typeof import('vuetify/labs/components')['VDateInput']
676
676
  VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
677
677
  VSnackbarQueue: typeof import('vuetify/labs/components')['VSnackbarQueue']
@@ -13,6 +13,7 @@
13
13
  @mixin background-text-color($color_name, $color_type) {
14
14
  $map_value: map-deep-get(colors.$text-on-colors, $color_name, $color_type);
15
15
 
16
+ --v-theme-on-surface: #{$map_value} !important;
16
17
  color: $map_value !important;
17
18
  }
18
19