Border radius token for overlay

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')};
 }
 

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}'
     },

components/lib/themes/aura/index.js

@@ -164,6 +164,11 @@ export default {
                 fontWeight: '600'
             }
         },
+        overlay: {
+            select: {
+                borderRadius: '{border.radius.md}'
+            }
+        },
         colorScheme: {
             light: {
                 surface: {

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}',

components/lib/themes/lara/index.js

@@ -163,6 +163,11 @@ export default {
                 fontWeight: '600'
             }
         },
+        overlay: {
+            select: {
+                borderRadius: '{border.radius.sm}'
+            }
+        },
         colorScheme: {
             light: {
                 surface: {