@salutejs/plasma-new-hope 0.135.0-canary.1404.10630068652.0 → 0.135.0-canary.1405.10631388441.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,8 +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');
-require('dayjs/locale/en');
 
 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';\nimport 'dayjs/locale/en';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(quarterOfYear);\ndayjs.extend(advancedFormat);\n\nexport const customDayjs = dayjs;\n"],"names":["dayjs","extend","customParseFormat","quarterOfYear","advancedFormat","customDayjs"],"mappings":";;;;;;;;;;;AAQAA,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/DatePicker.template-doc.mdx

@@ -70,38 +70,6 @@ export function App() {
 }
 ```
 
-### Язык даты
-Язык даты задается с помощью свойства `lang`.
-
-| Обозначение | Отображение | Описание            |
-|-------------|-------------|---------------------|
-| ru          | June        | Английский Язык     |
-| en          | июнь        | Русский язык        |
-
-По умолчанию используется `ru`
-
-```tsx live
-import React from 'react';
-import { DatePicker } from '@salutejs/plasma-b2c';
-import { IconDone } from '@salutejs/plasma-icons';
-
-export function App() {
-    return (
-        <div style={{ height: "450px" }}>
-            <DatePicker
-                label="Лейбл"
-                leftHelper="Подсказка к полю"
-                placeholder="Введите дату"
-                format="DD MMMM YYYY"
-                lang="en"
-                maskWithFormat
-                contentRight={<IconDone size="s" />}
-            />
-        </div>
-    );
-}
-```
-
 ### Валидация и индикация успешного ввода даты.
 За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`.
 В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений:

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

@@ -17,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); }
@@ -70,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,
@@ -118,19 +116,19 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       _useState6 = _slicedToArray(_useState5, 2),
       isInnerOpen = _useState6[0],
       setIsInnerOpen = _useState6[1];
-    var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang)),
+    var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format)),
       _useState8 = _slicedToArray(_useState7, 2),
       calendarFirstValue = _useState8[0],
       setCalendarFirstValue = _useState8[1];
-    var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format, lang)),
+    var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format)),
       _useState10 = _slicedToArray(_useState9, 2),
       inputFirstValue = _useState10[0],
       setInputFirstValue = _useState10[1];
-    var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang)),
+    var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format)),
       _useState12 = _slicedToArray(_useState11, 2),
       calendarSecondValue = _useState12[0],
       setCalendarSecondValue = _useState12[1];
-    var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format, lang)),
+    var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format)),
       _useState14 = _slicedToArray(_useState13, 2),
       inputSecondValue = _useState14[0],
       setInputSecondValue = _useState14[1];
@@ -144,7 +142,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
-        lang: lang,
         disabled: disabled,
         readOnly: readOnly,
         maskWithFormat: maskWithFormat,
@@ -163,7 +160,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
         setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
-        lang: lang,
         disabled: disabled,
         readOnly: readOnly,
         maskWithFormat: maskWithFormat,
@@ -248,19 +244,13 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       });
     }, [opened]);
     (0, _react.useEffect)(function () {
-      setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang));
-      setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format, lang));
+      setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format));
+      setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format));
     }, [defaultFirstDate]);
     (0, _react.useEffect)(function () {
-      setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang));
-      setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format, lang));
+      setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format));
+      setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format));
     }, [defaultSecondDate]);
-    (0, _react.useEffect)(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

@@ -17,7 +17,7 @@ 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); }
@@ -55,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,
@@ -88,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];
@@ -107,7 +105,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
         setIsInnerOpen: setIsInnerOpen,
         dateFormatDelimiter: dateFormatDelimiter,
         format: format,
-        lang: lang,
         disabled: disabled,
         readOnly: readOnly,
         maskWithFormat: maskWithFormat,
@@ -157,13 +154,9 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       });
     }, [opened]);
     (0, _react.useEffect)(function () {
-      setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
-      setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format, lang));
+      setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format));
+      setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format));
     }, [defaultDate]);
-    (0, _react.useEffect)(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,
@@ -45,9 +43,9 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
     if (!format) {
       setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue));
     } else if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === format.length) {
-      setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format, lang));
+      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,17 +58,17 @@ 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;
-    var _getDateFromFormat = (0, _dateHelper.getDateFromFormat)(date, formatString, lang),
+    var _getDateFromFormat = (0, _dateHelper.getDateFromFormat)(date, formatString),
       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,41 +5,41 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getMaskedDateOnInput = exports.getDateFromFormat = exports.getDateFormatDelimiter = exports.formatInputValue = exports.formatCalendarValue = void 0;
 var _datejs = /*#__PURE__*/require("../../../utils/datejs");
-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,
+      shape: shape,
+      orientation: orientation,
+      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,126 @@
+---
+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 isCommonInputStyles={false}>
+                <TextField placeholder="Размер l" size="l" />
+                <TextField placeholder="Размер m" size="m" />
+                <TextField placeholder="Размер s" size="s" />
+                <TextField placeholder="Размер xs" size="xs" />
+            </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>
+    );
+}
+```
+
+### Ориентация InputGroup и отступы между input
+
+InputGroup может располагаться вертикально или горизонтально и иметь два вида отступов, в зависимости от shape.
+При `shape='default'`, `gap` может принимать значения `dense` и `wide`;
+При `shape='segmented'`, `gap` может принимать значения `none` и `dense`;
+
+```tsx live
+import React from 'react';
+import { InputGroup, TextField } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <InputGroup size="xs" orientation="vertical" shape="segmented" 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>
+    );
+}
+```