diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index 5878cf139195..9bf839b5ae26 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -3448,6 +3448,7 @@ $carbon--spacing-06: 1.5rem; - [accordion [mixin]](#accordion-mixin) - [file-uploader [mixin]](#file-uploader-mixin) - [lists [mixin]](#lists-mixin) + - [listbox [mixin]](#listbox-mixin) - [toast-notifications [mixin]](#toast-notifications-mixin) - [progress-indicator [mixin]](#progress-indicator-mixin) - [padding-td [mixin]](#padding-td-mixin) @@ -18147,7 +18148,7 @@ List box styles line-height: rem(16px); padding: rem(11px) 0; margin: 0 $carbon--spacing-05; - padding-right: rem(32px); // 40px - `$carbon--spacing-05` + padding-right: $carbon--spacing-06; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-top-color: $ui-03; @@ -18191,7 +18192,7 @@ List box styles .#{$prefix}--list-box.#{$prefix}--list-box--inline .#{$prefix}--list-box__menu-item__option { - margin: 0 rem(32px) 0 $carbon--spacing-03; + margin: 0 $carbon--spacing-03; &:focus { margin: 0; @@ -18298,6 +18299,7 @@ List box styles - [ui-01 [variable]](#ui-01-variable) - [text-02 [variable]](#text-02-variable) - [selected-ui [variable]](#selected-ui-variable) + - [carbon--spacing-06 [variable]](#carbon--spacing-06-variable) ## loading @@ -21234,6 +21236,16 @@ Select styles } } + .#{$prefix}--select-input--sm { + height: rem(32px); + max-height: rem(32px); + } + + .#{$prefix}--select-input--xl { + height: rem(48px); + max-height: rem(48px); + } + .#{$prefix}--select--disabled .#{$prefix}--label, .#{$prefix}--select--disabled .#{$prefix}--form__helper-text { color: $disabled-02; diff --git a/packages/components/src/components/list-box/_list-box.scss b/packages/components/src/components/list-box/_list-box.scss index 255bef7c2628..ffa81bfe0c23 100644 --- a/packages/components/src/components/list-box/_list-box.scss +++ b/packages/components/src/components/list-box/_list-box.scss @@ -491,7 +491,7 @@ $list-box-menu-width: rem(300px); line-height: rem(16px); padding: rem(11px) 0; margin: 0 $carbon--spacing-05; - padding-right: rem(32px); // 40px - `$carbon--spacing-05` + padding-right: $carbon--spacing-06; border-top: 1px solid transparent; border-bottom: 1px solid transparent; border-top-color: $ui-03; @@ -535,7 +535,7 @@ $list-box-menu-width: rem(300px); .#{$prefix}--list-box.#{$prefix}--list-box--inline .#{$prefix}--list-box__menu-item__option { - margin: 0 rem(32px) 0 $carbon--spacing-03; + margin: 0 $carbon--spacing-03; &:focus { margin: 0;