feat(SW-1509): enable support for more react aria props

fix invalid border

corrected default border

packages/design-system/lib/components/Select/select.module.css

@@ -1,18 +1,18 @@
 .select {
   position: relative;
   background-color: var(--Surface-UI-Fill-Default);
-  border: 1px solid var(--Border-Default);
+  border: 1px solid var(--Border-Interactive-Default);
   border-radius: var(--Corner-radius-md);
   max-width: 300px;
 
   &[data-required] .label::after {
-    content: '*';
+    content: ' *';
   }
   &[data-open] .chevron {
     rotate: -90deg;
   }
   &[data-focused] {
-    border: 1px solid var(--Border-Interactive-Focus);
+    border-color: var(--Border-Interactive-Focus);
 
     .button,
     .input {
@@ -37,6 +37,9 @@
       color: var(--Text-Interactive-Disabled);
     }
   }
+  &[data-invalid] {
+    border-color: var(--Border-Interactive-Error);
+  }
 }
 
 .chevron {
@@ -49,7 +52,7 @@
   gap: var(--Space-x1);
   width: 100%;
   height: 56px;
-  padding: var(--Space-x1);
+  padding: var(--Space-x15);
   box-sizing: border-box;
 
   .button {