@salutejs/sdds-cs 0.319.0-canary.2020.15698332896.0 → 0.319.0-canary.2020.15824629894.0

package/components/Notification/Notification.config.js

@@ -1,31 +1,168 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    closeIconType: 'thin'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-solid-card);\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": var(--outline-solid-primary);\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 1rem;\n\n                ", ": 0;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n\n                ", ": 1.625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n\n                ", ": 1.5rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "])), _styledComponents.notificationTokens.titleColor, _styledComponents.notificationTokens.contentLeftIconColor, _styledComponents.notificationTokens.contentColor, _styledComponents.notificationTokens.background, _styledComponents.notificationTokens.borderRadius, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.borderColor, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.contentPaddingTopWithoutIcon, _styledComponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledComponents.notificationTokens.textboxPaddingTop, _styledComponents.notificationTokens.textboxPaddingRight, _styledComponents.notificationTokens.textboxPaddingBottom, _styledComponents.notificationTokens.textboxPaddingLeft, _styledComponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledComponents.notificationTokens.textboxGap, _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.buttonsMarginTop, _styledComponents.notificationTokens.contentLeftIconSize, _styledComponents.notificationTokens.contentLeftIconMargin, _styledComponents.notificationTokens.contentTopIconMargin, _styledComponents.notificationTokens.contentFontFamily, _styledComponents.notificationTokens.contentFontSize, _styledComponents.notificationTokens.contentFontStyle, _styledComponents.notificationTokens.contentFontWeight, _styledComponents.notificationTokens.contentFontLetterSpacing, _styledComponents.notificationTokens.contentFontLineHeight, _styledComponents.notificationTokens.titleFontFamily, _styledComponents.notificationTokens.titleFontSize, _styledComponents.notificationTokens.titleFontStyle, _styledComponents.notificationTokens.titleFontWeight, _styledComponents.notificationTokens.titleFontLetterSpacing, _styledComponents.notificationTokens.titleFontLineHeight, _styledComponents.notificationTokens.closeIconColor, _styledComponents.notificationTokens.closeIconColorOnHover, _styledComponents.notificationTokens.horizontalLayoutGap, _styledComponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledComponents.notificationTokens.paddingOneLineTextbox)
-    },
-    layout: {
-      horizontal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 30rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ", ": flex-start;\n                ", ": flex-end;\n                ", ": flex-start;\n            "])), _styledComponents.notificationTokens.width, _styledComponents.notificationTokens.horizontalLayoutPadding, _styledComponents.notificationTokens.horisontalIconLeftAlignSelf, _styledComponents.notificationTokens.horisontalActionsAlignSelf, _styledComponents.notificationTokens.horisontalIconCloseAlignSelf),
-      vertical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n                ", ": 0.375rem;\n            "])), _styledComponents.notificationTokens.width, _styledComponents.notificationTokens.padding)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": 0.75rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.25rem;\n\n                ", ": 0rem;\n            "])), _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.borderWidth, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.buttonsMarginLeft),
-      xxs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.875rem;\n                ", ": 1rem;\n                ", ": 0.125rem;\n\n                ", ": 0.75rem 1rem 1rem 1rem;\n                ", ": 0.1875rem;\n\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 2rem;\n            "])), _styledComponents.notificationTokens.closeIconTop, _styledComponents.notificationTokens.closeIconRight, _styledComponents.notificationTokens.borderWidth, _styledComponents.notificationTokens.padding, _styledComponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledComponents.notificationTokens.contentPaddingTop, _styledComponents.notificationTokens.contentPaddingRight, _styledComponents.notificationTokens.contentPaddingBottom, _styledComponents.notificationTokens.contentPaddingLeft, _styledComponents.notificationTokens.buttonsMarginLeft)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": var(--outline-solid-primary);\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 1rem;\n\n                ",
+        ": 0;\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 1.625rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.5rem;\n\n                ",
+        ": 0.375rem;\n\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": var(--text-accent);\n                ",
+        ": #1A9E32;\n\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.8125rem 0.5rem 0.8125rem 0.875rem;\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 30rem;\n                ",
+        ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ",
+        ": flex-start;\n                ",
+        ": flex-end;\n                ",
+        ": flex-start;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 15rem;\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.75rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.875rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.75rem 1rem 1rem 1rem;\n                ",
+        ": 0.1875rem;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 2rem;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.5rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        closeIconType: 'thin'
     },
