@salutejs/plasma-new-hope 0.134.0-canary.1404.10612716409.0 → 0.134.0-canary.1405.10615646161.0

package/cjs/index.js

@@ -52,6 +52,8 @@ var TextArea = require('./components/TextArea/TextArea.js');
 var TextArea_tokens = require('./components/TextArea/TextArea.tokens.js');
 var TextField = require('./components/TextField/TextField.js');
 var TextField_tokens = require('./components/TextField/TextField.tokens.js');
+var InputGroup = require('./components/InputGroup/InputGroup.js');
+var InputGroup_tokens = require('./components/InputGroup/InputGroup.tokens.js');
 var after = require('./components/Switch/_label-position/after.js');
 var before = require('./components/Switch/_label-position/before.js');
 var Switch = require('./components/Switch/Switch.js');
@@ -325,7 +327,12 @@ exports.textAreaRoot = TextArea.textAreaRoot;
 exports.textAreaTokens = TextArea_tokens.tokens;
 exports.textFieldConfig = TextField.textFieldConfig;
 exports.textFieldRoot = TextField.textFieldRoot;
+exports.textFieldClasses = TextField_tokens.classes;
 exports.textFieldTokens = TextField_tokens.tokens;
+exports.inputGroupConfig = InputGroup.inputGroupConfig;
+exports.inputGroupRoot = InputGroup.inputGroupRoot;
+exports.inputGroupClasses = InputGroup_tokens.classes;
+exports.inputGroupTokens = InputGroup_tokens.tokens;
 exports.Switch_LabelPosition_After = after.labelPosition_After;
 exports.Switch_LabelPosition_Before = before.labelPosition_Before;
 exports.switchConfig = Switch.switchConfig;

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/utils/datejs.js

@@ -6,7 +6,6 @@ var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
 var quarterOfYear = require('dayjs/plugin/quarterOfYear');
 var advancedFormat = require('dayjs/plugin/advancedFormat');
-require('dayjs/locale/ru');
 
 dayjs.extend(customParseFormat);
 dayjs.extend(quarterOfYear);

package/cjs/utils/datejs.js.map

@@ -1 +1 @@
-{"version":3,"file":"datejs.js","sources":["../../src/utils/datejs.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport quarterOfYear from 'dayjs/plugin/quarterOfYear';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\n\nimport 'dayjs/locale/ru';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(quarterOfYear);\ndayjs.extend(advancedFormat);\n\nexport const customDayjs = dayjs;\n"],"names":["dayjs","extend","customParseFormat","quarterOfYear","advancedFormat","customDayjs"],"mappings":";;;;;;;;;;AAOAA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAAC,CAAA;AAC/BF,KAAK,CAACC,MAAM,CAACE,aAAa,CAAC,CAAA;AAC3BH,KAAK,CAACC,MAAM,CAACG,cAAc,CAAC,CAAA;AAErB,IAAMC,WAAW,GAAGL;;;;"}
+{"version":3,"file":"datejs.js","sources":["../../src/utils/datejs.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport quarterOfYear from 'dayjs/plugin/quarterOfYear';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(quarterOfYear);\ndayjs.extend(advancedFormat);\n\nexport const customDayjs = dayjs;\n"],"names":["dayjs","extend","customParseFormat","quarterOfYear","advancedFormat","customDayjs"],"mappings":";;;;;;;;;AAKAA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAAC,CAAA;AAC/BF,KAAK,CAACC,MAAM,CAACE,aAAa,CAAC,CAAA;AAC3BH,KAAK,CAACC,MAAM,CAACG,cAAc,CAAC,CAAA;AAErB,IAAMC,WAAW,GAAGL;;;;"}

package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.datePickerRangeRoot = exports.datePickerRangeConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _hooks = /*#__PURE__*/require("../../../hooks");
 var _utils = /*#__PURE__*/require("../../../utils");
 var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
 var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
@@ -18,7 +17,7 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
 var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
