@foxford/ui 1.9.87 → 1.9.90

package/es/components/Avatar/Avatar.sass

@@ -1,11 +1,7 @@
 @import '../../utils/variables'
 @import '../../utils/utils'
 
-$sizes: ('l': 120px 120px,
-'m': 68px 68px,
-'sm': 52px 52px,
-'s': 40px 40px,
-'xs': 32px 32px)
+$sizes: ('l': 120px 120px,'m': 68px 68px,'sm': 52px 52px,'s': 40px 40px,'xs': 32px 32px)
 
 @value sizes #{$sizes}
 

package/es/components/Button/Button.sass

@@ -4,22 +4,10 @@
 /* Constants */
 
 $props: ('height': height)
-$sizesRound: ('l': 52px,
-'m': 48px,
-'ms': 40px,
-'s': 32px)
+$sizesRound: ('l': 52px,'m': 48px,'ms': 40px,'s': 32px)
 $heights: $sizesNumeric
-$widths: ('l': 280px,
-'m': 245px,
-'s': 180px,
-'xs': 140px)
-$themes: ('default': $accent $white null null,
-'primary': $primary $white null null,
-'secondary': $atlantis $white null null,
-'white': $white $mineShaft $mercury null,
-'whiteAccent': $white $accent $mercury null,
-'opacityWhite': $transparent $white $mercury $mineShaft,
-'vk': $vk $white null null)
+$widths: ('l': 280px,'m': 245px,'s': 180px,'xs': 140px)
+$themes: ('default': $accent $white null null,'primary': $primary $white null null,'secondary': $atlantis $white null null,'white': $white $mineShaft $mercury null,'whiteAccent': $white $accent $mercury null,'opacityWhite': $transparent $white $mercury $mineShaft,'vk': $vk $white null null)
 
 @value props #{$props}
 @value sizesRound #{$sizesRound}
