fix: fix grayColor is not working; fix outline style for carousel lab…

…el of input
lejunyang · Aug 14, 2024 · c99983b · c99983b
1 parent 9b0a915
commit c99983b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/components/src/common/themeProps.ts b/packages/components/src/common/themeProps.ts
@@ -46,7 +46,7 @@ export const themeProps = {
   highContrast: undefBoolProp,
   appearance: PropString<'light' | 'dark'>(),
   scale: PropNumber(),
-  // TODO grayColor
+  grayColor: PropString<GrayColors>(),
 };
 
 export type ThemeProps = ExtractPropTypes<typeof themeProps>;

diff --git a/packages/theme/src/scss/components/input/basic.scss b/packages/theme/src/scss/components/input/basic.scss
@@ -267,7 +267,9 @@
     );
   }
   @include em(label, has-carousel, true) {
-    overflow: hidden;
+    // overflow: hidden; // it will clip the outline when focus
+    overflow: clip;
+    overflow-clip-margin: 1px;
   }
   @include em(label, float, true) {
     .#{$B}:focus-within &,