-var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
+var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -71,8 +70,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
       _ref$format = _ref.format,
       format = _ref$format === void 0 ? 'DD.MM.YYYY' : _ref$format,
-      _ref$lang = _ref.lang,
-      lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
       maskWithFormat = _ref.maskWithFormat,
       min = _ref.min,
       max = _ref.max,
@@ -145,7 +142,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
-        lang: lang,
         disabled: disabled,
         readOnly: readOnly,
         maskWithFormat: maskWithFormat,
@@ -164,7 +160,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
-        lang: lang,
         disabled: disabled,
         readOnly: readOnly,
         maskWithFormat: maskWithFormat,
@@ -256,12 +251,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format));
       setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format));
     }, [defaultSecondDate]);
-    (0, _hooks.useDidMountEffect)(function () {
-      setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang));
-      setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format, lang));
-      setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang));
-      setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format, lang));
-    }, [format, lang]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       ref: rootRef,
       view: view,

package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -12,13 +12,12 @@ var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
 var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
-var _hooks = /*#__PURE__*/require("../../../hooks");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
 var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
-var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
+var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -56,8 +55,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       valueSuccess = _ref.valueSuccess,
       _ref$format = _ref.format,
       format = _ref$format === void 0 ? 'DD.MM.YYYY' : _ref$format,
-      _ref$lang = _ref.lang,
-      lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
       maskWithFormat = _ref.maskWithFormat,
       min = _ref.min,
       max = _ref.max,
@@ -89,11 +86,11 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       _useState2 = _slicedToArray(_useState, 2),
       isInnerOpen = _useState2[0],
       setIsInnerOpen = _useState2[1];
-    var _useState3 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang)),
+    var _useState3 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultDate, format)),
       _useState4 = _slicedToArray(_useState3, 2),
       calendarValue = _useState4[0],
       setCalendarValue = _useState4[1];
-    var _useState5 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultDate, format, lang)),
+    var _useState5 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultDate, format)),
       _useState6 = _slicedToArray(_useState5, 2),
       inputValue = _useState6[0],
       setInputValue = _useState6[1];
@@ -108,7 +105,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
         setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
-        lang: lang,
         disabled: disabled,
         readOnly: readOnly,
         maskWithFormat: maskWithFormat,
@@ -159,12 +155,8 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
     }, [opened]);
     (0, _react.useEffect)(function () {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format));
-      setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format, lang));
+      setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format));
     }, [defaultDate]);
-    (0, _hooks.useDidMountEffect)(function () {
-      setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
-      setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format, lang));
-    }, [format, lang]);
     return /*#__PURE__*/_react["default"].createElement(Root, _extends({
       view: view,
       size: size,

package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js

@@ -13,8 +13,6 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
     setIsInnerOpen = _ref.setIsInnerOpen,
     dateFormatDelimiter = _ref.dateFormatDelimiter,
     format = _ref.format,
-    _ref$lang = _ref.lang,
-    lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
     disabled = _ref.disabled,
     readOnly = _ref.readOnly,
     maskWithFormat = _ref.maskWithFormat,
@@ -47,7 +45,7 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
     } else if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === format.length) {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format));
     }
-    setInputValue((0, _dateHelper.formatInputValue)(newValue, format, lang));
+    setInputValue((0, _dateHelper.formatInputValue)(newValue, format));
     onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
   };
   var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
@@ -60,8 +58,8 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
       return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
     }
     if (isCalendarValue) {
-      setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format, lang));
-      setInputValue((0, _dateHelper.formatInputValue)(date, format, lang));
+      setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format));
+      setInputValue((0, _dateHelper.formatInputValue)(date, format));
       return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true, dateInfo);
     }
     var formatString = applyFormat ? format : undefined;
@@ -69,8 +67,8 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
       newDate = _getDateFromFormat.value,
       isError = _getDateFromFormat.isError,
       isSuccess = _getDateFromFormat.isSuccess;
