@foxford/ui 1.9.85 → 1.9.88

package/es/components/Amount/Amount.js

@@ -50,11 +50,10 @@ function createSplitter(partSize) {
   return parts;
 }
 
-function formatAmount(value, fractionalPart, currencyCode) {
-  var fractionDigits = Math.log10(fractionalPart);
+function formatAmount(value, digitsAfterPoint, currencyCode) {
   var isNegative = value < 0;
   var valueAbs = Math.abs(value);
-  var valueAbsStr = (valueAbs / fractionalPart).toFixed(fractionDigits);
+  var valueAbsStr = valueAbs.toFixed(digitsAfterPoint);
   var numberParts = valueAbsStr.split('.');
   var majorPart = numberParts[0];
   var minorPart = numberParts[1];
@@ -136,15 +135,15 @@ function (_PureComponent) {
     value: function render() {
       var _this$props2 = this.props,
           value = _this$props2.value,
-          fractionalPart = _this$props2.fractionalPart,
+          digitsAfterPoint = _this$props2.digitsAfterPoint,
           currency = _this$props2.currency,
           isHeader = _this$props2.isHeader,
           className = _this$props2.className,
           crossedOut = _this$props2.crossedOut,
           onlyCurrency = _this$props2.onlyCurrency,
-          rest = _objectWithoutProperties(_this$props2, ["value", "fractionalPart", "currency", "isHeader", "className", "crossedOut", "onlyCurrency"]);
+          rest = _objectWithoutProperties(_this$props2, ["value", "digitsAfterPoint", "currency", "isHeader", "className", "crossedOut", "onlyCurrency"]);
 
-      var _formatAmount = formatAmount(value, fractionalPart, currency),
+      var _formatAmount = formatAmount(value, digitsAfterPoint, currency),
           majorPart = _formatAmount.majorPart,
           minorPart = _formatAmount.minorPart,
           isNegative = _formatAmount.isNegative,
@@ -153,9 +152,10 @@ function (_PureComponent) {
       var classNames = cx('amount', css.root, crossedOut && css.crossedOut, className);
       var amountInner = React.createElement("span", {
         className: classNames
-      }, !onlyCurrency ? React.createElement("span", {
-        className: "major"
-      }, isNegative && MINUS_SIGN_HTML_CODE, majorPart) : null, this.renderMinorPart(minorPart), currency && this.renderCurrencySymbol(currencySymbol));
+      }, !onlyCurrency ? [React.createElement("span", {
+        className: "major",
+        key: "0"
+      }, isNegative && MINUS_SIGN_HTML_CODE, majorPart), this.renderMinorPart(minorPart)] : null, currency && this.renderCurrencySymbol(currencySymbol));
       var Element = isHeader ? Text.Heading : Text;
       return React.createElement(Element, _extends({}, rest, {
         as: "span"
@@ -173,11 +173,7 @@ _defineProperty(Amount, "propTypes", {
    * Value for amount
    */
   value: PropTypes.number,
-
-  /**
-   * Type of fractional part for amount
-   */
-  fractionalPart: PropTypes.oneOf([1, 10, 100, 1000]),
+  digitsAfterPoint: PropTypes.number,
 
   /**
    * Show zero minor part
@@ -218,9 +214,9 @@ _defineProperty(Amount, "propTypes", {
 
 _defineProperty(Amount, "defaultProps", {
   isHeader: false,
-  showZeroMinorPart: true,
+  showZeroMinorPart: false,
   crossedOut: false,
-  fractionalPart: 1,
+  digitsAfterPoint: 2,
   separator: ',',
   onlyCurrency: false
 });

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

@@ -14,12 +14,12 @@ $legacySizes: ('xxxl': 42px,
 '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/InputPhone/InputPhone.js

@@ -41,7 +41,7 @@ export var DEFAULT_MASK =
 "+".concat(INITIAL_MASK);
 var RUSSIAN_MASK = '+9 (999) 999-99-99';
 var RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH = 10;
-export var COUNTRY_DATA = [['Россия', '7', RUSSIAN_MASK, /^(\+?7|8)([0-9()\-\s]{8,20})$/], ['Россия', '8', RUSSIAN_MASK, /^(\+?7|8)([0-9()\-\s]{8,20})$/], ['Украина', '380', '+999 (99) 999-99-99', /^(\+?380)([0-9()\-\s]{8,20})$/], ['Беларусь', '375', '+999 (999) 99-99-99', /^(\+?375)([0-9()\-\s]{8,20})$/], ['Узбекистан', '998', '+999 (99) 999-99-99', /^(\+?998)([0-9()\-\s]{8,20})$/], ['Молдова', '373', '+999 (99) 99-99-99', /^(\+?373)([0-9()\-\s]{8,20})$/], ['Азербайджан', '994', '+999 (99) 999-99-99', /^(\+?994)([0-9()\-\s]{8,20})$/], ['Киргизия', '996', '+999 (999) 99-99-99', /^(\+?996)([0-9()\-\s]{8,20})$/], ['Болгария', '359', '+999 (999) 99-99-99', /^(\+?359)([0-9()\-\s]{8,20})$/], ['Германия', '49', '+99 (999) 99999999', /^(\+?49)([0-9()\-\s]{8,20})$/], ['США', '1', '+9 (999) 999-99-99', /^(\+?1)([0-9()\-\s]{8,20})$/], ['Армения', '374', '+999 (99) 99-99-99', /^(\+?374)([0-9()\-\s]{8,20})$/], ['Израиль', '972', '+999 (99) 999-99-99', /^(\+?972)([0-9()\-\s]{8,20})$/], ['Испания', '34', '+99 (999) 99-99-99', /^(\+?34)([0-9()\-\s]{8,20})$/], ['Латвия', '371', '+999 (99) 999-999', /^(\+?371)([0-9()\-\s]{8,20})$/], ['Бахрейн', '973', '+999 (99) 999-999', /^(\+?973)([0-9()\-\s]{8,20})$/], ['Турция', '90', '+99 (999) 999-9999', /^(\+?90)([0-9()\-\s]{8,20})$/], ['Литва', '370', '+999 (999) 99999', /^(\+?370)([0-9()\-\s]{8,20})$/], ['Великобритания', '44', '+99 (99) 9999-9999', /^(\+?44)([0-9()\-\s]{8,20})$/], ['Индия', '91', '+99 (99) 99-999999', /^(\+?91)([0-9()\-\s]{8,20})$/], ['Черногория', '382', '+999 (99) 999-999', /^(\+?382)([0-9()\-\s]{8,20})$/], ['Мексика', '52', '+99 (999) 999-99-99', /^(\+?52)([0-9()\-\s]{8,20})$/], ['Польша', '48', '+99 999999999', /^(\+?48)([0-9()\-\s]{8,20})$/], ['Италия', '39', '+99 (99) 9999-9999', /^(\+?39)([0-9()\-\s]{8,20})$/], ['Таиланд', '66', '+99 999-999-999', /^(\+?66)([0-9()\-\s]{8,20})$/], ['Грузия', '995', '+999 (999) 999-999', /^(\+?995)([0-9()\-\s]{8,20})$/], ['Шри-Ланка', '94', '+99 (99) 9999999', /^(\+?94)([0-9()\-\s]{8,20})$/], ['Китай', '86', '+99 (999) 9999-9999', /^(\+?86)([0-9()\-\s]{8,20})$/], ['Кипр', '357', '+999 (99) 999999', /^(\+?357)([0-9()\-\s]{8,20})$/], ['ОАЭ', '971', '+999 99-999-9999', /^(\+?971)([0-9()\-\s]{8,20})$/], ['Франция', '33', '+33(999)999-999', /^(\+?33)([0-9()\-\s]{8,20})$/], ['Германия', '49', '+99(9999)999-9999', /^(\+?49)([0-9()\-\s]{8,20})$/], ['Япония', '81', '+99 99-9999-9999', /^(\+?81)([0-9()\-\s]{8,20})$/], ['Австрия', '43', '+99(999)999-9999', /^(\+?43)([0-9()\-\s]{8,20})$/], ['Южная Корея', '82', '+99(999)999-9999', /^(\+?82)([0-9()\-\s]{8,20})$/]];
+export var COUNTRY_DATA = [['Россия', '7', RUSSIAN_MASK, /^(\+?7|8)([0-9()\-\s]{8,20})$/], ['Россия', '8', RUSSIAN_MASK, /^(\+?7|8)([0-9()\-\s]{8,20})$/], ['Украина', '380', '+999 (99) 999-99-99', /^(\+?380)([0-9()\-\s]{8,20})$/], ['Беларусь', '375', '+999 (999) 99-99-99', /^(\+?375)([0-9()\-\s]{8,20})$/], ['Узбекистан', '998', '+999 (99) 999-99-99', /^(\+?998)([0-9()\-\s]{8,20})$/], ['Молдова', '373', '+999 (99) 99-99-99', /^(\+?373)([0-9()\-\s]{8,20})$/], ['Азербайджан', '994', '+999 (99) 999-99-99', /^(\+?994)([0-9()\-\s]{8,20})$/], ['Киргизия', '996', '+999 (999) 99-99-99', /^(\+?996)([0-9()\-\s]{8,20})$/], ['Болгария', '359', '+999 (999) 99-99-99', /^(\+?359)([0-9()\-\s]{8,20})$/], ['Германия', '49', '+99 (999) 99999999', /^(\+?49)([0-9()\-\s]{8,20})$/], ['США', '1', '+9 (999) 999-99-99', /^(\+?1)([0-9()\-\s]{8,20})$/], ['Армения', '374', '+999 (99) 99-99-99', /^(\+?374)([0-9()\-\s]{8,20})$/], ['Израиль', '972', '+999 (99) 999-99-99', /^(\+?972)([0-9()\-\s]{8,20})$/], ['Испания', '34', '+99 (999) 99-99-99', /^(\+?34)([0-9()\-\s]{8,20})$/], ['Латвия', '371', '+999 (99) 999-999', /^(\+?371)([0-9()\-\s]{8,20})$/], ['Бахрейн', '973', '+999 (99) 999-999', /^(\+?973)([0-9()\-\s]{8,20})$/], ['Турция', '90', '+99 (999) 999-9999', /^(\+?90)([0-9()\-\s]{8,20})$/], ['Литва', '370', '+999 (999) 99999', /^(\+?370)([0-9()\-\s]{8,20})$/], ['Великобритания', '44', '+99 (99) 9999-9999', /^(\+?44)([0-9()\-\s]{8,20})$/], ['Индия', '91', '+99 (99) 99-999999', /^(\+?91)([0-9()\-\s]{8,20})$/], ['Черногория', '382', '+999 (99) 999-999', /^(\+?382)([0-9()\-\s]{8,20})$/], ['Мексика', '52', '+99 (999) 999-99-99', /^(\+?52)([0-9()\-\s]{8,20})$/], ['Польша', '48', '+99 999999999', /^(\+?48)([0-9()\-\s]{8,20})$/], ['Италия', '39', '+99 (999) 999-99-99', /^(\+?39)([0-9()\-\s]{8,20})$/], ['Таиланд', '66', '+99 999-999-999', /^(\+?66)([0-9()\-\s]{8,20})$/], ['Грузия', '995', '+999 (999) 999-999', /^(\+?995)([0-9()\-\s]{8,20})$/], ['Шри-Ланка', '94', '+99 (99) 9999999', /^(\+?94)([0-9()\-\s]{8,20})$/], ['Китай', '86', '+99 (999) 9999-9999', /^(\+?86)([0-9()\-\s]{8,20})$/], ['Кипр', '357', '+999 (99) 999999', /^(\+?357)([0-9()\-\s]{8,20})$/], ['ОАЭ', '971', '+999 99-999-9999', /^(\+?971)([0-9()\-\s]{8,20})$/], ['Франция', '33', '+33(999)999-999', /^(\+?33)([0-9()\-\s]{8,20})$/], ['Германия', '49', '+99(9999)999-9999', /^(\+?49)([0-9()\-\s]{8,20})$/], ['Япония', '81', '+99 99-9999-9999', /^(\+?81)([0-9()\-\s]{8,20})$/], ['Австрия', '43', '+99(999)999-9999', /^(\+?43)([0-9()\-\s]{8,20})$/], ['Южная Корея', '82', '+99(999)999-9999', /^(\+?82)([0-9()\-\s]{8,20})$/]];
 var REGEXPS = {
   FILLED: /^\+\d.*$/,
   FROM_8: /^\+?8(.*)$/,

package/es/components/InputPhone/InputPhone.md

@@ -15,7 +15,7 @@ A InputPhone.
 | Израиль | 972 | +999 (99) 999-99-99 |
 | Индия | 91 | +99 (99) 99-999999 |
 | Испания | 34 | +99 (999) 99-99-99 |
-| Италия | 39 | +99 (99) 9999-9999 |
+| Италия | 39 | +99 (999) 999-99-99 |
 | Киргизия | 996 | +999 (999) 99-99-99 |
 | Китай | 86 | +99 (999) 9999-9999 |
 | Латвия | 371 | +999 (99) 999-999 |

package/lib/components/Amount/Amount.js

@@ -93,11 +93,10 @@ function createSplitter(partSize) {
   return parts;
 }
 
-function formatAmount(value, fractionalPart, currencyCode) {
-  var fractionDigits = Math.log10(fractionalPart);
+function formatAmount(value, digitsAfterPoint, currencyCode) {
   var isNegative = value < 0;
   var valueAbs = Math.abs(value);
-  var valueAbsStr = (valueAbs / fractionalPart).toFixed(fractionDigits);
+  var valueAbsStr = valueAbs.toFixed(digitsAfterPoint);
   var numberParts = valueAbsStr.split('.');
   var majorPart = numberParts[0];
   var minorPart = numberParts[1];
@@ -179,15 +178,15 @@ function (_PureComponent) {
     value: function render() {
       var _this$props2 = this.props,
           value = _this$props2.value,
-          fractionalPart = _this$props2.fractionalPart,
+          digitsAfterPoint = _this$props2.digitsAfterPoint,
           currency = _this$props2.currency,
           isHeader = _this$props2.isHeader,
           className = _this$props2.className,
           crossedOut = _this$props2.crossedOut,
           onlyCurrency = _this$props2.onlyCurrency,
-          rest = _objectWithoutProperties(_this$props2, ["value", "fractionalPart", "currency", "isHeader", "className", "crossedOut", "onlyCurrency"]);
+          rest = _objectWithoutProperties(_this$props2, ["value", "digitsAfterPoint", "currency", "isHeader", "className", "crossedOut", "onlyCurrency"]);
 
-      var _formatAmount = formatAmount(value, fractionalPart, currency),
+      var _formatAmount = formatAmount(value, digitsAfterPoint, currency),
           majorPart = _formatAmount.majorPart,
           minorPart = _formatAmount.minorPart,
           isNegative = _formatAmount.isNegative,
@@ -197,9 +196,10 @@ function (_PureComponent) {
 
       var amountInner = _react2.default.createElement("span", {
         className: classNames
-      }, !onlyCurrency ? _react2.default.createElement("span", {
-        className: "major"
-      }, isNegative && MINUS_SIGN_HTML_CODE, majorPart) : null, this.renderMinorPart(minorPart), currency && this.renderCurrencySymbol(currencySymbol));
+      }, !onlyCurrency ? [_react2.default.createElement("span", {
+        className: "major",
+        key: "0"
+      }, isNegative && MINUS_SIGN_HTML_CODE, majorPart), this.renderMinorPart(minorPart)] : null, currency && this.renderCurrencySymbol(currencySymbol));
 
       var Element = isHeader ? _Text.Text.Heading : _Text.Text;
       return _react2.default.createElement(Element, _extends({}, rest, {
@@ -218,11 +218,7 @@ _defineProperty(Amount, "propTypes", {
    * Value for amount
    */
   value: _propTypes2.default.number,
-
-  /**
-   * Type of fractional part for amount
-   */
-  fractionalPart: _propTypes2.default.oneOf([1, 10, 100, 1000]),
+  digitsAfterPoint: _propTypes2.default.number,
 
   /**
    * Show zero minor part
@@ -263,9 +259,9 @@ _defineProperty(Amount, "propTypes", {
 
 _defineProperty(Amount, "defaultProps", {
   isHeader: false,
-  showZeroMinorPart: true,
+  showZeroMinorPart: false,
   crossedOut: false,
-  fractionalPart: 1,
+  digitsAfterPoint: 2,
   separator: ',',
   onlyCurrency: false
 });

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

@@ -14,12 +14,12 @@ $legacySizes: ('xxxl': 42px,
 '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/InputPhone/InputPhone.js

@@ -67,7 +67,7 @@ var DEFAULT_MASK =
 exports.DEFAULT_MASK = "+".concat(INITIAL_MASK);
 var RUSSIAN_MASK = '+9 (999) 999-99-99';
 var RUSSIAN_PHONE_WITHOUT_COUNTY_CODE_LENGTH = 10;
-var COUNTRY_DATA = exports.COUNTRY_DATA = [['Россия', '7', RUSSIAN_MASK, /^(\+?7|8)([0-9()\-\s]{8,20})$/], ['Россия', '8', RUSSIAN_MASK, /^(\+?7|8)([0-9()\-\s]{8,20})$/], ['Украина', '380', '+999 (99) 999-99-99', /^(\+?380)([0-9()\-\s]{8,20})$/], ['Беларусь', '375', '+999 (999) 99-99-99', /^(\+?375)([0-9()\-\s]{8,20})$/], ['Узбекистан', '998', '+999 (99) 999-99-99', /^(\+?998)([0-9()\-\s]{8,20})$/], ['Молдова', '373', '+999 (99) 99-99-99', /^(\+?373)([0-9()\-\s]{8,20})$/], ['Азербайджан', '994', '+999 (99) 999-99-99', /^(\+?994)([0-9()\-\s]{8,20})$/], ['Киргизия', '996', '+999 (999) 99-99-99', /^(\+?996)([0-9()\-\s]{8,20})$/], ['Болгария', '359', '+999 (999) 99-99-99', /^(\+?359)([0-9()\-\s]{8,20})$/], ['Германия', '49', '+99 (999) 99999999', /^(\+?49)([0-9()\-\s]{8,20})$/], ['США', '1', '+9 (999) 999-99-99', /^(\+?1)([0-9()\-\s]{8,20})$/], ['Армения', '374', '+999 (99) 99-99-99', /^(\+?374)([0-9()\-\s]{8,20})$/], ['Израиль', '972', '+999 (99) 999-99-99', /^(\+?972)([0-9()\-\s]{8,20})$/], ['Испания', '34', '+99 (999) 99-99-99', /^(\+?34)([0-9()\-\s]{8,20})$/], ['Латвия', '371', '+999 (99) 999-999', /^(\+?371)([0-9()\-\s]{8,20})$/], ['Бахрейн', '973', '+999 (99) 999-999', /^(\+?973)([0-9()\-\s]{8,20})$/], ['Турция', '90', '+99 (999) 999-9999', /^(\+?90)([0-9()\-\s]{8,20})$/], ['Литва', '370', '+999 (999) 99999', /^(\+?370)([0-9()\-\s]{8,20})$/], ['Великобритания', '44', '+99 (99) 9999-9999', /^(\+?44)([0-9()\-\s]{8,20})$/], ['Индия', '91', '+99 (99) 99-999999', /^(\+?91)([0-9()\-\s]{8,20})$/], ['Черногория', '382', '+999 (99) 999-999', /^(\+?382)([0-9()\-\s]{8,20})$/], ['Мексика', '52', '+99 (999) 999-99-99', /^(\+?52)([0-9()\-\s]{8,20})$/], ['Польша', '48', '+99 999999999', /^(\+?48)([0-9()\-\s]{8,20})$/], ['Италия', '39', '+99 (99) 9999-9999', /^(\+?39)([0-9()\-\s]{8,20})$/], ['Таиланд', '66', '+99 999-999-999', /^(\+?66)([0-9()\-\s]{8,20})$/], ['Грузия', '995', '+999 (999) 999-999', /^(\+?995)([0-9()\-\s]{8,20})$/], ['Шри-Ланка', '94', '+99 (99) 9999999', /^(\+?94)([0-9()\-\s]{8,20})$/], ['Китай', '86', '+99 (999) 9999-9999', /^(\+?86)([0-9()\-\s]{8,20})$/], ['Кипр', '357', '+999 (99) 999999', /^(\+?357)([0-9()\-\s]{8,20})$/], ['ОАЭ', '971', '+999 99-999-9999', /^(\+?971)([0-9()\-\s]{8,20})$/], ['Франция', '33', '+33(999)999-999', /^(\+?33)([0-9()\-\s]{8,20})$/], ['Германия', '49', '+99(9999)999-9999', /^(\+?49)([0-9()\-\s]{8,20})$/], ['Япония', '81', '+99 99-9999-9999', /^(\+?81)([0-9()\-\s]{8,20})$/], ['Австрия', '43', '+99(999)999-9999', /^(\+?43)([0-9()\-\s]{8,20})$/], ['Южная Корея', '82', '+99(999)999-9999', /^(\+?82)([0-9()\-\s]{8,20})$/]];
+var COUNTRY_DATA = exports.COUNTRY_DATA = [['Россия', '7', RUSSIAN_MASK, /^(\+?7|8)([0-9()\-\s]{8,20})$/], ['Россия', '8', RUSSIAN_MASK, /^(\+?7|8)([0-9()\-\s]{8,20})$/], ['Украина', '380', '+999 (99) 999-99-99', /^(\+?380)([0-9()\-\s]{8,20})$/], ['Беларусь', '375', '+999 (999) 99-99-99', /^(\+?375)([0-9()\-\s]{8,20})$/], ['Узбекистан', '998', '+999 (99) 999-99-99', /^(\+?998)([0-9()\-\s]{8,20})$/], ['Молдова', '373', '+999 (99) 99-99-99', /^(\+?373)([0-9()\-\s]{8,20})$/], ['Азербайджан', '994', '+999 (99) 999-99-99', /^(\+?994)([0-9()\-\s]{8,20})$/], ['Киргизия', '996', '+999 (999) 99-99-99', /^(\+?996)([0-9()\-\s]{8,20})$/], ['Болгария', '359', '+999 (999) 99-99-99', /^(\+?359)([0-9()\-\s]{8,20})$/], ['Германия', '49', '+99 (999) 99999999', /^(\+?49)([0-9()\-\s]{8,20})$/], ['США', '1', '+9 (999) 999-99-99', /^(\+?1)([0-9()\-\s]{8,20})$/], ['Армения', '374', '+999 (99) 99-99-99', /^(\+?374)([0-9()\-\s]{8,20})$/], ['Израиль', '972', '+999 (99) 999-99-99', /^(\+?972)([0-9()\-\s]{8,20})$/], ['Испания', '34', '+99 (999) 99-99-99', /^(\+?34)([0-9()\-\s]{8,20})$/], ['Латвия', '371', '+999 (99) 999-999', /^(\+?371)([0-9()\-\s]{8,20})$/], ['Бахрейн', '973', '+999 (99) 999-999', /^(\+?973)([0-9()\-\s]{8,20})$/], ['Турция', '90', '+99 (999) 999-9999', /^(\+?90)([0-9()\-\s]{8,20})$/], ['Литва', '370', '+999 (999) 99999', /^(\+?370)([0-9()\-\s]{8,20})$/], ['Великобритания', '44', '+99 (99) 9999-9999', /^(\+?44)([0-9()\-\s]{8,20})$/], ['Индия', '91', '+99 (99) 99-999999', /^(\+?91)([0-9()\-\s]{8,20})$/], ['Черногория', '382', '+999 (99) 999-999', /^(\+?382)([0-9()\-\s]{8,20})$/], ['Мексика', '52', '+99 (999) 999-99-99', /^(\+?52)([0-9()\-\s]{8,20})$/], ['Польша', '48', '+99 999999999', /^(\+?48)([0-9()\-\s]{8,20})$/], ['Италия', '39', '+99 (999) 999-99-99', /^(\+?39)([0-9()\-\s]{8,20})$/], ['Таиланд', '66', '+99 999-999-999', /^(\+?66)([0-9()\-\s]{8,20})$/], ['Грузия', '995', '+999 (999) 999-999', /^(\+?995)([0-9()\-\s]{8,20})$/], ['Шри-Ланка', '94', '+99 (99) 9999999', /^(\+?94)([0-9()\-\s]{8,20})$/], ['Китай', '86', '+99 (999) 9999-9999', /^(\+?86)([0-9()\-\s]{8,20})$/], ['Кипр', '357', '+999 (99) 999999', /^(\+?357)([0-9()\-\s]{8,20})$/], ['ОАЭ', '971', '+999 99-999-9999', /^(\+?971)([0-9()\-\s]{8,20})$/], ['Франция', '33', '+33(999)999-999', /^(\+?33)([0-9()\-\s]{8,20})$/], ['Германия', '49', '+99(9999)999-9999', /^(\+?49)([0-9()\-\s]{8,20})$/], ['Япония', '81', '+99 99-9999-9999', /^(\+?81)([0-9()\-\s]{8,20})$/], ['Австрия', '43', '+99(999)999-9999', /^(\+?43)([0-9()\-\s]{8,20})$/], ['Южная Корея', '82', '+99(999)999-9999', /^(\+?82)([0-9()\-\s]{8,20})$/]];
 var REGEXPS = {
   FILLED: /^\+\d.*$/,
   FROM_8: /^\+?8(.*)$/,

package/lib/components/InputPhone/InputPhone.md

@@ -15,7 +15,7 @@ A InputPhone.
 | Израиль | 972 | +999 (99) 999-99-99 |
 | Индия | 91 | +99 (99) 99-999999 |
 | Испания | 34 | +99 (999) 99-99-99 |
-| Италия | 39 | +99 (99) 9999-9999 |
+| Италия | 39 | +99 (999) 999-99-99 |
 | Киргизия | 996 | +999 (999) 99-99-99 |
 | Китай | 86 | +99 (999) 9999-9999 |
 | Латвия | 371 | +999 (99) 999-999 |

package/package.json

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