-    closeIconType: {
-      thin: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.notificationTokens.closeIconButtonSize, _styledComponents.notificationTokens.closeIconSize)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.notificationTokens.titleColor, _styledcomponents.notificationTokens.contentLeftIconColor, _styledcomponents.notificationTokens.contentColor, _styledcomponents.notificationTokens.background, _styledcomponents.notificationTokens.borderRadius, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.borderColor, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.contentPaddingTopWithoutIcon, _styledcomponents.notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon, _styledcomponents.notificationTokens.textboxPaddingTop, _styledcomponents.notificationTokens.textboxPaddingRight, _styledcomponents.notificationTokens.textboxPaddingBottom, _styledcomponents.notificationTokens.textboxPaddingLeft, _styledcomponents.notificationTokens.textboxPaddingRightWithCloseIcon, _styledcomponents.notificationTokens.textboxGap, _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.buttonsMarginTop, _styledcomponents.notificationTokens.contentLeftIconSize, _styledcomponents.notificationTokens.contentLeftIconMargin, _styledcomponents.notificationTokens.contentTopIconMargin, _styledcomponents.notificationTokens.contentFontFamily, _styledcomponents.notificationTokens.contentFontSize, _styledcomponents.notificationTokens.contentFontStyle, _styledcomponents.notificationTokens.contentFontWeight, _styledcomponents.notificationTokens.contentFontLetterSpacing, _styledcomponents.notificationTokens.contentFontLineHeight, _styledcomponents.notificationTokens.titleFontFamily, _styledcomponents.notificationTokens.titleFontSize, _styledcomponents.notificationTokens.titleFontStyle, _styledcomponents.notificationTokens.titleFontWeight, _styledcomponents.notificationTokens.titleFontLetterSpacing, _styledcomponents.notificationTokens.titleFontLineHeight, _styledcomponents.notificationTokens.closeIconColor, _styledcomponents.notificationTokens.closeIconColorOnHover, _styledcomponents.notificationTokens.horizontalLayoutGap, _styledcomponents.notificationTokens.horizontalLayoutLeftIconMargin, _styledcomponents.notificationTokens.paddingOneLineTextbox)
+        },
+        layout: {
+            horizontal: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.notificationTokens.width, _styledcomponents.notificationTokens.horizontalLayoutPadding, _styledcomponents.notificationTokens.horisontalIconLeftAlignSelf, _styledcomponents.notificationTokens.horisontalActionsAlignSelf, _styledcomponents.notificationTokens.horisontalIconCloseAlignSelf),
+            vertical: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.notificationTokens.width, _styledcomponents.notificationTokens.padding)
+        },
+        size: {
+            xs: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.borderWidth, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.buttonsMarginLeft),
+            xxs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.notificationTokens.closeIconTop, _styledcomponents.notificationTokens.closeIconRight, _styledcomponents.notificationTokens.borderWidth, _styledcomponents.notificationTokens.padding, _styledcomponents.notificationTokens.textboxPaddingTopWithTopIcon, _styledcomponents.notificationTokens.contentPaddingTop, _styledcomponents.notificationTokens.contentPaddingRight, _styledcomponents.notificationTokens.contentPaddingBottom, _styledcomponents.notificationTokens.contentPaddingLeft, _styledcomponents.notificationTokens.buttonsMarginLeft)
+        },
+        closeIconType: {
+            thin: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.notificationTokens.closeIconButtonSize, _styledcomponents.notificationTokens.closeIconSize)
+        }
     }
-  }
-};
+};

package/components/Notification/Notification.js

