feat: update global text field disabled state

Author: javiercoronadonarvaez

static/css/v3/forms.css

@@ -216,14 +216,27 @@
 .field__control--disabled,
 .field__control--disabled:hover,
 .field__control--disabled:focus-within {
-  opacity: 0.5;
+  background-color: var(--color-surface-mid, #f7f7f8);
+  border-color: var(--color-stroke-strong, #05081640);
   cursor: not-allowed;
 }
 
+.field__control--disabled .field__input,
+.field__control--disabled .field__input::placeholder,
+.field__control--disabled:hover .field__input::placeholder {
+  color: var(--color-text-secondary, #6b6d78);
+}
+
 .field__control--disabled .field__input {
   cursor: not-allowed;
 }
 
+.field__control--disabled .field__icon,
+.field__control--disabled:hover .field__icon,
+.field__control--disabled:focus-within .field__icon {
+  color: var(--color-icon-secondary, #6b6d78);
+}
+
 /* ========== Datetime-local: hide native icon, full-area click ========== */
 .field__control--datetime {
   position: relative;

templates/v3/includes/_field_text.html

@@ -109,7 +109,11 @@
            aria-describedby="field-{{ name }}-help"
            {% endif %}
            {% if validate_type == "email" %}x-model="value" @blur="touched = true"{% elif submit_icon %}x-model="q" {% if dispatch_field_change %}@input.debounce.150ms="$dispatch('field-change', { name: '{{ name }}', value: q })"{% endif %}{% elif max_chars %}x-model="value"{% endif %}>
-    {% if submit_icon %}
+    {% if disabled %}
+      <span class="field__icon" aria-hidden="true">
+        {% include "includes/icon.html" with icon_name="lock" icon_class="field__icon" icon_size=16 icon_viewbox="0 0 16 16" %}
+      </span>
+    {% elif submit_icon %}
       <button type="submit"
               class="field__submit"
               aria-label="{{ submit_label|default:'Submit' }}"