@foxford/ui 1.9.88 → 1.9.89

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/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/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/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/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.88",
+  "version": "1.9.89",
   "description": "UI components library",
   "bugs": {
     "url": "https://github.com/netology-group/ui/issues"