💄 Fix design review for input component

frontend/src/app/main/ui/ds/controls/input.cljs

@@ -48,9 +48,9 @@
         props (mf/spread-props props {:ref ref
                                       :type type
                                       :id id
-                                      :hint-type hint-type
                                       :max-length max-length
                                       :has-hint has-hint
+                                      :hint-type hint-type
                                       :variant variant})]
     [:div {:class (dm/str class " " (stl/css-case :input-wrapper true
                                                   :variant-dense (= variant "dense")

frontend/src/app/main/ui/ds/controls/utilities/input_field.scss

@@ -26,7 +26,6 @@
   background: var(--input-bg-color);
   border-radius: $br-8;
   padding: 0 var(--sp-s);
-  outline-offset: #{$b-1};
   outline: $b-1 solid var(--input-outline-color);
 
   &:hover {
@@ -112,7 +111,7 @@
   margin-inline-start: var(--sp-xxs);
 }
 
-.hint-type-error:has(.has-hint) {
+.hint-type-error {
   --input-outline-color: var(--color-foreground-error);
 }
 

frontend/src/app/main/ui/ds/controls/utilities/label.scss

@@ -19,6 +19,11 @@
   align-items: center;
 }
 
+.label-text,
+.label-optional {
+  line-height: inherit;
+}
+
 .label-text {
   color: var(--label-color);
 }

frontend/src/app/main/ui/workspace/tokens/form.cljs

@@ -536,6 +536,7 @@
                      :variant "comfortable"
                      :auto-focus true
                      :default-value @token-name-ref
+                     :hint-type (when (seq (:errors @name-errors)) "error")
                      :ref name-ref
                      :on-blur on-blur-name
                      :on-change on-update-name}])