feat(legacy): support fieldset disable (#9376)

Co-authored-by: Alex Inkin <alexander@inkin.ru>
taiga-family · Oct 8, 2024 · cb31858 · cb31858
1 parent 7100f73
commit cb31858
Show file tree

Hide file tree

Showing 24 changed files with 80 additions and 8 deletions.
diff --git a/projects/legacy/components/color-selector/color-selector.style.less b/projects/legacy/components/color-selector/color-selector.style.less
@@ -6,6 +6,10 @@
     display: block;
     isolation: isolate;
     inline-size: 22.6rem;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-wrapper {

diff --git a/projects/legacy/components/combo-box/combo-box.style.less b/projects/legacy/components/combo-box/combo-box.style.less
@@ -4,6 +4,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-hosted {

diff --git a/projects/legacy/components/input-color/input-color.style.less b/projects/legacy/components/input-color/input-color.style.less
@@ -5,6 +5,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-wrapper {

diff --git a/projects/legacy/components/input-copy/input-copy.style.less b/projects/legacy/components/input-copy/input-copy.style.less
@@ -4,6 +4,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-icon {

diff --git a/projects/legacy/components/input-date-range/input-date-range.style.less b/projects/legacy/components/input-date-range/input-date-range.style.less
@@ -5,7 +5,8 @@
     border-radius: var(--tui-radius-m);
     text-align: start;
 
-    &._disabled {
+    &._disabled,
+    :host-context(*:disabled) {
         pointer-events: none;
     }
 }

diff --git a/projects/legacy/components/input-date-time/input-date-time.style.less b/projects/legacy/components/input-date-time/input-date-time.style.less
@@ -4,6 +4,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-hosted {

diff --git a/projects/legacy/components/input-date/input-date.style.less b/projects/legacy/components/input-date/input-date.style.less
@@ -4,6 +4,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-hosted {

diff --git a/projects/legacy/components/input-month-range/input-month-range.style.less b/projects/legacy/components/input-month-range/input-month-range.style.less
@@ -4,6 +4,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-hosted {

diff --git a/projects/legacy/components/input-month/input-month.style.less b/projects/legacy/components/input-month/input-month.style.less
@@ -4,6 +4,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-hosted {

diff --git a/projects/legacy/components/input-number/input-number.style.less b/projects/legacy/components/input-number/input-number.style.less
@@ -2,6 +2,10 @@
     display: flex;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-textfield {

diff --git a/projects/legacy/components/input-password/input-password.style.less b/projects/legacy/components/input-password/input-password.style.less
@@ -2,6 +2,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-icon {

diff --git a/projects/legacy/components/input-phone-international/input-phone-international.style.less b/projects/legacy/components/input-phone-international/input-phone-international.style.less
@@ -1,7 +1,8 @@
 :host {
     display: block;
 
-    &._disabled {
+    &._disabled,
+    :host-context(*:disabled) {
         pointer-events: none;
     }
 }

diff --git a/projects/legacy/components/input-phone/input-phone.style.less b/projects/legacy/components/input-phone/input-phone.style.less
@@ -3,7 +3,8 @@
     border-radius: var(--tui-radius-m);
     text-align: start;
 
-    &._disabled {
+    &._disabled,
+    :host-context(*:disabled) {
         pointer-events: none;
     }
 }

diff --git a/projects/legacy/components/input-range/input-range.style.less b/projects/legacy/components/input-range/input-range.style.less
@@ -19,6 +19,10 @@
 :host {
     display: block;
     border-radius: var(--tui-radius-m);
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-range {

diff --git a/projects/legacy/components/input-slider/input-slider.style.less b/projects/legacy/components/input-slider/input-slider.style.less
@@ -12,6 +12,10 @@
     &[data-size='l'] {
         --tui-radius: var(--tui-radius-l);
     }
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 tui-input-number {

diff --git a/projects/legacy/components/input-tag/input-tag.style.less b/projects/legacy/components/input-tag/input-tag.style.less
@@ -13,7 +13,8 @@
         max-block-size: none;
     }
 
-    &._disabled {
+    &._disabled,
+    :host-context(*:disabled) {
         pointer-events: none;
     }
 

diff --git a/projects/legacy/components/input-time/input-time.style.less b/projects/legacy/components/input-time/input-time.style.less
@@ -5,7 +5,8 @@
     border-radius: var(--tui-radius-m);
     text-align: start;
 
-    &._disabled {
+    &._disabled,
+    :host-context(*:disabled) {
         pointer-events: none;
     }
 }

diff --git a/projects/legacy/components/input-year/input-year.style.less b/projects/legacy/components/input-year/input-year.style.less
@@ -4,6 +4,10 @@
     display: block;
     border-radius: var(--tui-radius-m);
     text-align: start;
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-container {

diff --git a/projects/legacy/components/input/input.style.less b/projects/legacy/components/input/input.style.less
@@ -3,7 +3,8 @@
     border-radius: var(--tui-radius-m);
     text-align: start;
 
-    &._disabled {
+    &._disabled,
+    :host-context(*:disabled) {
         pointer-events: none;
     }
 }

diff --git a/projects/legacy/components/multi-select/multi-select.style.less b/projects/legacy/components/multi-select/multi-select.style.less
@@ -5,7 +5,8 @@
     display: block;
     border-radius: var(--tui-radius-m);
 
-    &._disabled {
+    &._disabled,
+    :host-context(*:disabled) {
         pointer-events: none;
     }
 }

diff --git a/projects/legacy/components/select/select.style.less b/projects/legacy/components/select/select.style.less
@@ -14,6 +14,10 @@
         cursor: default;
     }
     /* stylelint-enable */
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .t-hosted {

diff --git a/projects/legacy/components/tag/tag.style.less b/projects/legacy/components/tag/tag.style.less
@@ -157,7 +157,8 @@
         background: transparent !important;
     }
 
-    &._disabled {
+    &._disabled,
+    :host-context(*:disabled) {
         pointer-events: none;
         opacity: var(--tui-disabled-opacity);
     }

diff --git a/projects/legacy/components/textarea/textarea.style.less b/projects/legacy/components/textarea/textarea.style.less
@@ -13,6 +13,10 @@
     border-radius: var(--tui-radius-m);
     color: var(--tui-text-primary);
 
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
+
     &[data-size='s'] {
         --tui-height: var(--tui-height-s);
         --tui-textarea-height: 4.5625rem;

diff --git a/projects/legacy/styles/mixins/textfield.less b/projects/legacy/styles/mixins/textfield.less
@@ -25,6 +25,10 @@
         font: var(--tui-font-text-m);
         line-height: 1.25rem;
     }
+
+    :host-context(*:disabled) {
+        pointer-events: none;
+    }
 }
 
 .textfield-content() {