From 2d5e7651938a7bfea080319db0f02193d0fbfdd4 Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Fri, 18 Mar 2022 15:58:35 -0400
Subject: [PATCH] add visually hidden dep

---
 src/components/color-picker/color-picker.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/color-picker/color-picker.ts b/src/components/color-picker/color-picker.ts
index 26e7d694..6a754bfd 100644
--- a/src/components/color-picker/color-picker.ts
+++ b/src/components/color-picker/color-picker.ts
@@ -12,6 +12,7 @@ import type SlDropdown from '~/components/dropdown/dropdown';
 import '~/components/icon/icon';
 import '~/components/input/input';
 import type SlInput from '~/components/input/input';
+import '~/components/visually-hidden/visually-hidden';
 import { drag } from '~/internal/drag';
 import { emit } from '~/internal/event';
 import { FormSubmitController } from '~/internal/form-control';
@@ -40,6 +41,7 @@ declare const EyeDropper: EyeDropperConstructor;
  * @dependency sl-button-group
  * @dependency sl-dropdown
  * @dependency sl-input
+ * @dependency sl-visually-hidden
  *
  * @slot label - The color picker's label. Alternatively, you can use the label prop.
  *