@vuetify/nightly 3.7.4-dev.2024-11-06 → 3.7.4-dev.2024-12-02

package/dist/vuetify-labs.d.ts

@@ -16230,6 +16230,7 @@ declare const VChip: {
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -16383,6 +16384,7 @@ declare const VChip: {
         href?: string | undefined;
         elevation?: string | number | undefined;
         rounded?: string | number | boolean | undefined;
+        baseColor?: string | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -16512,6 +16514,7 @@ declare const VChip: {
     href?: string | undefined;
     elevation?: string | number | undefined;
     rounded?: string | number | boolean | undefined;
+    baseColor?: string | undefined;
     selectedClass?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
@@ -16674,6 +16677,7 @@ declare const VChip: {
     activeClass: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     closable: BooleanConstructor;
     closeIcon: {
         type: PropType<IconValue>;
@@ -16760,6 +16764,7 @@ declare const VChip: {
     activeClass: StringConstructor;
     appendAvatar: StringConstructor;
     appendIcon: PropType<IconValue>;
+    baseColor: StringConstructor;
     closable: BooleanConstructor;
     closeIcon: {
         type: PropType<IconValue>;
@@ -16830,6 +16835,7 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => true;
@@ -16887,6 +16893,7 @@ declare const VChipGroup: {
         theme?: string | undefined;
         mandatory?: boolean | "force" | undefined;
         mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+        baseColor?: string | undefined;
         showArrows?: string | boolean | undefined;
     } & {}, {}, {}, {}, {}, {
         symbol: any;
@@ -16931,6 +16938,7 @@ declare const VChipGroup: {
     theme?: string | undefined;
     mandatory?: boolean | "force" | undefined;
     mobileBreakpoint?: number | DisplayBreakpoint | undefined;
+    baseColor?: string | undefined;
     showArrows?: string | boolean | undefined;
 } & {}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => true;
@@ -17022,6 +17030,7 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
+    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {
@@ -17089,6 +17098,7 @@ declare const VChipGroup: {
         type: (StringConstructor | BooleanConstructor)[];
         validator: (v: any) => boolean;
     };
+    baseColor: StringConstructor;
     column: BooleanConstructor;
     filter: BooleanConstructor;
     valueComparator: {

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.4-dev.2024-11-06
+* Vuetify v3.7.4-dev.2024-12-02
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -7751,6 +7751,7 @@ const VSlideGroup = genericComponent()({
 
 const VChipGroupSymbol = Symbol.for('vuetify:v-chip-group');
 const makeVChipGroupProps = propsFactory({
+  baseColor: String,
   column: Boolean,
   filter: Boolean,
   valueComparator: {
@@ -7790,6 +7791,7 @@ const VChipGroup = genericComponent()({
     } = useGroup(props, VChipGroupSymbol);
     provideDefaults({
       VChip: {
+        baseColor: toRef(props, 'baseColor'),
         color: toRef(props, 'color'),
         disabled: toRef(props, 'disabled'),
         filter: toRef(props, 'filter'),
@@ -7823,6 +7825,7 @@ const makeVChipProps = propsFactory({
   activeClass: String,
   appendAvatar: String,
   appendIcon: IconValue,
+  baseColor: String,
   closable: Boolean,
   closeIcon: {
     type: IconValue,
@@ -7897,11 +7900,6 @@ const VChip = genericComponent()({
     const {
       borderClasses
     } = useBorder(props);
-    const {
-      colorClasses,
-      colorStyles,
-      variantClasses
-    } = useVariant(props);
     const {
       densityClasses
     } = useDensity(props);
@@ -7931,6 +7929,18 @@ const VChip = genericComponent()({
         emit('click:close', e);
       }
     }));
+    const variantProps = computed(() => {
+      const showColor = !group || group.isSelected.value;
+      return {
+        color: showColor ? props.color ?? props.baseColor : props.baseColor,
+        variant: props.variant
+      };
+    });
+    const {
+      colorClasses,
+      colorStyles,
+      variantClasses
+    } = useVariant(variantProps);
     function onClick(e) {
       emit('click', e);
       if (!isClickable.value) return;
@@ -7951,7 +7961,6 @@ const VChip = genericComponent()({
       const hasFilter = !!(slots.filter || props.filter) && group;
       const hasPrependMedia = !!(props.prependIcon || props.prependAvatar);
       const hasPrepend = !!(hasPrependMedia || slots.prepend);
-      const hasColor = !group || group.isSelected.value;
       return isActive.value && withDirectives(createVNode(Tag, mergeProps({
         "class": ['v-chip', {
           'v-chip--disabled': props.disabled,
@@ -7959,8 +7968,8 @@ const VChip = genericComponent()({
           'v-chip--link': isClickable.value,
           'v-chip--filter': hasFilter,
           'v-chip--pill': props.pill
-        }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group?.selectedClass.value, props.class],
-        "style": [hasColor ? colorStyles.value : undefined, props.style],
+        }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, group?.selectedClass.value, props.class],
+        "style": [colorStyles.value, props.style],
         "disabled": props.disabled || undefined,
         "draggable": props.draggable,
         "tabindex": isClickable.value ? 0 : undefined,
@@ -30403,7 +30412,7 @@ function createVuetify$1() {
     goTo
   };
 }
-const version$1 = "3.7.4-dev.2024-11-06";
+const version$1 = "3.7.4-dev.2024-12-02";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -30656,7 +30665,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.7.4-dev.2024-11-06";
+const version = "3.7.4-dev.2024-12-02";
 
 /* eslint-disable local-rules/sort-imports */