chore(@clayui/color-picker): Update snapshot

liferay · Oct 31, 2022 · b5ee732 · b5ee732
1 parent 31f8440
commit b5ee732
Showing 1 changed file with 50 additions and 6 deletions.
diff --git a/packages/clay-color-picker/src/__tests__/__snapshots__/index.tsx.snap b/packages/clay-color-picker/src/__tests__/__snapshots__/index.tsx.snap
@@ -302,13 +302,57 @@ exports[`Interactions color editor interactions ability to change color of click
           </div>
         </div>
         <div
-          class="clay-color-range clay-color-range-hue"
+          class="clay-color-form-group"
         >
-          <button
-            class="clay-color-pointer clay-color-range-pointer"
-            style="background: rgb(255, 0, 0); left: -7px;"
-            type="button"
-          />
+          <div
+            class="clay-range clay-color-slider clay-color-slider-hue"
+          >
+            <div
+              class="clay-range-input"
+            >
+              <input
+                class="form-control-range"
+                max="360"
+                min="0"
+                step="1"
+                style="color: rgb(255, 0, 0);"
+                type="range"
+                value="0"
+              />
+              <div
+                class="clay-range-track"
+              />
+              <div
+                class="clay-range-progress"
+                style="width: 0%;"
+              >
+                <div
+                  class="clay-range-thumb"
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="input-group"
+          >
+            <div
+              class="input-group-item"
+            >
+              <input
+                class="form-control input-group-inset input-group-inset-before"
+                data-testid="hInput"
+                max="360"
+                min="0"
+                type="number"
+                value="0"
+              />
+              <label
+                class="input-group-inset-item input-group-inset-item-before"
+              >
+                H
+              </label>
+            </div>
+          </div>
         </div>
         <div
           class="clay-color-footer"