@@ -1,26 +1,41 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.NotificationsProvider = exports.NotificationNewHope = exports.Notification = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Notification = /*#__PURE__*/require("./Notification.config");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.notificationConfig, _Notification.config);
-var NotificationNewHope = exports.NotificationNewHope = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-var Notification = exports.Notification = NotificationNewHope;
-var NotificationsProvider = exports.NotificationsProvider = function NotificationsProvider(_ref) {
-  var children = _ref.children,
-    _ref$frame = _ref.frame,
-    frame = _ref$frame === void 0 ? 'document' : _ref$frame,
-    placement = _ref.placement,
-    UNSAFE_SSR_ENABLED = _ref.UNSAFE_SSR_ENABLED;
-  return /*#__PURE__*/_react["default"].createElement(_styledComponents.NotificationsProvider, {
-    config: mergedConfig,
-    frame: frame,
-    placement: placement,
-    UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
-  }, children);
-};
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Notification () {
+        return Notification;
+    },
+    get NotificationNewHope () {
+        return NotificationNewHope;
+    },
+    get NotificationsProvider () {
+        return NotificationsProvider;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Notificationconfig = require("./Notification.config");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.notificationConfig, _Notificationconfig.config);
+var NotificationNewHope = (0, _styledcomponents.component)(mergedConfig);
+var Notification = NotificationNewHope;
+var NotificationsProvider = function(param) {
+    var children = param.children, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, placement = param.placement, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
+    return /*#__PURE__*/ _react.default.createElement(_styledcomponents.NotificationsProvider, {
+        config: mergedConfig,
+        frame: frame,
+        placement: placement,
+        UNSAFE_SSR_ENABLED: UNSAFE_SSR_ENABLED
+    }, children);
+};

package/components/Notification/index.js

@@ -1,31 +1,26 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Notification", {
-  enumerable: true,
-  get: function get() {
-    return _Notification.Notification;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Notification () {
+        return _Notification.Notification;
+    },
+    get NotificationsProvider () {
+        return _Notification.NotificationsProvider;
+    },
+    get addNotification () {
+        return _styledcomponents.addNotification;
+    },
+    get closeNotification () {
+        return _styledcomponents.closeNotification;
+    }
 });
-Object.defineProperty(exports, "NotificationsProvider", {
-  enumerable: true,
-  get: function get() {
-    return _Notification.NotificationsProvider;
-  }
-});
-Object.defineProperty(exports, "addNotification", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.addNotification;
-  }
-});
-Object.defineProperty(exports, "closeNotification", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.closeNotification;
-  }
-});
-var _Notification = /*#__PURE__*/require("./Notification");
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Notification = require("./Notification");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/components/NumberFormat/NumberFormat.js

