feat(legacy): support fieldset disable

taiga-family · Oct 8, 2024 · bd7e5f8 · bd7e5f8
1 parent 1171fbc
commit bd7e5f8
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() {