fix(combo-box): when isclosable

ariellalgilmore · Nov 30, 2023 · bbf6f92 · bbf6f92
1 parent 01e53b1
commit bbf6f92
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/packages/carbon-web-components/src/components/combo-box/combo-box.scss b/packages/carbon-web-components/src/components/combo-box/combo-box.scss
@@ -11,6 +11,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/utilities' as *;
+@use '@carbon/styles/scss/utilities/convert' as *;
 @use '@carbon/styles/scss/layout' as *;
 @use '@carbon/styles/scss/components/combo-box' as *;
 @use '@carbon/styles/scss/components/form';
@@ -139,9 +140,28 @@ $css--plex: true !default;
   }
 }
 
+:host(#{$prefix}-combo-box[slug][isclosable]) {
+  ::slotted(#{$prefix}-slug) {
+    inset-inline-end: $spacing-10;
+  }
+}
+
 :host(#{$prefix}-combo-box[warn]),
 :host(#{$prefix}-combo-box[invalid]) {
   ::slotted(#{$prefix}-slug) {
     inset-inline-end: $spacing-10;
   }
 }
+
+:host(#{$prefix}-combo-box[slug][isclosable]) {
+  ::slotted(#{$prefix}-slug) {
+    inset-inline-end: $spacing-10;
+  }
+}
+
+:host(#{$prefix}-combo-box[warn][isclosable]),
+:host(#{$prefix}-combo-box[invalid][isclosable]) {
+  ::slotted(#{$prefix}-slug) {
+    inset-inline-end: to-rem(88px);
+  }
+}