fix: Adjust styling for inline label on disabled select (#3936)

Author: gethinwebster

src/select/parts/styles.scss

@@ -127,6 +127,9 @@ $inlineLabel-border-radius: 2px;
   padding-inline: awsui.$space-scaled-xxs;
   max-inline-size: calc(100% - (2 * awsui.$space-field-horizontal));
   z-index: 1;
+  &-disabled {
+    background: linear-gradient(to bottom, awsui.$color-background-layout-main, awsui.$color-background-input-disabled);
+  }
 }
 
 // Specific Styling for Inline Label Text to not overlap with Inline Tokens

src/select/parts/trigger.tsx

@@ -132,6 +132,7 @@ const Trigger = React.forwardRef(
               htmlFor={controlId}
               className={clsx(
                 styles['inline-label'],
+                disabled && styles['inline-label-disabled'],
                 triggerVariant === 'tokens' && styles['inline-label-inline-tokens']
               )}
             >