@@ -36,7 +24,6 @@ $themes: ('default': $accent $white null null,
   100%
     background-position: 50px 50px
 
-
 /* Mixins */
 
 @mixin button($color: $white, $bgColor: $accent, $hoverBgColor: null, $hoverColor: null)
@@ -78,11 +65,11 @@ $themes: ('default': $accent $white null null,
 
     &.basic,
     &.inverted,
-      &:hover,
-      &:active,
-      &.hovered,
-      &.pressed
-        color: $color !important
+    &:hover,
+    &:active,
+    &.hovered,
+    &.pressed
+      color: $color !important
 
     &.opacity
       &:not(:hover),
@@ -103,7 +90,6 @@ $themes: ('default': $accent $white null null,
     &.pressed
       box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14) !important
 
-
   &:not(.loading)
     &.disabled,
     &:disabled
@@ -214,7 +200,6 @@ $themes: ('default': $accent $white null null,
         width: 100%
         min-width: initial
 
-
 .text
   display: inline-block
   line-height: 1

package/es/components/EmojiBtn/EmojiBtn.sass

@@ -1,9 +1,7 @@
 @import '../../utils/variables'
 @import '../../utils/utils'
 
-$sizes: ('l': 48px 48px,
-'m': 40px 40px,
-'s': 24px 24px)
+$sizes: ('l': 48px 48px,'m': 40px 40px,'s': 24px 24px)
 
 @value sizes #{$sizes}
 
@@ -67,5 +65,3 @@ $sizes: ('l': 48px 48px,
 
   &.disabled
     display: none
-
-

package/es/components/Form/FormField.sass

@@ -1,8 +1,8 @@
 @import '../../utils/variables'
 @import '../../utils/utils'
 
-$sizes: ("xl": 380px, "l": 320px, "m": 280px, "s": 80px);
-$vAligns: ("top": top, "center": center, "baseline": baseline, "middle": middle, "bottom": bottom);
+$sizes: ("xl": 380px, "l": 320px, "m": 280px, "s": 80px)
+$vAligns: ("top": top, "center": center, "baseline": baseline, "middle": middle, "bottom": bottom)
 
 @value sizes #{$sizes}
 @value vAligns #{$vAligns}

package/es/components/Grid/Grid.sass

@@ -1,8 +1,8 @@
 @import '../../utils/variables'
 /**
-  * Partially based on [waffle-grid](https://lucasgruwez.github.io/waffle-grid)
-  * Grid config
-  */
+ * Partially based on [waffle-grid](https://lucasgruwez.github.io/waffle-grid)
+ * Grid config
+ */
 
 // Class names
 $grid-classname: 'grid' !default
@@ -26,21 +26,20 @@ $gridGutterMaxS: $gutter-width
 // Breakpoints
 $breakpointsGrid: (('l', $maxLargeScreen, (4, 8, 12), $gridGutterMinM), ('m', $maxMediumScreen, (4, 6, 8), $gridGutterMinM), ('s', $maxSmallScreen, (4, 6), $gridGutterMaxS))
 
-
 // Pushes and Pulls
-$pushes: true !default;
-$pulls: true !default;
+$pushes: true !default
+$pulls: true !default
 
 /* grid */
 .#{$grid-classname}
-	display: flex
-	flex-direction: column
-	width: $grid-width
-	max-width: $grid-max-width
-	margin: 0 auto
-	&.full-width
-		width: 100%
-		max-width: 100%
+  display: flex
+  flex-direction: column
+  width: $grid-width
+  max-width: $grid-max-width
+  margin: 0 auto
+  &.full-width
+    width: 100%
+    max-width: 100%
 
 /* row */
 .#{$row-classname}
@@ -51,7 +50,6 @@ $pulls: true !default;
   margin-left: -$gutter-width / 2
   margin-right: -$gutter-width / 2
 
-
 /* column */
 .#{$column-classname}
   box-sizing: border-box
@@ -129,25 +127,25 @@ $pulls: true !default;
 
 /* column widths */
 @each $col-am in $grid-columns
-	@for $i from 1 through $col-am
+  @for $i from 1 through $col-am
 
-		.#{$column-classname}-#{$i}-of-#{$col-am}
-			width: calc(#{percentage($i/$col-am)} - #{$gutter-width})
+    .#{$column-classname}-#{$i}-of-#{$col-am}
+      width: calc(#{percentage($i/$col-am)} - #{$gutter-width})
 		// end width
 
-		@if ($pushes)
-			.push-#{$i}-of-#{$col-am}
-				margin-left: calc(#{percentage($i/$col-am)} + #{$gutter-width} / 2)
+    @if ($pushes)
+      .push-#{$i}-of-#{$col-am}
+        margin-left: calc(#{percentage($i/$col-am)} + #{$gutter-width} / 2)
 		// end pushes
 
-		@if ($pulls)
-			.pull-#{$i}-of-#{$col-am}
-				margin-left: calc(-#{percentage($i/$col-am)} + #{$gutter-width} / 2)
+    @if ($pulls)
+      .pull-#{$i}-of-#{$col-am}
+        margin-left: calc(-#{percentage($i/$col-am)} + #{$gutter-width} / 2)
 		// end pulls
 
 @each $bp in $breakpointsGrid
 
-	@media (max-width: #{nth($bp, 2)})
+  @media (max-width: #{nth($bp, 2)})
     .#{$row-classname}
       margin-left: -(nth($bp, 4)/2)
       margin-right: -(nth($bp, 4)/2)

package/es/components/Icon/Icon.sass

@@ -3,23 +3,9 @@
 @import '../../utils/utils'
 
 $props: ('size': 'font-size')
-$legacySizes: ('xxxl': 42px,
-'xxl': 38px,
-'xl': 34px,
-'lm': 32px,
-'l': 30px,
-'m': 26px,
-'s': 22px,
-'xs': 18px,
-'xxs': 14px,
-'xxxs': 10px)
+$legacySizes: ('xxxl': 42px,'xxl': 38px,'xl': 34px,'lm': 32px,'l': 30px,'m': 26px,'s': 22px,'xs': 18px,'xxs': 14px,'xxxs': 10px)
 $localSizes: map-merge($legacySizes, $sizesNumeric)
-$vAligns: ('top': top,
-'middle': middle,
-'bottom': bottom,
-'text-top': text-top,
-'text-bottom': text-bottom,
-'baseline': baseline)
+$vAligns: ('top': top,'middle': middle,'bottom': bottom,'text-top': text-top,'text-bottom': text-bottom,'baseline': baseline)
 
 @value sizes #{$localSizes}
 @value vAligns #{$vAligns}

package/es/components/SocialLink/SocialLink.sass

@@ -1,15 +1,7 @@
 @import '../../utils/variables.scss'
 @import '../../utils/utils'
 
-$icons: ('vk': 'vk',
-'vkInverse': 'vkinverse',
-'yt': 'yt',
-'ok': 'ok',
-'ig': 'insta',
-'fb': 'fb',
-'eljur': 'eljur',
-'mailru': 'mailru',
-'gp': 'gp')
+$icons: ('vk': 'vk','vkInverse': 'vkinverse','yt': 'yt','ok': 'ok','ig': 'insta','fb': 'fb','eljur': 'eljur','mailru': 'mailru','gp': 'gp')
 
 $localSizes: ('l': 44px 44px, 'm': 40px 40px, 's': 32px 32px)
 

package/es/components/Spacer/Spacer.sass

@@ -4,7 +4,5 @@
 @value sides #{$sides}
 @value sizes #{$sizes}
 
-.root
-
 .inline
   display: inline

package/es/components/TagBtn/TagBtn.sass

@@ -1,10 +1,7 @@
 @import '../../utils/variables'
 @import '../../utils/utils'
 
-$sizes: ('l': 220px 40px,
-'m': 182px 40px,
-'s': 100px 40px,
-'xs': 60px 40px)
+$sizes: ('l': 220px 40px,'m': 182px 40px,'s': 100px 40px,'xs': 60px 40px)
 
 @value sizes #{$sizes}
 

package/es/enhancers/Color/Color.sass

@@ -4,17 +4,7 @@
 
 $props: ('color': color)
 
-$additionalColors: ('black': $tundora,
-'blue': $accent,
-'red': $pomegranate,
-'green': $atlantis,
-'grey': $silver,
-'darkgrey': $mineShaft,
-'lightgrey': $alto,
-'superlightgrey': $mercury,
-'primary': $primary,
-'accent': $accent,
-'inherit': inherit)
+$additionalColors: ('black': $tundora,'blue': $accent,'red': $pomegranate,'green': $atlantis,'grey': $silver,'darkgrey': $mineShaft,'lightgrey': $alto,'superlightgrey': $mercury,'primary': $primary,'accent': $accent,'inherit': inherit)
 $localColors: map-merge($colors, $additionalColors)
 $localColors: map-merge($localColors, $theme-colors)
 

package/es/enhancers/Display/Display.sass

@@ -3,14 +3,7 @@
 
 $props: ('display': display)
 
-$displays: ('block': block,
-'inline': inline,
-'inline-block': inline-block,
-'flex': flex,
-'inline-flex': inline-flex,
-'table-cell': table-cell,
-'inherit': inherit,
-'none': none)
+$displays: ('block': block,'inline': inline,'inline-block': inline-block,'flex': flex,'inline-flex': inline-flex,'table-cell': table-cell,'inherit': inherit,'none': none)
 
 @value displays #{$displays}
 @value props #{$props}

package/lib/components/Avatar/Avatar.sass

@@ -1,11 +1,7 @@
 @import '../../utils/variables'
 @import '../../utils/utils'
 
-$sizes: ('l': 120px 120px,
-'m': 68px 68px,
-'sm': 52px 52px,
-'s': 40px 40px,
-'xs': 32px 32px)
+$sizes: ('l': 120px 120px,'m': 68px 68px,'sm': 52px 52px,'s': 40px 40px,'xs': 32px 32px)
 
 @value sizes #{$sizes}
 

package/lib/components/Button/Button.sass

@@ -4,22 +4,10 @@
 /* Constants */
 
 $props: ('height': height)
-$sizesRound: ('l': 52px,
-'m': 48px,
-'ms': 40px,
-'s': 32px)
+$sizesRound: ('l': 52px,'m': 48px,'ms': 40px,'s': 32px)
 $heights: $sizesNumeric
-$widths: ('l': 280px,
-'m': 245px,
-'s': 180px,
-'xs': 140px)
-$themes: ('default': $accent $white null null,
-'primary': $primary $white null null,
-'secondary': $atlantis $white null null,
-'white': $white $mineShaft $mercury null,
-'whiteAccent': $white $accent $mercury null,
-'opacityWhite': $transparent $white $mercury $mineShaft,
-'vk': $vk $white null null)
+$widths: ('l': 280px,'m': 245px,'s': 180px,'xs': 140px)
+$themes: ('default': $accent $white null null,'primary': $primary $white null null,'secondary': $atlantis $white null null,'white': $white $mineShaft $mercury null,'whiteAccent': $white $accent $mercury null,'opacityWhite': $transparent $white $mercury $mineShaft,'vk': $vk $white null null)
 
 @value props #{$props}
 @value sizesRound #{$sizesRound}
@@ -36,7 +24,6 @@ $themes: ('default': $accent $white null null,
   100%
     background-position: 50px 50px
 
-
 /* Mixins */
 
 @mixin button($color: $white, $bgColor: $accent, $hoverBgColor: null, $hoverColor: null)
@@ -78,11 +65,11 @@ $themes: ('default': $accent $white null null,
 
     &.basic,
     &.inverted,
-      &:hover,
-      &:active,
-      &.hovered,
-      &.pressed
-        color: $color !important
+    &:hover,
+    &:active,
+    &.hovered,
+    &.pressed
+      color: $color !important
 
     &.opacity
       &:not(:hover),
@@ -103,7 +90,6 @@ $themes: ('default': $accent $white null null,
     &.pressed
       box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14) !important
 
-
   &:not(.loading)
     &.disabled,
     &:disabled
@@ -214,7 +200,6 @@ $themes: ('default': $accent $white null null,
         width: 100%
         min-width: initial
 
-
 .text
   display: inline-block
   line-height: 1

package/lib/components/EmojiBtn/EmojiBtn.sass

@@ -1,9 +1,7 @@
 @import '../../utils/variables'
 @import '../../utils/utils'
 
-$sizes: ('l': 48px 48px,
-'m': 40px 40px,
-'s': 24px 24px)
+$sizes: ('l': 48px 48px,'m': 40px 40px,'s': 24px 24px)
 
 @value sizes #{$sizes}
 
@@ -67,5 +65,3 @@ $sizes: ('l': 48px 48px,
 
   &.disabled
     display: none
-
-

package/lib/components/Form/FormField.sass

@@ -1,8 +1,8 @@
 @import '../../utils/variables'
 @import '../../utils/utils'
 
-$sizes: ("xl": 380px, "l": 320px, "m": 280px, "s": 80px);
-$vAligns: ("top": top, "center": center, "baseline": baseline, "middle": middle, "bottom": bottom);
+$sizes: ("xl": 380px, "l": 320px, "m": 280px, "s": 80px)
+$vAligns: ("top": top, "center": center, "baseline": baseline, "middle": middle, "bottom": bottom)
 
 @value sizes #{$sizes}
 @value vAligns #{$vAligns}

package/lib/components/Grid/Grid.sass

@@ -1,8 +1,8 @@
 @import '../../utils/variables'
 /**
-  * Partially based on [waffle-grid](https://lucasgruwez.github.io/waffle-grid)
-  * Grid config
-  */
+ * Partially based on [waffle-grid](https://lucasgruwez.github.io/waffle-grid)
+ * Grid config
+ */
 
 // Class names
 $grid-classname: 'grid' !default
@@ -26,21 +26,20 @@ $gridGutterMaxS: $gutter-width
 // Breakpoints
 $breakpointsGrid: (('l', $maxLargeScreen, (4, 8, 12), $gridGutterMinM), ('m', $maxMediumScreen, (4, 6, 8), $gridGutterMinM), ('s', $maxSmallScreen, (4, 6), $gridGutterMaxS))
 
-
 // Pushes and Pulls
-$pushes: true !default;
-$pulls: true !default;
+$pushes: true !default
+$pulls: true !default
 
 /* grid */
 .#{$grid-classname}
-	display: flex
-	flex-direction: column
-	width: $grid-width
-	max-width: $grid-max-width
-	margin: 0 auto
-	&.full-width
-		width: 100%
-		max-width: 100%
+  display: flex
+  flex-direction: column
+  width: $grid-width
+  max-width: $grid-max-width
+  margin: 0 auto
+  &.full-width
+    width: 100%
+    max-width: 100%
 
 /* row */
 .#{$row-classname}
@@ -51,7 +50,6 @@ $pulls: true !default;
   margin-left: -$gutter-width / 2
   margin-right: -$gutter-width / 2
 
-
 /* column */
 .#{$column-classname}
   box-sizing: border-box
@@ -129,25 +127,25 @@ $pulls: true !default;
 
 /* column widths */
 @each $col-am in $grid-columns
-	@for $i from 1 through $col-am
+  @for $i from 1 through $col-am
 
-		.#{$column-classname}-#{$i}-of-#{$col-am}
-			width: calc(#{percentage($i/$col-am)} - #{$gutter-width})
+    .#{$column-classname}-#{$i}-of-#{$col-am}
+      width: calc(#{percentage($i/$col-am)} - #{$gutter-width})
 		// end width
 
-		@if ($pushes)
-			.push-#{$i}-of-#{$col-am}
-				margin-left: calc(#{percentage($i/$col-am)} + #{$gutter-width} / 2)
+    @if ($pushes)
+      .push-#{$i}-of-#{$col-am}
+        margin-left: calc(#{percentage($i/$col-am)} + #{$gutter-width} / 2)
 		// end pushes
 
-		@if ($pulls)
-			.pull-#{$i}-of-#{$col-am}
-				margin-left: calc(-#{percentage($i/$col-am)} + #{$gutter-width} / 2)
+    @if ($pulls)
+      .pull-#{$i}-of-#{$col-am}
+        margin-left: calc(-#{percentage($i/$col-am)} + #{$gutter-width} / 2)
 		// end pulls
 
 @each $bp in $breakpointsGrid
 
-	@media (max-width: #{nth($bp, 2)})
+  @media (max-width: #{nth($bp, 2)})
     .#{$row-classname}
       margin-left: -(nth($bp, 4)/2)
       margin-right: -(nth($bp, 4)/2)

package/lib/components/Icon/Icon.sass

@@ -3,23 +3,9 @@
 @import '../../utils/utils'
 
 $props: ('size': 'font-size')
-$legacySizes: ('xxxl': 42px,
-'xxl': 38px,
-'xl': 34px,
-'lm': 32px,
-'l': 30px,
-'m': 26px,
-'s': 22px,
-'xs': 18px,
-'xxs': 14px,
-'xxxs': 10px)
+$legacySizes: ('xxxl': 42px,'xxl': 38px,'xl': 34px,'lm': 32px,'l': 30px,'m': 26px,'s': 22px,'xs': 18px,'xxs': 14px,'xxxs': 10px)
 $localSizes: map-merge($legacySizes, $sizesNumeric)
-$vAligns: ('top': top,
-'middle': middle,
-'bottom': bottom,
-'text-top': text-top,
-'text-bottom': text-bottom,
-'baseline': baseline)
+$vAligns: ('top': top,'middle': middle,'bottom': bottom,'text-top': text-top,'text-bottom': text-bottom,'baseline': baseline)
 
 @value sizes #{$localSizes}
 @value vAligns #{$vAligns}

package/lib/components/SocialLink/SocialLink.sass

@@ -1,15 +1,7 @@
 @import '../../utils/variables.scss'
 @import '../../utils/utils'
 
-$icons: ('vk': 'vk',
-'vkInverse': 'vkinverse',
-'yt': 'yt',
-'ok': 'ok',
-'ig': 'insta',
-'fb': 'fb',
-'eljur': 'eljur',
-'mailru': 'mailru',
-'gp': 'gp')
+$icons: ('vk': 'vk','vkInverse': 'vkinverse','yt': 'yt','ok': 'ok','ig': 'insta','fb': 'fb','eljur': 'eljur','mailru': 'mailru','gp': 'gp')
 
 $localSizes: ('l': 44px 44px, 'm': 40px 40px, 's': 32px 32px)
 

package/lib/components/Spacer/Spacer.sass

@@ -4,7 +4,5 @@
 @value sides #{$sides}
 @value sizes #{$sizes}
 
-.root
-
 .inline
   display: inline

package/lib/components/TagBtn/TagBtn.sass

@@ -1,10 +1,7 @@
 @import '../../utils/variables'
 @import '../../utils/utils'
 
-$sizes: ('l': 220px 40px,
-'m': 182px 40px,
-'s': 100px 40px,
-'xs': 60px 40px)
+$sizes: ('l': 220px 40px,'m': 182px 40px,'s': 100px 40px,'xs': 60px 40px)
 
 @value sizes #{$sizes}
 

package/lib/enhancers/Color/Color.sass

@@ -4,17 +4,7 @@
 
 $props: ('color': color)
 
-$additionalColors: ('black': $tundora,
-'blue': $accent,
-'red': $pomegranate,
-'green': $atlantis,
-'grey': $silver,
-'darkgrey': $mineShaft,
-'lightgrey': $alto,
-'superlightgrey': $mercury,
-'primary': $primary,
-'accent': $accent,
-'inherit': inherit)
+$additionalColors: ('black': $tundora,'blue': $accent,'red': $pomegranate,'green': $atlantis,'grey': $silver,'darkgrey': $mineShaft,'lightgrey': $alto,'superlightgrey': $mercury,'primary': $primary,'accent': $accent,'inherit': inherit)
 $localColors: map-merge($colors, $additionalColors)
 $localColors: map-merge($localColors, $theme-colors)
 

package/lib/enhancers/Display/Display.sass

@@ -3,14 +3,7 @@
 
 $props: ('display': display)
 
-$displays: ('block': block,
-'inline': inline,
-'inline-block': inline-block,
-'flex': flex,
-'inline-flex': inline-flex,
-'table-cell': table-cell,
-'inherit': inherit,
-'none': none)
+$displays: ('block': block,'inline': inline,'inline-block': inline-block,'flex': flex,'inline-flex': inline-flex,'table-cell': table-cell,'inherit': inherit,'none': none)
 
 @value displays #{$displays}
 @value props #{$props}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "1.9.87",
+  "version": "1.9.90",
   "description": "UI components library",
   "bugs": {
     "url": "https://github.com/netology-group/ui/issues"