fix(SelectInput): wrong arrow size

scaleway · Mar 3, 2025 · fbcf7b2 · fbcf7b2
1 parent 1a5f1f6
commit fbcf7b2
Show file tree

Hide file tree

Showing 13 changed files with 525 additions and 518 deletions.
diff --git a/.changeset/sixty-nights-grab.md b/.changeset/sixty-nights-grab.md
@@ -0,0 +1,7 @@
+---
+"@ultraviolet/form": patch
+"@ultraviolet/plus": patch
+"@ultraviolet/ui": patch
+---
+
+Fix `<SelectInput />` wrong arrow size
diff --git a/packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.test.tsx.snap b/packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.test.tsx.snap
@@ -245,10 +245,10 @@ exports[`SelectInputField > should display right value on grouped options 1`] =
 .emotion-16 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-16 .fillStroke {
@@ -610,10 +610,10 @@ exports[`SelectInputField > should render correctly 1`] = `
 .emotion-16 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-16 .fillStroke {
@@ -971,10 +971,10 @@ exports[`SelectInputField > should render correctly disabled 1`] = `
 .emotion-16 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-16 .fillStroke {
@@ -1334,10 +1334,10 @@ exports[`SelectInputField > should render correctly multiple 1`] = `
 .emotion-16 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-16 .fillStroke {
@@ -1703,10 +1703,10 @@ exports[`SelectInputField > should render correctly with a disabled option 1`] =
 .emotion-16 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-16 .fillStroke {
@@ -2085,10 +2085,10 @@ exports[`SelectInputField > should trigger events 1`] = `
 .emotion-16 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-16 .fillStroke {

diff --git a/...es/plus/src/components/EstimateCost/__tests__/__snapshots__/CustomUnitInput.test.tsx.snap b/...es/plus/src/components/EstimateCost/__tests__/__snapshots__/CustomUnitInput.test.tsx.snap
@@ -395,10 +395,10 @@ exports[`EstimateCost - CustomUnitInput > render default values 1`] = `
 .emotion-29 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-29 .fillStroke {

diff --git a/packages/plus/src/components/EstimateCost/__tests__/__snapshots__/Item.test.tsx.snap b/packages/plus/src/components/EstimateCost/__tests__/__snapshots__/Item.test.tsx.snap
@@ -1460,10 +1460,10 @@ exports[`EstimateCost - Item > render with labelTextVariant 1`] = `
 .emotion-78 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-78 .fillStroke {
@@ -1474,10 +1474,10 @@ exports[`EstimateCost - Item > render with labelTextVariant 1`] = `
 .emotion-78 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-78 .fillStroke {
@@ -2811,10 +2811,10 @@ exports[`EstimateCost - Item > render with noPrice and noBorder 1`] = `
 .emotion-78 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-78 .fillStroke {
@@ -4744,10 +4744,10 @@ exports[`EstimateCost - Item > render with notice 1`] = `
 .emotion-81 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-81 .fillStroke {
@@ -4758,10 +4758,10 @@ exports[`EstimateCost - Item > render with notice 1`] = `
 .emotion-81 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-81 .fillStroke {
@@ -6827,10 +6827,10 @@ exports[`EstimateCost - Item > render with priceText 1`] = `
 .emotion-78 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-78 .fillStroke {
@@ -6841,10 +6841,10 @@ exports[`EstimateCost - Item > render with priceText 1`] = `
 .emotion-78 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-78 .fillStroke {
@@ -8892,10 +8892,10 @@ exports[`EstimateCost - Item > render with tabulation 1`] = `
 .emotion-78 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-78 .fillStroke {
@@ -8906,10 +8906,10 @@ exports[`EstimateCost - Item > render with tabulation 1`] = `
 .emotion-78 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-78 .fillStroke {
@@ -10987,10 +10987,10 @@ exports[`EstimateCost - Item > render with tooltipInfo 1`] = `
 .emotion-84 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-84 .fillStroke {
@@ -11001,10 +11001,10 @@ exports[`EstimateCost - Item > render with tooltipInfo 1`] = `
 .emotion-84 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-84 .fillStroke {

diff --git a/packages/plus/src/components/EstimateCost/__tests__/__snapshots__/Region.test.tsx.snap b/packages/plus/src/components/EstimateCost/__tests__/__snapshots__/Region.test.tsx.snap
@@ -732,10 +732,10 @@ exports[`EstimateCost - Region > render region component 1`] = `
 .emotion-80 {
   vertical-align: middle;
   fill: currentColor;
-  height: 2rem;
-  width: 2rem;
-  min-width: 2rem;
-  min-height: 2rem;
+  height: 1.5rem;
+  width: 1.5rem;
+  min-width: 1.5rem;
+  min-height: 1.5rem;
 }
 
 .emotion-80 .fillStroke {