diff --git a/components/lib/autocomplete/style/AutoCompleteStyle.js b/components/lib/autocomplete/style/AutoCompleteStyle.js index 41798deba..0e7635588 100644 --- a/components/lib/autocomplete/style/AutoCompleteStyle.js +++ b/components/lib/autocomplete/style/AutoCompleteStyle.js @@ -77,7 +77,7 @@ const theme = ({ dt }) => ` background: ${dt('autocomplete.overlay.background')}; color: ${dt('autocomplete.overlay.color')}; border: 1px solid ${dt('autocomplete.overlay.border.color')}; - border-radius: ${dt('border.radius.md')}; + border-radius: ${dt('autocomplete.overlay.border.radius')}; box-shadow: ${dt('autocomplete.overlay.shadow')}; } diff --git a/components/lib/themes/aura/autocomplete/index.js b/components/lib/themes/aura/autocomplete/index.js index 0a58f5632..b729caae1 100644 --- a/components/lib/themes/aura/autocomplete/index.js +++ b/components/lib/themes/aura/autocomplete/index.js @@ -26,6 +26,7 @@ export default { overlay: { background: '{overlay.select.background}', borderColor: '{overlay.select.border.color}', + borderRadius: '{overlay.select.border.radius}', color: '{overlay.select.color}', shadow: '{overlay.select.shadow}' }, diff --git a/components/lib/themes/aura/index.js b/components/lib/themes/aura/index.js index 3b67c89e2..42ab7504c 100644 --- a/components/lib/themes/aura/index.js +++ b/components/lib/themes/aura/index.js @@ -164,6 +164,11 @@ export default { fontWeight: '600' } }, + overlay: { + select: { + borderRadius: '{border.radius.md}' + } + }, colorScheme: { light: { surface: { diff --git a/components/lib/themes/lara/autocomplete/index.js b/components/lib/themes/lara/autocomplete/index.js index af9a376e0..f34d41aab 100644 --- a/components/lib/themes/lara/autocomplete/index.js +++ b/components/lib/themes/lara/autocomplete/index.js @@ -26,8 +26,9 @@ export default { overlay: { background: '{overlay.select.background}', borderColor: '{overlay.select.border.color}', + borderRadius: '{overlay.select.border.radius}', color: '{overlay.select.color}', - shadow: '{overlay.select.shadow}' + shadow: '{overlay.select.shadow}', }, list: { padding: '{list.padding}', diff --git a/components/lib/themes/lara/index.js b/components/lib/themes/lara/index.js index 1630a9961..361c01120 100644 --- a/components/lib/themes/lara/index.js +++ b/components/lib/themes/lara/index.js @@ -163,6 +163,11 @@ export default { fontWeight: '600' } }, + overlay: { + select: { + borderRadius: '{border.radius.sm}' + } + }, colorScheme: { light: { surface: {