feat(color-picker): add support for alpha channel (deprecates hideChannels, hideHex, hideSaved)

src/components/color-picker-hex-input/color-picker-hex-input.scss

@@ -3,27 +3,31 @@
 }
 
 .container {
-  @apply inline-grid w-full items-center;
-  grid-template-columns: 1fr auto;
+  @apply flex w-full items-center flex-nowrap;
 }
 
-.preview {
-  grid-column: 2 / 3;
-
-  @apply pointer-events-none
-    my-0
-    mx-1
-    flex
-    items-center;
+.hex-input {
+  @apply grow uppercase;
 }
 
-.preview,
-.input {
-  grid-row: 1;
+.opacity-input {
+  inline-size: 68px;
+  margin-inline-start: -1px;
 }
 
-.input {
-  grid-column: 1 / 3;
+:host([scale="s"]) {
+  .container {
+    @apply flex-wrap gap-y-0.5;
+  }
+
+  .opacity-input {
+    inline-size: unset;
+    margin-inline-start: unset;
+  }
+}
 
-  @apply w-full uppercase;
+:host([scale="l"]) {
+  .opacity-input {
+    inline-size: 88px;
+  }
 }