fix(slug-revert): use prefix

ariellalgilmore · Jan 24, 2024 · 2ed6397 · 2ed6397
1 parent c58426b
commit 2ed6397
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/packages/carbon-web-components/src/components/date-picker/date-picker-input.ts b/packages/carbon-web-components/src/components/date-picker/date-picker-input.ts
@@ -336,8 +336,8 @@ class CDSDatePickerInput extends FocusMixin(LitElement) {
     this.shadowRoot
       ?.querySelector("slot[name='slug']")
       ?.classList.toggle(
-        'cds--slug--revert',
-        this.querySelector('cds-slug')?.hasAttribute('revert-active')
+        `${prefix}--slug--revert`,
+        this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')
       );
   }
 

diff --git a/packages/carbon-web-components/src/components/dropdown/dropdown.ts b/packages/carbon-web-components/src/components/dropdown/dropdown.ts
@@ -680,8 +680,8 @@ class CDSDropdown extends ValidityMixin(
     this.shadowRoot
       ?.querySelector("slot[name='slug']")
       ?.classList.toggle(
-        'cds--slug--revert',
-        this.querySelector('cds-slug')?.hasAttribute('revert-active')
+        `${prefix}--slug--revert`,
+        this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')
       );
   }
 

diff --git a/packages/carbon-web-components/src/components/select/select.ts b/packages/carbon-web-components/src/components/select/select.ts
@@ -346,8 +346,8 @@ class CDSSelect extends FormMixin(LitElement) {
     this.shadowRoot
       ?.querySelector("slot[name='slug']")
       ?.classList.toggle(
-        'cds--slug--revert',
-        this.querySelector('cds-slug')?.hasAttribute('revert-active')
+        `${prefix}--slug--revert`,
+        this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')
       );
   }
 

diff --git a/packages/carbon-web-components/src/components/text-input/text-input.ts b/packages/carbon-web-components/src/components/text-input/text-input.ts
@@ -506,8 +506,8 @@ class CDSTextInput extends ValidityMixin(FormMixin(LitElement)) {
     this.shadowRoot
       ?.querySelector("slot[name='slug']")
       ?.classList.toggle(
-        'cds--slug--revert',
-        this.querySelector('cds-slug')?.hasAttribute('revert-active')
+        `${prefix}--slug--revert`,
+        this.querySelector(`${prefix}-slug`)?.hasAttribute('revert-active')
       );
   }