fix(multiselect): fix warn icon on inline

carbon-design-system · Jul 28, 2022 · 6a20132 · 6a20132
1 parent d263183
commit 6a20132
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/react/src/components/MultiSelect/MultiSelect.stories.js b/packages/react/src/components/MultiSelect/MultiSelect.stories.js
@@ -17,10 +17,21 @@ export default {
     'MultiSelect.Filterable': MultiSelect.Filterable,
   },
   argTypes: {
+    invalid: {
+      control: 'boolean',
+    },
     size: {
       options: ['sm', 'md', 'lg'],
       control: { type: 'select' },
     },
+    type: {
+      options: ['default', 'inline'],
+      control: { type: 'select' },
+    },
+    warn: {
+      control: 'boolean',
+    },
+    warnText: { control: 'text' },
   },
 };
 

diff --git a/packages/styles/scss/components/list-box/_list-box.scss b/packages/styles/scss/components/list-box/_list-box.scss
@@ -146,6 +146,8 @@ $list-box-menu-width: rem(300px);
   }
 
   .#{$prefix}--list-box[data-invalid].#{$prefix}--list-box--inline
+    .#{$prefix}--list-box__field,
+  .#{$prefix}--list-box.#{$prefix}--list-box--warning.#{$prefix}--list-box--inline
     .#{$prefix}--list-box__field {
     padding-right: rem(56px);
   }