@@ -1,16 +1,13 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.NumberFormat = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _TextField = /*#__PURE__*/require("../TextField/TextField");
-/**
- * Note: проблема связанная с выводом типов
- * Выводимому типу "NumberFormat" невозможно присвоить имя без ссылки
- * на "@salutejs/plasma-new-hope/node_modules/react-number-format".
- * Вероятно, оно не является переносимым. Требуется заметка с типом.
- */
-
-var NumberFormat = exports.NumberFormat = /*#__PURE__*/(0, _styledComponents.composeNumberFormat)(_TextField.TextField);
+Object.defineProperty(exports, "NumberFormat", {
+    enumerable: true,
+    get: function() {
+        return NumberFormat;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _TextField = require("../TextField/TextField");
+var NumberFormat = (0, _styledcomponents.composeNumberFormat)(_TextField.TextField);

package/components/NumberFormat/index.js

@@ -1,12 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 Object.defineProperty(exports, "NumberFormat", {
-  enumerable: true,
-  get: function get() {
-    return _NumberFormat.NumberFormat;
-  }
+    enumerable: true,
+    get: function() {
+        return _NumberFormat.NumberFormat;
+    }
 });
-var _NumberFormat = /*#__PURE__*/require("./NumberFormat");
+var _NumberFormat = require("./NumberFormat");

package/components/NumberInput/NumberInput.config.js

@@ -1,39 +1,159 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 's',
-    segmentation: 'solid',
-    shape: 'cornered',
-    inputBackgroundType: 'clear'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-tertiary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-solid-card);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n\n                ", ": 0.4;\n\n                ", ": inherit;\n                ", ": inherit;\n            "])), _styledComponents.numberInputTokens.caretColor, _styledComponents.numberInputTokens.errorColor, _styledComponents.numberInputTokens.colorSolid, _styledComponents.numberInputTokens.additionalTextColorSolid, _styledComponents.numberInputTokens.backgroundColorSolid, _styledComponents.numberInputTokens.wrapperBorderColor, _styledComponents.numberInputTokens.wrapperBorderColorFocus, _styledComponents.numberInputTokens.iconButtonColor, _styledComponents.numberInputTokens.iconButtonBackgroundColor, _styledComponents.numberInputTokens.iconButtonColorSolidHover, _styledComponents.numberInputTokens.iconButtonColorSolidActive, _styledComponents.numberInputTokens.actionButtonDisabledOpacity, _styledComponents.numberInputTokens.loaderSpinnerColor, _styledComponents.numberInputTokens.loaderSpinnerColorSolid)
-    },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 8.75rem;\n                ", ": 2.625rem;\n                ", ": 2.625rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n\n                ", ": 0 0.125rem;\n                ", ": 0.625rem;\n                ", ": 2.625rem;\n                ", ": 0.688rem 0.875rem;\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n\n                ", ": 1.375rem;\n            "])), _styledComponents.numberInputTokens.rootMinWidth, _styledComponents.numberInputTokens.iconButtonHeight, _styledComponents.numberInputTokens.iconButtonWidth, _styledComponents.numberInputTokens.iconButtonPadding, _styledComponents.numberInputTokens.iconButtonFontFamily, _styledComponents.numberInputTokens.iconButtonFontSize, _styledComponents.numberInputTokens.iconButtonFontStyle, _styledComponents.numberInputTokens.iconButtonFontWeight, _styledComponents.numberInputTokens.iconButtonLetterSpacing, _styledComponents.numberInputTokens.iconButtonLineHeight, _styledComponents.numberInputTokens.iconButtonRadius, _styledComponents.numberInputTokens.iconButtonSegmentationRadius, _styledComponents.numberInputTokens.inputWrapperMargin, _styledComponents.numberInputTokens.inputWrapperBorderRadius, _styledComponents.numberInputTokens.textWrapperHeight, _styledComponents.numberInputTokens.textWrapperPadding, _styledComponents.numberInputTokens.rootBorderWidth, _styledComponents.numberInputTokens.fontFamily, _styledComponents.numberInputTokens.fontSize, _styledComponents.numberInputTokens.fontStyle, _styledComponents.numberInputTokens.fontWeight, _styledComponents.numberInputTokens.letterSpacing, _styledComponents.numberInputTokens.lineHeight, _styledComponents.numberInputTokens.textBeforeMarginRight, _styledComponents.numberInputTokens.textAfterMarginLeft, _styledComponents.numberInputTokens.loaderSpinnerSize)
-    },
-    shape: {
-      cornered: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
-      pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 50%;\n            "])), _styledComponents.numberInputTokens.iconButtonRadius)
-    },
-    inputBackgroundType: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": transparent;\n                ", ": transparent;\n            "])), _styledComponents.numberInputTokens.backgroundColor, _styledComponents.numberInputTokens.backgroundColorHover)
-    },
-    segmentation: {
-      solid: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0;\n            "])), _styledComponents.numberInputTokens.iconButtonSegmentationRadius)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-negative);\n\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--outline-accent);\n\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": #1A9E32;\n                ",
+        ": var(--text-accent-active);\n\n                ",
+        ": 0.4;\n\n                ",
+        ": inherit;\n                ",
+        ": inherit;\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 8.75rem;\n                ",
+        ": 2.625rem;\n                ",
+        ": 2.625rem;\n                ",
+        ": 1rem;\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 0 0.125rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 2.625rem;\n                ",
+        ": 0.688rem 0.875rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 1.375rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 50%;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's',
+        segmentation: 'solid',
+        shape: 'cornered',
+        inputBackgroundType: 'clear'
     },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.numberInputTokens.disabledOpacity)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.numberInputTokens.caretColor, _styledcomponents.numberInputTokens.errorColor, _styledcomponents.numberInputTokens.colorSolid, _styledcomponents.numberInputTokens.additionalTextColorSolid, _styledcomponents.numberInputTokens.backgroundColorSolid, _styledcomponents.numberInputTokens.wrapperBorderColor, _styledcomponents.numberInputTokens.wrapperBorderColorFocus, _styledcomponents.numberInputTokens.iconButtonColor, _styledcomponents.numberInputTokens.iconButtonBackgroundColor, _styledcomponents.numberInputTokens.iconButtonColorSolidHover, _styledcomponents.numberInputTokens.iconButtonColorSolidActive, _styledcomponents.numberInputTokens.actionButtonDisabledOpacity, _styledcomponents.numberInputTokens.loaderSpinnerColor, _styledcomponents.numberInputTokens.loaderSpinnerColorSolid)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.numberInputTokens.rootMinWidth, _styledcomponents.numberInputTokens.iconButtonHeight, _styledcomponents.numberInputTokens.iconButtonWidth, _styledcomponents.numberInputTokens.iconButtonPadding, _styledcomponents.numberInputTokens.iconButtonFontFamily, _styledcomponents.numberInputTokens.iconButtonFontSize, _styledcomponents.numberInputTokens.iconButtonFontStyle, _styledcomponents.numberInputTokens.iconButtonFontWeight, _styledcomponents.numberInputTokens.iconButtonLetterSpacing, _styledcomponents.numberInputTokens.iconButtonLineHeight, _styledcomponents.numberInputTokens.iconButtonRadius, _styledcomponents.numberInputTokens.iconButtonSegmentationRadius, _styledcomponents.numberInputTokens.inputWrapperMargin, _styledcomponents.numberInputTokens.inputWrapperBorderRadius, _styledcomponents.numberInputTokens.textWrapperHeight, _styledcomponents.numberInputTokens.textWrapperPadding, _styledcomponents.numberInputTokens.rootBorderWidth, _styledcomponents.numberInputTokens.fontFamily, _styledcomponents.numberInputTokens.fontSize, _styledcomponents.numberInputTokens.fontStyle, _styledcomponents.numberInputTokens.fontWeight, _styledcomponents.numberInputTokens.letterSpacing, _styledcomponents.numberInputTokens.lineHeight, _styledcomponents.numberInputTokens.textBeforeMarginRight, _styledcomponents.numberInputTokens.textAfterMarginLeft, _styledcomponents.numberInputTokens.loaderSpinnerSize)
+        },
+        shape: {
+            cornered: (0, _styledcomponents.css)(_templateObject2()),
+            pilled: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.numberInputTokens.iconButtonRadius)
+        },
+        inputBackgroundType: {
+            clear: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.numberInputTokens.backgroundColor, _styledcomponents.numberInputTokens.backgroundColorHover)
+        },
+        segmentation: {
+            solid: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.numberInputTokens.iconButtonSegmentationRadius)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.numberInputTokens.disabledOpacity)
+        }
     }
-  }
-};
+};

package/components/NumberInput/NumberInput.js

@@ -1,10 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.NumberInput = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _NumberInput = /*#__PURE__*/require("./NumberInput.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.numberInputConfig, _NumberInput.config);
-var NumberInput = exports.NumberInput = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+Object.defineProperty(exports, "NumberInput", {
+    enumerable: true,
+    get: function() {
+        return NumberInput;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _NumberInputconfig = require("./NumberInput.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.numberInputConfig, _NumberInputconfig.config);
+var NumberInput = (0, _styledcomponents.component)(mergedConfig);