Renamed euiIconSizes to euiFormControlIconSizes and moved to form…

… variables file
elastic · Jun 28, 2022 · 509b890 · 509b890
1 parent 3b57233
commit 509b890
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 28 deletions.
diff --git a/src/components/form/form_control_layout/_form_control_layout.scss b/src/components/form/form_control_layout/_form_control_layout.scss
@@ -1,10 +1,8 @@
-@import '../../icon/variables';
-
 .euiFormControlLayout {
   // Let the height expand as needed
   @include euiFormControlSize($includeAlternates: true);
 
-  $iconSize: map-get($euiIconSizes, 'medium');
+  $iconSize: map-get($euiFormControlIconSizes, 'medium');
   $iconPadding: $euiFormControlPadding;
   $marginBetweenIcons: $euiFormControlPadding / 2;
 
@@ -16,7 +14,7 @@
       padding-right: $iconPadding + ($iconSize + $marginBetweenIcons) * $i;
 
       &[class*='compressed'] {
-        $iconSizeCompressed: map-get($euiIconSizes, 'small');
+        $iconSizeCompressed: map-get($euiFormControlIconSizes, 'small');
         $iconPaddingCompressed: $euiFormControlCompressedPadding;
 
         padding-right: $iconPaddingCompressed + ($iconSizeCompressed + $marginBetweenIcons) * $i;

diff --git a/src/components/icon/_variables.scss b/src/components/icon/_variables.scss
diff --git a/src/global_styling/variables/_form.scss b/src/global_styling/variables/_form.scss
@@ -41,6 +41,15 @@ $euiFormInputGroupLabelBackground: tintOrShade($euiColorLightShade, 50%, 15%) !d
 $euiFormInputGroupBorder: 1px solid shadeOrTint($euiFormInputGroupLabelBackground, 2%, 4%) !default;
 $euiSwitchOffColor: lightOrDarkTheme(transparentize($euiColorMediumShade, .8), transparentize($euiColorMediumShade, .3)) !default;
 
+// Icons sizes
+$euiFormControlIconSizes: (
+  small: $euiSizeM,
+  medium: $euiSize,
+  large: $euiSizeL,
+  xLarge: $euiSizeXL,
+  xxLarge: $euiSizeXXL
+);
+
 // Control Layout
 $euiFormControlLayoutGroupInputHeight: $euiFormControlHeight - 2px !default;
 $euiFormControlLayoutGroupInputCompressedHeight: $euiFormControlCompressedHeight - 2px !default;