fix(SelectInput): required icon to be 10px (#2253)

scaleway · Feb 10, 2023 · b6f3b1b · b6f3b1b
1 parent 6931b32
commit b6f3b1b
Show file tree

Hide file tree

Showing 3 changed files with 1,491 additions and 1,981 deletions.
diff --git a/packages/ui/src/components/SelectInput/__tests__/__snapshots__/index.tsx.snap b/packages/ui/src/components/SelectInput/__tests__/__snapshots__/index.tsx.snap
@@ -2909,13 +2909,13 @@ exports[`SelectInput renders correctly required 1`] = `
   flex-wrap: nowrap;
 }
 
-.cache-1u6olvk-StyledIcon-sizeStyles {
+.cache-1df1xfu-StyledIcon-sizeStyles {
   vertical-align: middle;
   fill: #a6102d;
-  height: 8px;
-  width: 8px;
-  min-width: 8px;
-  min-height: 8px;
+  height: 10px;
+  width: 10px;
+  min-width: 10px;
+  min-height: 10px;
 }
 
 .cache-nag7g3-StyledIcon-sizeStyles {
@@ -3026,7 +3026,7 @@ exports[`SelectInput renders correctly required 1`] = `
             class="cache-we9r3h-Stack e1sgck4o0"
           >
             <svg
-              class="cache-1u6olvk-StyledIcon-sizeStyles etwatq50"
+              class="cache-1df1xfu-StyledIcon-sizeStyles etwatq50"
               viewBox="0 0 24 24"
             >
               <path

diff --git a/packages/ui/src/components/SelectInput/index.tsx b/packages/ui/src/components/SelectInput/index.tsx
@@ -583,7 +583,7 @@ const DropdownIndicator = (
     <components.DropdownIndicator {...props}>
       <Stack gap={1} direction="row" alignItems="center">
         {required ? (
-          <Icon name="asterisk" size={8} color={theme.colors.danger.text} />
+          <Icon name="asterisk" size={10} color={theme.colors.danger.text} />
         ) : null}
         {time ? <StyledSeparator direction="vertical" /> : null}
         <Icon