fix: apply border radius to input, select, and textarea

Author: madsrasmussen

packages/uui-input/lib/uui-input.element.ts

@@ -348,6 +348,7 @@ export class UUIInputElement extends UUIFormControlMixin(
         );
         border: var(--uui-input-border-width, 1px) solid
           var(--uui-input-border-color, var(--uui-color-border));
+        border-radius: var(--uui-border-radius);
 
         --uui-button-height: 100%;
         --auto-width-text-margin-right: 0;
@@ -439,7 +440,7 @@ export class UUIInputElement extends UUIFormControlMixin(
         padding: var(--uui-size-1) var(--uui-size-space-3);
         font-size: inherit;
         color: inherit;
-        border-radius: 0;
+        border-radius: var(--uui-border-radius);
         box-sizing: border-box;
         border: none;
         background: none;

packages/uui-select/lib/uui-select.element.ts

@@ -286,7 +286,7 @@ export class UUISelectElement extends UUIFormControlMixin(LitElement, '') {
           var(--uui-select-padding-x, var(--uui-size-2));
         color: var(--uui-select-text-color, var(--uui-color-text));
         box-sizing: border-box;
-        border-radius: 0;
+        border-radius: var(--uui-border-radius);
         border: 1px solid
           var(--uui-select-border-color, var(--uui-color-border));
         transition: all 150ms ease;

packages/uui-textarea/lib/uui-textarea.element.ts

@@ -330,7 +330,7 @@ export class UUITextareaElement extends UUIFormControlMixin(LitElement, '') {
         padding: var(--uui-size-2);
         border: 1px solid
           var(--uui-textarea-border-color, var(--uui-color-border)); /** Note: Specified border size is needed and hardcoded in autoUpdateHeight() */
-        border-radius: 0;
+        border-radius: var(--uui-border-radius);
         outline: none;
         min-height: var(--uui-textarea-min-height);
         max-height: var(--uui-textarea-max-height);