-    setCalendarValue((0, _dateHelper.formatCalendarValue)(newDate, format, lang));
-    setInputValue((0, _dateHelper.formatInputValue)(newDate, format, lang));
+    setCalendarValue((0, _dateHelper.formatCalendarValue)(newDate, format));
+    setInputValue((0, _dateHelper.formatInputValue)(newDate, format));
     onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
   };
   return {

package/emotion/cjs/components/DatePicker/utils/dateHelper.js

@@ -5,43 +5,41 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getMaskedDateOnInput = exports.getDateFromFormat = exports.getDateFormatDelimiter = exports.formatInputValue = exports.formatCalendarValue = void 0;
 var _datejs = /*#__PURE__*/require("../../../utils/datejs");
-require("dayjs/locale/ru");
-require("dayjs/locale/en");
-var formatInputValue = exports.formatInputValue = function formatInputValue(value, format, lang) {
-  if (!value || !lang) {
+var formatInputValue = exports.formatInputValue = function formatInputValue(value, format) {
+  if (!value) {
     return '';
   }
   if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
-    return (0, _datejs.customDayjs)(value, format).locale(lang).format(format);
+    return (0, _datejs.customDayjs)(value, format).format(format);
   }
   if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {
-    return (0, _datejs.customDayjs)(value).locale(lang).format(format);
+    return (0, _datejs.customDayjs)(value).format(format);
   }
   return String(value);
 };
-var formatCalendarValue = exports.formatCalendarValue = function formatCalendarValue(value, format, lang) {
-  if (!value || !lang) {
+var formatCalendarValue = exports.formatCalendarValue = function formatCalendarValue(value, format) {
+  if (!value) {
     return undefined;
   }
   if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
-    return (0, _datejs.customDayjs)(value, format, true).locale(lang).toDate();
+    return (0, _datejs.customDayjs)(value, format, true).toDate();
   }
   if (String(new Date(value)) !== 'Invalid Date') {
-    return (0, _datejs.customDayjs)(value).locale(lang).toDate();
+    return (0, _datejs.customDayjs)(value).toDate();
   }
   return undefined;
 };
-var getDateFromFormat = exports.getDateFromFormat = function getDateFromFormat(value, format, lang) {
-  if (format && (0, _datejs.customDayjs)(value, format, true).isValid() && lang) {
+var getDateFromFormat = exports.getDateFromFormat = function getDateFromFormat(value, format) {
+  if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
     return {
-      value: (0, _datejs.customDayjs)(value, format, true).locale(lang).toDate(),
+      value: (0, _datejs.customDayjs)(value, format, true).toDate(),
       isError: false,
       isSuccess: true
     };
   }
-  if (!format && String(new Date(value)) !== 'Invalid Date' && lang) {
+  if (!format && String(new Date(value)) !== 'Invalid Date') {
     return {
-      value: (0, _datejs.customDayjs)(value).locale(lang).toDate(),
+      value: (0, _datejs.customDayjs)(value).toDate(),
       isError: false,
       isSuccess: true
     };

package/emotion/cjs/components/InputGroup/InputGroup.js

@@ -0,0 +1,83 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inputGroupRoot = exports.inputGroupConfig = void 0;
+var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
+var _utils = /*#__PURE__*/require("../../utils");
+var _base = /*#__PURE__*/require("./variations/_size/base");
+var _base2 = /*#__PURE__*/require("./variations/_gap/base");
+var _base3 = /*#__PURE__*/require("./variations/_shape/base");
+var _base4 = /*#__PURE__*/require("./variations/_orientation/base");
+var _base5 = /*#__PURE__*/require("./variations/_stretching/base");
+var _InputGroup = /*#__PURE__*/require("./InputGroup.styles");
+var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");
+var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var inputGroupRoot = exports.inputGroupRoot = function inputGroupRoot(Root) {
+  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+    var children = props.children,
+      className = props.className,
+      size = props.size,
+      _props$stretching = props.stretching,
+      stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
+      _props$gap = props.gap,
+      gap = _props$gap === void 0 ? 'dense' : _props$gap,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+      _props$shape = props.shape,
+      shape = _props$shape === void 0 ? 'default' : _props$shape,
+      _props$isCommonInputS = props.isCommonInputStyles,
+      isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
+      rest = _objectWithoutProperties(props, _excluded);
+    var orientationClass = _InputGroup2.classes[orientation];
+    var gapClass = _InputGroup2.classes[gap];
+    var shapeClass = _InputGroup2.classes[shape];
+    var stretchingClass = _InputGroup2.classes["".concat(stretching, "Stretching")];
+    var overrideStylesClass = isCommonInputStyles ? _InputGroup2.classes.inputGroupOverrideStyles : undefined;
+    return /*#__PURE__*/_react["default"].createElement(Root, _extends({
+      ref: ref,
+      size: size,
+      gap: gap,
+      orientation: orientation,
+      shape: shape,
+      className: (0, _utils.cx)(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
+    }, rest), children);
+  });
+};
+var inputGroupConfig = exports.inputGroupConfig = {
+  name: 'InputGroup',
+  tag: 'div',
+  layout: inputGroupRoot,
+  base: _InputGroup.base,
+  variations: {
+    size: {
+      css: _base.base
+    },
+    gap: {
+      css: _base2.base
+    },
+    orientation: {
+      css: _base4.base
+    },
+    shape: {
+      css: _base3.base
+    },
+    stretching: {
+      css: _base5.base
+    }
+  },
+  defaults: {
+    size: 'm',
+    gap: 'dense',
+    orientation: 'horizontal',
+    shape: 'default',
+    stretching: 'auto'
+  }
+};

package/emotion/cjs/components/InputGroup/InputGroup.styles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var base = exports.base = process.env.NODE_ENV === "production" ? {
+  name: "d6pg61-plasma-new-hope__base",
+  styles: "display:inline-flex;label:plasma-new-hope__base;"
+} : {
+  name: "d6pg61-plasma-new-hope__base",
+  styles: "display:inline-flex;label:plasma-new-hope__base;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC9JbnB1dEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbnB1dEdyb3VwL0lucHV0R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};

package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx

@@ -0,0 +1,124 @@
+---
+id: inputGroup
+title: InputGroup
+---
+
+import { PropsTable, Description } from '@site/src/components';
+
+# InputGroup
+<Description name="InputGroup" />
+<PropsTable name="InputGroup" exclude={['css']} />
+
+## Использование
+Компонент `InputGroup` - это обертка для Input. Принимает в себя группу input.
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <InputGroup>
+            {Array(5)
+                .fill(true)
+                .map((_, i) => (
+                    <TextField placeholder={`input #${i}`} />
+                ))}
+        </InputGroup>
+    );
+}
+```
+
+## Примеры
+
+### Размер группы input
+Размер InputGroup задается с помощью свойства `size`.
+С помощью свойства `isCommonInputStyles` можно отключить переопределение стилей для всех input внутри группы. 
+Тогда каждкаждый input будет иметь настраиваемый размер. 
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <InputGroup size="s" view="secondary">
+                {Array(5)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+            
+            <InputGroup isCommonButtonStyles={false}>
+                <TextField placeholder="Размер l" size="l" />
+                <TextField placeholder="Размер m" size="m" />
+                <TextField placeholder="Размер s" size="s" />
+                <TextField placeholder="Размер xs" size="xs" />
+            </InputGroup>
+        </div>
+    );
+}
+```
+
+### Ориентация InputGroup и отступы между input
+
+InputGroup может располагаться вертикально или горизонтально и иметь три вида отступов:
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <InputGroup size="xs" orientation="vertical" gap="none">
+                {Array(5)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+
+            <InputGroup size="xs" orientation="horizontal" gap="wide">
+                {Array(4)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+        </div>
+    );
+}
+```
+
+### Границы input
+Границы input задаются с помощью свойства `shape`.
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <InputGroup size="xs" shape="segmented">
+                {Array(3)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+
+            <InputGroup size="xs" shape="default">
+                {Array(3)
+                    .fill(true)
+                    .map((_, i) => (
+                        <TextField placeholder={`input #${i}`} />
+                    ))}
+            </InputGroup>
+        </div>
+    );
+}
+```

package/emotion/cjs/components/InputGroup/InputGroup.tokens.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tokens = exports.classes = void 0;
+var classes = exports.classes = {
+  autoStretching: 'input-group-stretching-auto',
+  filledStretching: 'input-group-stretching-filled',
+  inputGroupOverrideStyles: 'input-group-override-styles',
+  inputGroupItem: 'input-group-item',
+  horizontal: 'input-group-orientation-horizontal',
+  vertical: 'input-group-orientation-vertical',
+  none: 'input-group-gap-none',
+  dense: 'input-group-gap-dense',
+  wide: 'input-group-gap-wide',
+  segmented: 'input-group-shape-segmented',
+  "default": 'input-group-shape-default'
+};
+var tokens = exports.tokens = {
+  inputGroupOrientation: '--plasma-input-group-orientation',
+  inputGroupWebMarginLeft: '--plasma-input-group-web-margin-left',
+  inputGroupWebClipPath: '--plasma-input-group-web-clip-path',
+  inputSegmentedRadius: '--plasma-input-group-item-segmented-radius',
+  inputDefaultRadius: '--plasma-input-group-item-default-radius',
+  inputSideRadius: '--plasma-input-group-side-item-radius',
+  inputGroupItemsGap: '--plasma-input-group-items-gap',
+  height: '--plasma-input-group-item-height',
+  borderWidth: '--plasma-input-group-item-border-width',
+  /** Отступ от границы ТextField */
+  padding: '--plasma-input-group-item-padding',
+  paddingWithChips: '--plasma-input-group-item-padding-with-chips',
+  /* Токены для инпута */
+  leftContentMargin: '--plasma-input-group-item__left-content-margin',
+  rightContentMargin: '--plasma-input-group-item__right-content-margin',
+  fontFamily: '--plasma-input-group-item-font-family',
+  fontStyle: '--plasma-input-group-item-font-style',
+  fontSize: '--plasma-input-group-item-font-size',
+  fontWeight: '--plasma-input-group-item-font-weight',
+  letterSpacing: '--plasma-input-group-item-letter-spacing',
+  lineHeight: '--plasma-input-group-item-line-height',
+  /** Токены лейбла */
+  labelOffset: '--plasma-input-group-item__label-offset',
+  labelFontFamily: '--plasma-input-group-item__label-font-family',
+  labelFontStyle: '--plasma-input-group-item__label-font-style',
+  labelFontSize: '--plasma-input-group-item__label-font-size',
+  labelFontWeight: '--plasma-input-group-item__label-font-weight',
+  labelLetterSpacing: '--plasma-input-group-item__label-letter-spacing',
+  labelLineHeight: '--plasma-input-group-item__label-line-height',
+  /* label-placement-inner */
+  labelInnerFontFamily: '--plasma-input-group-item-placement_inner__label-font-family',
+  labelInnerFontStyle: '--plasma-input-group-item-placement_inner__label-font-style',
+  labelInnerFontSize: '--plasma-input-group-item-placement_inner__label-font-size',
+  labelInnerFontWeight: '--plasma-input-group-item-placement_inner__label-font-weight',
+  labelInnerLetterSpacing: '--plasma-input-group-item-placement_inner__label-letter-spacing',
+  labelInnerLineHeight: '--plasma-input-group-item-placement_inner__label-line-height',
+  labelInnerPadding: '--plasma-input-group-item-placement_inner__label-padding',
+  contentLabelInnerPadding: '--plasma-input-group-item-placement_inner__content-padding',
+  leftHelperOffset: '--plasma-input-group-item__left-helper-offset',
+  leftHelperFontFamily: '--plasma-input-group-item__left-helper-font-family',
+  leftHelperFontStyle: '--plasma-input-group-item__left-helper-font-style',
+  leftHelperFontSize: '--plasma-input-group-item__left-helper-font-size',
+  leftHelperFontWeight: '--plasma-input-group-item__left-helper-font-weight',
+  leftHelperLetterSpacing: '--plasma-input-group-item__left-helper-letter-spacing',
+  leftHelperLineHeight: '--plasma-input-group-item__left-helper-line-height',
+  /** Токены вспомогательного текста */
+  textBeforeMargin: '--plasma-input-group-item__before-text-margin',
+  textAfterMargin: '--plasma-input-group-item__after-text-margin',
+  /** Токены чипа */
+  chipHeight: '--plasma-input-group-item__chip-height',
+  chipBorderRadius: '--plasma-input-group-item__chip-border-radius',
+  chipGap: '--plasma-input-group-item__chip-gap',
+  chipScaleHover: '--plasma-input-group-item__chip-scale-hover',
+  chipScaleActive: '--plasma-input-group-item__chip-scale-active',
+  chipOutlineSize: '--plasma-input-group-item__chip-outline-size',
+  chipWidth: '--plasma-input-group-item__chip-width',
+  chipPaddingTop: '--plasma-input-group-item__chip-padding-top',
+  chipPaddingRight: '--plasma-input-group-item__chip-padding-right',
+  chipPaddingBottom: '--plasma-input-group-item__chip-padding-bottom',
+  chipPaddingLeft: '--plasma-input-group-item__chip-padding-left',
+  chipCloseIconSize: '--plasma-input-group-item__chip-close-icon-size',
+  chipFontFamily: '--plasma-input-group-item__chip-font-family',
+  chipFontSize: '--plasma-input-group-item__chip-font-size',
+  chipFontStyle: '--plasma-input-group-item__chip-font-style',
+  chipFontWeight: '--plasma-input-group-item__chip-font-weight',
+  chipLetterSpacing: '--plasma-input-group-item__chip-letter-spacing',
+  chipLineHeight: '--plasma-input-group-item__chip-line-height',
+  chipClearContentMarginLeft: '--plasma-input-group-item__chip-clear-content-margin-left',
+  chipClearContentMarginRight: '--plasma-input-group-item__chip-clear-content-margin-right'
+};

package/emotion/cjs/components/InputGroup/InputGroup.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/emotion/cjs/components/InputGroup/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "inputGroupClasses", {
+  enumerable: true,
+  get: function get() {
+    return _InputGroup2.classes;
+  }
+});
+Object.defineProperty(exports, "inputGroupConfig", {
+  enumerable: true,
+  get: function get() {
+    return _InputGroup.inputGroupConfig;
+  }
+});
+Object.defineProperty(exports, "inputGroupRoot", {
+  enumerable: true,
+  get: function get() {
+    return _InputGroup.inputGroupRoot;
+  }
+});
+Object.defineProperty(exports, "inputGroupTokens", {
+  enumerable: true,
+  get: function get() {
+    return _InputGroup2.tokens;
+  }
+});
+var _InputGroup = /*#__PURE__*/require("./InputGroup");
+var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");

package/emotion/cjs/components/InputGroup/variations/_gap/base.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.base = void 0;
+var _react = /*#__PURE__*/require("@emotion/react");
+var _InputGroup = /*#__PURE__*/require("../../InputGroup.tokens");
+var base = exports.base = /*#__PURE__*/(0, _react.css)("gap:var(", _InputGroup.tokens.inputGroupItemsGap, ");;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC92YXJpYXRpb25zL19nYXAvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbnB1dEdyb3VwL3ZhcmlhdGlvbnMvX2dhcC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9JbnB1dEdyb3VwLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGdhcDogdmFyKCR7dG9rZW5zLmlucHV0R3JvdXBJdGVtc0dhcH0pO1xuYDtcbiJdfQ== */"));

package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json

@@ -0,0 +1 @@
+["--plasma-input-group-items-gap"]