File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 216216.field__control--disabled ,
217217.field__control--disabled : hover ,
218218.field__control--disabled : focus-within {
219- background-color : var (--color-surface-mid , # f7f7f8 );
220- border-color : var (--color-stroke-strong , # 05081640 );
219+ background-color : var (--color-surface-mid );
220+ border-color : var (--color-stroke-strong );
221221 cursor : not-allowed;
222222}
223223
224224.field__control--disabled .field__input ,
225225.field__control--disabled .field__input ::placeholder ,
226226.field__control--disabled : hover .field__input ::placeholder {
227- color : var (--color-text-secondary , # 6b6d78 );
227+ color : var (--color-text-secondary );
228228}
229229
230230.field__control--disabled .field__input {
234234.field__control--disabled .field__icon ,
235235.field__control--disabled : hover .field__icon ,
236236.field__control--disabled : focus-within .field__icon {
237- color : var (--color-icon-secondary , # 6b6d78 );
237+ color : var (--color-icon-secondary );
238238}
239239
240240/* ========== Datetime-local: hide native icon, full-area click ========== */
Original file line number Diff line number Diff line change @@ -505,6 +505,7 @@ <h3>{{ section_title }}</h3>
505505 {% include "v3/includes/_field_text.html" with name="ex_basic" label="Text field" placeholder="Enter text..." %}
506506 {% include "v3/includes/_field_text.html" with name="ex_search" label="With icon" placeholder="Search..." icon_left="search" %}
507507 {% include "v3/includes/_field_text.html" with name="ex_error" label="Error state" placeholder="Enter value" error="This field is required." %}
508+ {% include "v3/includes/_field_text.html" with name="ex_disabled" label="Disabled state" placeholder="Enter value" value="Disabled value" disabled="true" %}
508509 {% include "v3/includes/_field_checkbox.html" with name="ex_agree" label="I agree to the terms and conditions" %}
509510 {% include "v3/includes/_field_dropdown.html" with name="ex_type" label="Dropdown" options=demo_dropdown_options placeholder="Select type..." %}
510511 {% include "v3/includes/_field_combo.html" with name="ex_library" label="Combo (searchable)" placeholder="Search libraries..." options=demo_libs %}
You can’t perform that action at this time.
0 commit comments