fix(VColorPicker): never change track color

closes #16689
vuetifyjs · Feb 16, 2023 · 46eaef7 · 46eaef7
1 parent 2705883
commit 46eaef7
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VColorPicker/VColorPicker.tsx b/packages/vuetify/src/components/VColorPicker/VColorPicker.tsx
@@ -13,6 +13,7 @@ import { makeElevationProps } from '@/composables/elevation'
 import { makeRoundedProps } from '@/composables/rounded'
 import { makeThemeProps } from '@/composables/theme'
 import { useProxiedModel } from '@/composables/proxiedModel'
+import { provideDefaults } from '@/composables/defaults'
 
 // Utilities
 import { defineComponent, HSVtoCSS, useRender } from '@/util'
@@ -108,6 +109,14 @@ export const VColorPicker = defineComponent({
       if (!props.modes.includes(mode.value)) mode.value = props.modes[0]
     })
 
+    provideDefaults({
+      VSlider: {
+        color: undefined,
+        trackColor: undefined,
+        trackFillColor: undefined,
+      },
+    })
+
     useRender(() => (
       <VSheet
         rounded={ props.rounded }

diff --git a/packages/vuetify/src/components/VColorPicker/__tests__/VColorPicker.spec.cy.tsx b/packages/vuetify/src/components/VColorPicker/__tests__/VColorPicker.spec.cy.tsx
@@ -288,4 +288,23 @@ describe('VColorPicker', () => {
       expect(emits).to.have.length(1)
     })
   })
+
+  it('should not use global defaults for slider color', () => {
+    cy.mount(() => (
+      <Application>
+        <VColorPicker />
+      </Application>
+    ), null, {
+      defaults: {
+        VSlider: {
+          color: 'primary',
+          trackColor: 'primary',
+          trackFillColor: 'primary',
+        },
+      },
+    })
+
+    cy.get('.bg-primary').should('not.exist')
+    cy.get('.text-primary').should('not.exist')
+  })
 })