@salutejs/plasma-new-hope 0.239.0-canary.1702.12763507639.0 → 0.239.0-canary.1703.12765518370.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -66
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/Slider/Slider.css +6 -6
- package/cjs/components/Slider/Slider.tokens.js +1 -0
- package/cjs/components/Slider/Slider.tokens.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.css +6 -6
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1a6l9pg.css +6 -0
- package/cjs/index.css +6 -6
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -66
- package/emotion/cjs/components/Slider/Slider.tokens.js +1 -0
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +7 -1
- package/emotion/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -3
- package/emotion/cjs/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +21 -66
- package/emotion/es/components/Slider/Slider.tokens.js +1 -0
- package/emotion/es/components/Slider/components/Single/Single.styles.js +6 -6
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +7 -1
- package/emotion/es/examples/plasma_b2c/components/Slider/Slider.config.js +7 -7
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -3
- package/emotion/es/examples/plasma_web/components/Slider/Slider.config.js +7 -7
- package/es/components/DatePicker/RangeDate/RangeDate.js +21 -66
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/Slider/Slider.css +6 -6
- package/es/components/Slider/Slider.tokens.js +1 -0
- package/es/components/Slider/Slider.tokens.js.map +1 -1
- package/es/components/Slider/components/Single/Single.css +6 -6
- package/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles_1a6l9pg.css +6 -0
- package/es/index.css +6 -6
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -66
- package/styled-components/cjs/components/Slider/Slider.tokens.js +1 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +7 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -3
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +21 -66
- package/styled-components/es/components/Slider/Slider.tokens.js +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +7 -1
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +3 -3
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +7 -3
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +3 -3
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts +8 -10
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts +12 -12
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts +0 -4
- package/types/components/DatePicker/RangeDate/RangeDate.types.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Range/Range.types.d.ts +5 -5
- package/types/components/Range/Range.types.d.ts.map +1 -1
- package/types/components/Slider/Slider.tokens.d.ts +1 -0
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts +4 -5
- package/types/examples/plasma_b2c/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Range/Range.d.ts +12 -12
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts +4 -5
- package/types/examples/plasma_web/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Range/Range.d.ts +12 -12
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
- package/es/components/Slider/components/Single/Single.styles_1h7n2s2.css +0 -6
@@ -1,4 +1,4 @@
|
|
1
|
-
var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "
|
1
|
+
var _excluded = ["className", "autoComplete", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "name", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "required", "requiredPlacement", "format", "lang", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "frame", "usePortal", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChange", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
2
2
|
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); }
|
3
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
4
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
@@ -95,8 +95,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
95
95
|
closeOnOverlayClick = _ref$closeOnOverlayCl === void 0 ? true : _ref$closeOnOverlayCl,
|
96
96
|
_ref$closeOnEsc = _ref.closeOnEsc,
|
97
97
|
closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
|
98
|
-
_ref$closeAfterDateSe = _ref.closeAfterDateSelect,
|
99
|
-
closeAfterDateSelect = _ref$closeAfterDateSe === void 0 ? true : _ref$closeAfterDateSe,
|
100
98
|
offset = _ref.offset,
|
101
99
|
onToggle = _ref.onToggle,
|
102
100
|
onChange = _ref.onChange,
|
@@ -149,14 +147,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
149
147
|
_useState14 = _slicedToArray(_useState13, 2),
|
150
148
|
inputSecondValue = _useState14[0],
|
151
149
|
setInputSecondValue = _useState14[1];
|
152
|
-
var _useState15 = useState(Boolean(calendarFirstValue && calendarSecondValue)),
|
153
|
-
_useState16 = _slicedToArray(_useState15, 2),
|
154
|
-
fullDateEntered = _useState16[0],
|
155
|
-
setFullDateEntered = _useState16[1];
|
156
|
-
var _useState17 = useState(false),
|
157
|
-
_useState18 = _slicedToArray(_useState17, 2),
|
158
|
-
secondTextFieldClicked = _useState18[0],
|
159
|
-
setSecondTextFieldClicked = _useState18[1];
|
160
150
|
var setFirstInputValue = function setFirstInputValue(value) {
|
161
151
|
setInputFirstValue(value);
|
162
152
|
if (onChange) {
|
@@ -217,12 +207,12 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
217
207
|
}),
|
218
208
|
handleChangeSecondValue = _useDatePicker2.handleChangeValue,
|
219
209
|
handleCommitSecondDate = _useDatePicker2.handleCommitDate;
|
220
|
-
var handleToggle = function handleToggle(
|
210
|
+
var handleToggle = function handleToggle(opened, event) {
|
221
211
|
var _firstInputRef$curren, _secondInputRef$curre;
|
222
212
|
if (disabled || readOnly) {
|
223
213
|
return;
|
224
214
|
}
|
225
|
-
var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(
|
215
|
+
var isCalendarOpen = (firstInputRef !== null && firstInputRef !== void 0 && (_firstInputRef$curren = firstInputRef.current) !== null && _firstInputRef$curren !== void 0 && _firstInputRef$curren.contains(event.target || null) || secondInputRef !== null && secondInputRef !== void 0 && (_secondInputRef$curre = secondInputRef.current) !== null && _secondInputRef$curre !== void 0 && _secondInputRef$curre.contains(event.target || null)) && event.code !== keys.Escape ? true : opened;
|
226
216
|
if (!isCalendarOpen) {
|
227
217
|
if (calendarFirstValue && !calendarSecondValue) {
|
228
218
|
var _secondInputRef$curre2;
|
@@ -233,22 +223,11 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
233
223
|
firstInputRef === null || firstInputRef === void 0 || (_firstInputRef$curren2 = firstInputRef.current) === null || _firstInputRef$curren2 === void 0 || _firstInputRef$curren2.focus();
|
234
224
|
}
|
235
225
|
}
|
236
|
-
if (!isCalendarOpen) {
|
237
|
-
setSecondTextFieldClicked(false);
|
238
|
-
}
|
239
226
|
if (onToggle) {
|
240
227
|
return onToggle(isCalendarOpen, event);
|
241
228
|
}
|
242
229
|
setIsInnerOpen(isCalendarOpen);
|
243
230
|
};
|
244
|
-
var handleFocusFirstTextField = function handleFocusFirstTextField(event) {
|
245
|
-
onFocusFirstTextfield === null || onFocusFirstTextfield === void 0 || onFocusFirstTextfield(event);
|
246
|
-
setSecondTextFieldClicked(false);
|
247
|
-
};
|
248
|
-
var handleFocusSecondTextField = function handleFocusSecondTextField(event) {
|
249
|
-
onFocusSecondTextfield === null || onFocusSecondTextfield === void 0 || onFocusSecondTextfield(event);
|
250
|
-
setSecondTextFieldClicked(true);
|
251
|
-
};
|
252
231
|
var handleBlur = function handleBlur(event, outerHandler) {
|
253
232
|
if (!inputFirstValue || !inputSecondValue) {
|
254
233
|
outerHandler === null || outerHandler === void 0 || outerHandler(event);
|
@@ -288,37 +267,6 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
288
267
|
closeOnEsc: closeOnEsc
|
289
268
|
}),
|
290
269
|
onKeyDown = _useKeyNavigation.onKeyDown;
|
291
|
-
var handleChangeStartOfRange = function handleChangeStartOfRange(chosenDate, dateInfo) {
|
292
|
-
if (!fullDateEntered) {
|
293
|
-
handleCommitFirstDate(chosenDate, false, true, dateInfo);
|
294
|
-
handleCommitSecondDate('');
|
295
|
-
return;
|
296
|
-
}
|
297
|
-
var prevValue = secondTextFieldClicked ? calendarFirstValue : calendarSecondValue;
|
298
|
-
var _getSortedValues3 = getSortedValues([prevValue, chosenDate]),
|
299
|
-
_getSortedValues4 = _slicedToArray(_getSortedValues3, 2),
|
300
|
-
first = _getSortedValues4[0],
|
301
|
-
second = _getSortedValues4[1];
|
302
|
-
handleCommitFirstDate(first, false, true, dateInfo);
|
303
|
-
handleCommitSecondDate(second, false, true, dateInfo);
|
304
|
-
if (!firstValueError && !secondValueError && closeAfterDateSelect) {
|
305
|
-
handleToggle(false);
|
306
|
-
}
|
307
|
-
};
|
308
|
-
var handleChangeCalendarValue = function handleChangeCalendarValue(_ref2, dateInfo) {
|
309
|
-
var _ref3 = _slicedToArray(_ref2, 2),
|
310
|
-
firstDate = _ref3[0],
|
311
|
-
secondDate = _ref3[1];
|
312
|
-
if (firstDate) {
|
313
|
-
handleCommitFirstDate(firstDate, false, true, dateInfo);
|
314
|
-
}
|
315
|
-
if (secondDate) {
|
316
|
-
handleCommitSecondDate(secondDate, false, true, dateInfo);
|
317
|
-
}
|
318
|
-
if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
|
319
|
-
handleToggle(false);
|
320
|
-
}
|
321
|
-
};
|
322
270
|
var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
|
323
271
|
ref: rangeRef,
|
324
272
|
autoComplete: autoComplete,
|
@@ -364,8 +312,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
364
312
|
rangeRef === null || rangeRef === void 0 || (_rangeRef$current4 = rangeRef.current) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.firstTextField()) === null || _rangeRef$current4 === void 0 || (_rangeRef$current4 = _rangeRef$current4.current) === null || _rangeRef$current4 === void 0 || _rangeRef$current4.focus();
|
365
313
|
}
|
366
314
|
},
|
367
|
-
onFocusFirstTextfield:
|
368
|
-
onFocusSecondTextfield:
|
315
|
+
onFocusFirstTextfield: onFocusFirstTextfield,
|
316
|
+
onFocusSecondTextfield: onFocusSecondTextfield,
|
369
317
|
onBlurFirstTextfield: function onBlurFirstTextfield(event) {
|
370
318
|
return handleBlur(event, _onBlurFirstTextfield);
|
371
319
|
},
|
@@ -414,13 +362,8 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
414
362
|
lang: lang
|
415
363
|
}));
|
416
364
|
}, [format, lang]);
|
417
|
-
|
418
|
-
|
419
|
-
setFullDateEntered(true);
|
420
|
-
}
|
421
|
-
}, [calendarFirstValue, calendarSecondValue]);
|
422
|
-
var RootWrapper = useCallback(function (_ref4) {
|
423
|
-
var children = _ref4.children;
|
365
|
+
var RootWrapper = useCallback(function (_ref2) {
|
366
|
+
var children = _ref2.children;
|
424
367
|
return /*#__PURE__*/React.createElement(Root, {
|
425
368
|
view: view,
|
426
369
|
size: size,
|
@@ -462,8 +405,20 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
|
|
462
405
|
lang: lang,
|
463
406
|
isDoubleCalendar: isDoubleCalendar,
|
464
407
|
rootWrapper: RootWrapper,
|
465
|
-
onChangeStartOfRange:
|
466
|
-
|
408
|
+
onChangeStartOfRange: function onChangeStartOfRange(firstDate, dateInfo) {
|
409
|
+
handleCommitFirstDate(firstDate, false, true, dateInfo);
|
410
|
+
handleCommitSecondDate('');
|
411
|
+
},
|
412
|
+
onChangeValue: function onChangeValue(_ref3, dateInfo) {
|
413
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
414
|
+
firstDate = _ref4[0],
|
415
|
+
secondDate = _ref4[1];
|
416
|
+
firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);
|
417
|
+
secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);
|
418
|
+
if (firstDate && secondDate && !firstValueError && !secondValueError) {
|
419
|
+
setIsInnerOpen(false);
|
420
|
+
}
|
421
|
+
}
|
467
422
|
}), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, null, leftHelper), /*#__PURE__*/React.createElement(InputHidden, _extends({
|
468
423
|
name: name,
|
469
424
|
type: "hidden",
|
@@ -25,6 +25,7 @@ export var tokens = {
|
|
25
25
|
labelWrapperGap: '--plasma-slider-label-wrapper-gap',
|
26
26
|
labelWrapperMarginBottom: '--plasma-slider-label-wrapper-margin-bottom',
|
27
27
|
labelWrapperMarginRight: '--plasma-slider-label-wrapper-margin-right',
|
28
|
+
labelWrapperOnlyIconMarginRight: '--plasma-slider-label-wrapper-only-icon-margin-right',
|
28
29
|
labelWrapperVerticalMargin: '--plasma-slider-label-wrapper-vertical-margin',
|
29
30
|
labelColor: '--plasma-slider-label-color',
|
30
31
|
labelFontFamily: '--plasma-slider-label-font-family',
|
@@ -17,4 +17,4 @@ export var SliderBaseWrapper = /*#__PURE__*/styled.div.withConfig({
|
|
17
17
|
})(["position:relative;display:flex;flex:1;&.", "{", "{position:absolute;bottom:calc(var(", ") * -1.5 - var(", "));left:0;&.", "{left:unset;right:0;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, StyledRangeValue, tokens.railThickness, tokens.rangeValueBottomOffset, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeValueHorizontalMargin, classes.maxRangeValue, tokens.rangeValueHorizontalMargin);
|
18
18
|
export var SingleWrapper = /*#__PURE__*/styled.div.withConfig({
|
19
19
|
componentId: "plasma-new-hope__sc-1qm4elt-5"
|
20
|
-
})(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(", ") / 2 + var(", ") / 2 + var(", ") );&.", "{margin-right:0;margin-left:0;top:auto;bottom:0;}}}&.", "{", "{left:calc(var(", ") + var(", "));}}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight, classes.verticalOrientation, classes.labelAlignCenter, LabelWrapper, classes.labelPlacementBottom, LabelWrapper, classes.labelContentReversed, LabelWrapper, classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, tokens.size, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.labelAlignLeft, LabelWrapper, classes.labelAlignRight, classes.labelPlacementBottom, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.verticalOrientation, SliderBaseWrapper, classes.labelAlignCenter, StyledRangeValue, tokens.rangeValueVerticalMargin, classes.maxRangeValue, tokens.rangeValueVerticalMargin, classes.labelAlignLeft, classes.labelAlignRight, StyledRangeValue, tokens.railThickness, tokens.size, tokens.rangeValueHorizontalOffset, classes.maxRangeValue, classes.labelAlignRight, StyledRangeValue, tokens.size, tokens.railThickness);
|
20
|
+
})(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}", ":not(:has(", ")):has(", "){margin-right:var(", ");}", ":has(", "){margin-right:var(", ");}}&.", "{flex-direction:column;align-items:center;&.", "{", "{flex-direction:column-reverse;}&.", "{", "{flex-direction:column;}&.", "{", "{flex-direction:column-reverse;}}}&.", "{", "{flex-direction:column;}}}", "{align-items:center;}", "{width:var(", ");}&.", "{", "{margin-right:0;margin-bottom:var(", ");}}&.", "{align-items:flex-end;", "{flex-direction:row-reverse;}}&.", "{align-items:flex-start;}&.", "{flex-direction:column-reverse;", "{margin-top:var(", ");margin-right:0;margin-bottom:0;}}}&.", "{flex-direction:column;align-items:center;justify-content:center;", "{flex-direction:column;align-items:center;justify-content:center;}&.", "{", "{position:static;bottom:0;left:0;margin-bottom:var(", ");&.", "{left:0;right:0;bottom:0;margin-top:var(", ");margin-bottom:0;}}}&.", ",&.", "{", "{margin-right:0;margin-bottom:0;position:absolute;top:0;right:calc( var(", ") / 2 + var(", ") / 2 + var(", ") );&.", "{margin-right:0;margin-left:0;top:auto;bottom:0;}}}&.", "{", "{left:calc(var(", ") + var(", "));}}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight, LabelWrapper, Label, LabelContent, tokens.labelWrapperOnlyIconMarginRight, LabelWrapper, Label, tokens.labelWrapperMarginRight, classes.verticalOrientation, classes.labelAlignCenter, LabelWrapper, classes.labelPlacementBottom, LabelWrapper, classes.labelContentReversed, LabelWrapper, classes.labelContentReversed, LabelWrapper, LabelWrapper, SliderBaseWrapper, tokens.size, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.labelAlignLeft, LabelWrapper, classes.labelAlignRight, classes.labelPlacementBottom, LabelWrapper, tokens.labelWrapperVerticalMargin, classes.verticalOrientation, SliderBaseWrapper, classes.labelAlignCenter, StyledRangeValue, tokens.rangeValueVerticalMargin, classes.maxRangeValue, tokens.rangeValueVerticalMargin, classes.labelAlignLeft, classes.labelAlignRight, StyledRangeValue, tokens.railThickness, tokens.size, tokens.rangeValueHorizontalOffset, classes.maxRangeValue, classes.labelAlignRight, StyledRangeValue, tokens.size, tokens.railThickness);
|
package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -192,6 +192,7 @@ const StoryRange = ({
|
|
192
192
|
const rangeRef = useRef<RangeInputRefs>(null);
|
193
193
|
|
194
194
|
const [isOpen, setIsOpen] = useState(false);
|
195
|
+
const [firstDate, setFirstDate] = useState<string | Date>('');
|
195
196
|
|
196
197
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
197
198
|
const showDividerIcon = dividerVariant === 'icon';
|
@@ -238,6 +239,12 @@ const StoryRange = ({
|
|
238
239
|
onChangeSecondValue={(e, currentValue) => {
|
239
240
|
onChangeSecondValue(e, currentValue);
|
240
241
|
}}
|
242
|
+
onCommitFirstDate={(currentValue) => {
|
243
|
+
setFirstDate(currentValue);
|
244
|
+
}}
|
245
|
+
onCommitSecondDate={(currentValue) => {
|
246
|
+
firstDate && currentValue && setIsOpen(false);
|
247
|
+
}}
|
241
248
|
lang={lang}
|
242
249
|
{...dividerIconProps}
|
243
250
|
{...rest}
|
@@ -272,7 +279,6 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
272
279
|
size: 'l',
|
273
280
|
view: 'default',
|
274
281
|
isDoubleCalendar: false,
|
275
|
-
closeAfterDateSelect: true,
|
276
282
|
dividerVariant: 'dash',
|
277
283
|
min: new Date(2024, 1, 1),
|
278
284
|
max: new Date(2024, 12, 29),
|
@@ -12,9 +12,9 @@ export var config = {
|
|
12
12
|
gradient: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
|
13
13
|
},
|
14
14
|
size: {
|
15
|
-
l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.
|
16
|
-
m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.
|
17
|
-
s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.
|
15
|
+
l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1rem;", ":0.625rem;", ":1rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.625rem;", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
|
16
|
+
m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1rem;", ":0.625rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.75rem;", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
|
17
|
+
s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.625rem;", ":0.625rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.25rem;", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
|
18
18
|
},
|
19
19
|
disabled: {
|
20
20
|
"true": /*#__PURE__*/css(["", ":0.4;"], sliderTokens.disabledOpacity)
|
package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx
CHANGED
@@ -186,12 +186,12 @@ const StoryRange = ({
|
|
186
186
|
secondValueError,
|
187
187
|
secondValueSuccess,
|
188
188
|
size,
|
189
|
-
lang,
|
190
189
|
...rest
|
191
190
|
}: StoryPropsRange) => {
|
192
191
|
const rangeRef = useRef<RangeInputRefs>(null);
|
193
192
|
|
194
193
|
const [isOpen, setIsOpen] = useState(false);
|
194
|
+
const [firstDate, setFirstDate] = useState<string | Date>('');
|
195
195
|
|
196
196
|
const iconSize = size === 'xs' ? 'xs' : 's';
|
197
197
|
const showDividerIcon = dividerVariant === 'icon';
|
@@ -238,7 +238,12 @@ const StoryRange = ({
|
|
238
238
|
onChangeSecondValue={(e, currentValue) => {
|
239
239
|
onChangeSecondValue(e, currentValue);
|
240
240
|
}}
|
241
|
-
|
241
|
+
onCommitFirstDate={(currentValue) => {
|
242
|
+
setFirstDate(currentValue);
|
243
|
+
}}
|
244
|
+
onCommitSecondDate={(currentValue) => {
|
245
|
+
firstDate && currentValue && setIsOpen(false);
|
246
|
+
}}
|
242
247
|
{...dividerIconProps}
|
243
248
|
{...rest}
|
244
249
|
/>
|
@@ -272,7 +277,6 @@ export const Range: StoryObj<StoryPropsRange> = {
|
|
272
277
|
size: 'l',
|
273
278
|
view: 'default',
|
274
279
|
isDoubleCalendar: false,
|
275
|
-
closeAfterDateSelect: true,
|
276
280
|
dividerVariant: 'dash',
|
277
281
|
min: new Date(2024, 1, 1),
|
278
282
|
max: new Date(2024, 12, 29),
|
@@ -12,9 +12,9 @@ export var config = {
|
|
12
12
|
gradient: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-solid-tertiary);", ":var(--on-light-surface-solid-card);", ":var(--surface-accent-gradient);", ":var(--surface-solid-tertiary);", ":var(--surface-accent-gradient);", ":var(--text-secondary);", ":var(--surface-transparent-primary);", ":var(--text-primary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--text-primary);"], sliderTokens.labelColor, sliderTokens.rangeValueColor, sliderTokens.thumbBorderColor, sliderTokens.thumbBackgroundColor, sliderTokens.thumbFocusBorderColor, sliderTokens.railBackgroundColor, sliderTokens.fillColor, sliderTokens.textFieldColor, sliderTokens.textFieldBackgroundColor, sliderTokens.textFieldCaretColor, sliderTokens.textFieldPlaceholderColor, sliderTokens.textFiledFocusColor, sliderTokens.textFieldActiveColor)
|
13
13
|
},
|
14
14
|
size: {
|
15
|
-
l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.
|
16
|
-
m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.
|
17
|
-
s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":0.
|
15
|
+
l: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1rem;", ":0.625rem;", ":1rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.75rem;", ":0.875rem;", ":0.875rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.625rem;", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3.5rem;", ":1.25rem 1rem 1.25rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
|
16
|
+
m: /*#__PURE__*/css(["", ":1.5rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1rem;", ":0.625rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.75rem;", ":0.75rem;", ":0.875rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.75rem;", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":3rem;", ":0.875rem 1rem 0.875rem 1rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight),
|
17
|
+
s: /*#__PURE__*/css(["", ":1rem;", ":0.375rem;", ":0.25rem;", ":0.25rem;", ":1rem;", ":0.625rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.5rem;", ":0.625rem;", ":0.625rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":1.25rem;", ":0.0625rem solid;", ":1.25rem;", ":0.25rem;", ":0.125rem;", ":0.75rem;", ":0.125rem;", ":2.5rem;", ":0.5rem 1rem 0.5rem 1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], sliderTokens.size, sliderTokens.doubleWrapperGap, sliderTokens.labelWrapperGap, sliderTokens.labelWrapperMarginBottom, sliderTokens.labelWrapperMarginRight, sliderTokens.labelWrapperOnlyIconMarginRight, sliderTokens.labelWrapperVerticalMargin, sliderTokens.labelFontFamily, sliderTokens.labelFontSize, sliderTokens.labelFontStyle, sliderTokens.labelFontWeight, sliderTokens.labelLetterSpacing, sliderTokens.labelLineHeight, sliderTokens.rangeValueHorizontalMargin, sliderTokens.rangeValueBottomOffset, sliderTokens.rangeValueHorizontalOffset, sliderTokens.rangeValueVerticalMargin, sliderTokens.valueFontFamily, sliderTokens.valueFontSize, sliderTokens.valueFontStyle, sliderTokens.valueFontWeight, sliderTokens.valueLetterSpacing, sliderTokens.valueLineHeight, sliderTokens.thumbSize, sliderTokens.thumbSizeLarge, sliderTokens.thumbBorder, sliderTokens.currentValueTopOffset, sliderTokens.railThickness, sliderTokens.railBorderRadius, sliderTokens.railIndent, sliderTokens.textFieldWrapperGap, sliderTokens.textFieldHeight, sliderTokens.textFieldPadding, sliderTokens.textFieldBorderRadius, sliderTokens.textFieldFontFamily, sliderTokens.textFieldFontSize, sliderTokens.textFieldFontStyle, sliderTokens.textFieldFontWeight, sliderTokens.textFieldLetterSpacing, sliderTokens.textFieldLineHeight)
|
18
18
|
},
|
19
19
|
disabled: {
|
20
20
|
"true": /*#__PURE__*/css(["", ":0.4;"], sliderTokens.disabledOpacity)
|
@@ -42,10 +42,10 @@ export declare const datePickerRangeRoot: (Root: RootProps<HTMLDivElement, Omit<
|
|
42
42
|
secondTextfieldContentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
43
43
|
firstTextfieldTextAfter?: string | undefined;
|
44
44
|
secondTextfieldTextAfter?: string | undefined;
|
45
|
-
onFocusFirstTextfield?: ((event: React.
|
46
|
-
onFocusSecondTextfield?: ((event: React.
|
47
|
-
onBlurFirstTextfield?: ((event: React.
|
48
|
-
onBlurSecondTextfield?: ((event: React.
|
45
|
+
onFocusFirstTextfield?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
46
|
+
onFocusSecondTextfield?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
47
|
+
onBlurFirstTextfield?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
48
|
+
onBlurSecondTextfield?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
49
49
|
firstTextfieldTextBefore?: string | undefined;
|
50
50
|
secondTextfieldTextBefore?: string | undefined;
|
51
51
|
dividerVariant?: "none" | "icon" | "dash" | undefined;
|
@@ -53,7 +53,6 @@ export declare const datePickerRangeRoot: (Root: RootProps<HTMLDivElement, Omit<
|
|
53
53
|
} & import("../DatePickerBase.types").DatePickerCalendarProps & Omit<import("../SingleDate/SingleDate.types").DatePickerPopoverProps, "placement"> & {
|
54
54
|
placement?: import("./RangeDate.types").DatePickerRangePlacement | import("./RangeDate.types").DatePickerRangePlacement[] | undefined;
|
55
55
|
isDoubleCalendar?: boolean | undefined;
|
56
|
-
closeAfterDateSelect?: boolean | undefined;
|
57
56
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<RangeInputRefs>>;
|
58
57
|
export declare const datePickerRangeConfig: {
|
59
58
|
name: string;
|
@@ -98,10 +97,10 @@ export declare const datePickerRangeConfig: {
|
|
98
97
|
secondTextfieldContentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
99
98
|
firstTextfieldTextAfter?: string | undefined;
|
100
99
|
secondTextfieldTextAfter?: string | undefined;
|
101
|
-
onFocusFirstTextfield?: ((event: React.
|
102
|
-
onFocusSecondTextfield?: ((event: React.
|
103
|
-
onBlurFirstTextfield?: ((event: React.
|
104
|
-
onBlurSecondTextfield?: ((event: React.
|
100
|
+
onFocusFirstTextfield?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
101
|
+
onFocusSecondTextfield?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
102
|
+
onBlurFirstTextfield?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
103
|
+
onBlurSecondTextfield?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
|
105
104
|
firstTextfieldTextBefore?: string | undefined;
|
106
105
|
secondTextfieldTextBefore?: string | undefined;
|
107
106
|
dividerVariant?: "none" | "icon" | "dash" | undefined;
|
@@ -109,7 +108,6 @@ export declare const datePickerRangeConfig: {
|
|
109
108
|
} & import("../DatePickerBase.types").DatePickerCalendarProps & Omit<import("../SingleDate/SingleDate.types").DatePickerPopoverProps, "placement"> & {
|
110
109
|
placement?: import("./RangeDate.types").DatePickerRangePlacement | import("./RangeDate.types").DatePickerRangePlacement[] | undefined;
|
111
110
|
isDoubleCalendar?: boolean | undefined;
|
112
|
-
closeAfterDateSelect?: boolean | undefined;
|
113
111
|
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<RangeInputRefs>>;
|
114
112
|
base: import("@linaria/core").LinariaClassName;
|
115
113
|
variations: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0E,MAAM,OAAO,CAAC;AAW/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;
|
1
|
+
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0E,MAAM,OAAO,CAAC;AAW/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAM9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAoavG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAtaxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+b3G,CAAC"}
|
@@ -30,10 +30,10 @@ export declare const StyledRange: import("@linaria/react").StyledMeta & import("
|
|
30
30
|
onChangeSecondValue?: import("../../Range/Range.types").BaseCallbackChangeInstance | undefined;
|
31
31
|
onSearchFirstValue?: import("../../Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
32
32
|
onSearchSecondValue?: import("../../Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
33
|
-
onFocusFirstTextfield?: ((event: import("react").
|
34
|
-
onFocusSecondTextfield?: ((event: import("react").
|
35
|
-
onBlurFirstTextfield?: ((event: import("react").
|
36
|
-
onBlurSecondTextfield?: ((event: import("react").
|
33
|
+
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
34
|
+
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
35
|
+
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
36
|
+
onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
37
37
|
} & {
|
38
38
|
firstTextfieldTextBefore: string;
|
39
39
|
secondTextfieldTextBefore: string;
|
@@ -69,10 +69,10 @@ export declare const StyledRange: import("@linaria/react").StyledMeta & import("
|
|
69
69
|
onChangeSecondValue?: import("../../Range/Range.types").BaseCallbackChangeInstance | undefined;
|
70
70
|
onSearchFirstValue?: import("../../Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
71
71
|
onSearchSecondValue?: import("../../Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
72
|
-
onFocusFirstTextfield?: ((event: import("react").
|
73
|
-
onFocusSecondTextfield?: ((event: import("react").
|
74
|
-
onBlurFirstTextfield?: ((event: import("react").
|
75
|
-
onBlurSecondTextfield?: ((event: import("react").
|
72
|
+
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
73
|
+
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
74
|
+
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
75
|
+
onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
76
76
|
} & {
|
77
77
|
dividerVariant?: "dash" | undefined;
|
78
78
|
dividerIcon?: undefined;
|
@@ -108,10 +108,10 @@ export declare const StyledRange: import("@linaria/react").StyledMeta & import("
|
|
108
108
|
onChangeSecondValue?: import("../../Range/Range.types").BaseCallbackChangeInstance | undefined;
|
109
109
|
onSearchFirstValue?: import("../../Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
110
110
|
onSearchSecondValue?: import("../../Range/Range.types").BaseCallbackKeyboardInstance | undefined;
|
111
|
-
onFocusFirstTextfield?: ((event: import("react").
|
112
|
-
onFocusSecondTextfield?: ((event: import("react").
|
113
|
-
onBlurFirstTextfield?: ((event: import("react").
|
114
|
-
onBlurSecondTextfield?: ((event: import("react").
|
111
|
+
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
112
|
+
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
113
|
+
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
114
|
+
onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
115
115
|
} & {
|
116
116
|
dividerIcon?: import("react").ReactNode;
|
117
117
|
dividerVariant?: "icon" | undefined;
|
@@ -67,10 +67,6 @@ export declare type DatePickerDoublePopoverProps = Omit<DatePickerPopoverProps,
|
|
67
67
|
* Отобразить двойной календарь
|
68
68
|
*/
|
69
69
|
isDoubleCalendar?: boolean;
|
70
|
-
/**
|
71
|
-
* Закрыть календарь после выбора дат
|
72
|
-
*/
|
73
|
-
closeAfterDateSelect?: boolean;
|
74
70
|
};
|
75
71
|
export declare type DatePickerRangeProps = DatePickerVariationProps & DatePickerRangeFieldProps & DatePickerCalendarProps & DatePickerDoublePopoverProps & HTMLAttributes<HTMLDivElement>;
|
76
72
|
export {};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RangeDate.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D,oBAAY,wBAAwB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAExD,oBAAY,sBAAsB,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAC3G,oBAAY,sBAAsB,GAAG,CACjC,KAAK,EAAE,IAAI,GAAG,MAAM,EACpB,KAAK,CAAC,EAAE,OAAO,EACf,OAAO,CAAC,EAAE,OAAO,EACjB,QAAQ,CAAC,EAAE,QAAQ,KAClB,IAAI,CAAC;AAEV,aAAK,cAAc,GAAG,IAAI,CACtB,eAAe,EACb,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,qBAAqB,GACrB,oBAAoB,GACpB,qBAAqB,CAC1B,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACpC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,sBAAsB,CAAC;IAC7C;;OAEG;IACH,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7E,GAAG,cAAc,CAAC;AAEnB,oBAAY,4BAA4B,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG;IACnF;;;;OAIG;IACH,SAAS,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACvE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"RangeDate.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE9D,oBAAY,wBAAwB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAExD,oBAAY,sBAAsB,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;AAC3G,oBAAY,sBAAsB,GAAG,CACjC,KAAK,EAAE,IAAI,GAAG,MAAM,EACpB,KAAK,CAAC,EAAE,OAAO,EACf,OAAO,CAAC,EAAE,OAAO,EACjB,QAAQ,CAAC,EAAE,QAAQ,KAClB,IAAI,CAAC;AAEV,aAAK,cAAc,GAAG,IAAI,CACtB,eAAe,EACb,YAAY,GACZ,aAAa,GACb,oBAAoB,GACpB,qBAAqB,GACrB,oBAAoB,GACpB,qBAAqB,CAC1B,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACpC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB;;OAEG;IACH,iBAAiB,CAAC,EAAE,IAAI,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;OAEG;IACH,mBAAmB,CAAC,EAAE,sBAAsB,CAAC;IAC7C;;OAEG;IACH,iBAAiB,CAAC,EAAE,sBAAsB,CAAC;IAC3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;IAC5C;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7E,GAAG,cAAc,CAAC;AAEnB,oBAAY,4BAA4B,GAAG,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC,GAAG;IACnF;;;;OAIG;IACH,SAAS,CAAC,EAAE,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAAC,CAAC;IACvE;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,oBAAoB,GAAG,wBAAwB,GACvD,yBAAyB,GACzB,uBAAuB,GACvB,4BAA4B,GAC5B,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
@@ -117,7 +117,7 @@ export declare type DatePickerPopoverProps = {
|
|
117
117
|
/**
|
118
118
|
* Событие сворачивания/разворачивания календаря.
|
119
119
|
*/
|
120
|
-
onToggle?: (isOpen: boolean, event
|
120
|
+
onToggle?: (isOpen: boolean, event: SyntheticEvent | Event) => void;
|
121
121
|
};
|
122
122
|
export declare type DatePickerProps = DatePickerVariationProps & DatePickerTextFieldProps & DatePickerCalendarProps & DatePickerPopoverProps & Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue'>;
|
123
123
|
//# sourceMappingURL=SingleDate.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SingleDate.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,KAAK,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACjG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,oBAAY,wBAAwB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3E,oBAAY,mBAAmB,GAAG,wBAAwB,GAAG,MAAM,CAAC;AAEpE,oBAAY,wBAAwB,GAAG;IACnC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvG;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,gBAAgB,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,IAAI,CAAC,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;CAC7E,GAAG,UAAU,CAAC;AAEf,oBAAY,sBAAsB,GAAG;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,CAAC;IAClE;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,
|
1
|
+
{"version":3,"file":"SingleDate.types.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.types.ts"],"names":[],"mappings":"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"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { KeyboardEvent,
|
1
|
+
import type { KeyboardEvent, ChangeEvent, ReactNode, ReactElement, MutableRefObject, HTMLAttributes } from 'react';
|
2
2
|
export declare type TextfieldPrimitiveValue = string | number;
|
3
3
|
export declare type RangeDividerVariants = {
|
4
4
|
firstTextfieldTextBefore: string;
|
@@ -143,19 +143,19 @@ export declare type RangeInnerProps = {
|
|
143
143
|
/**
|
144
144
|
* Коллбэк, вызываемый при фокусе на первое поле ввода
|
145
145
|
*/
|
146
|
-
onFocusFirstTextfield?: (event:
|
146
|
+
onFocusFirstTextfield?: (event: ChangeEvent<HTMLInputElement>) => void;
|
147
147
|
/**
|
148
148
|
* Коллбэк, вызываемый при фокусе на второе поле ввода
|
149
149
|
*/
|
150
|
-
onFocusSecondTextfield?: (event:
|
150
|
+
onFocusSecondTextfield?: (event: ChangeEvent<HTMLInputElement>) => void;
|
151
151
|
/**
|
152
152
|
* Коллбэк, вызываемый при потере фокуса первым полем ввода
|
153
153
|
*/
|
154
|
-
onBlurFirstTextfield?: (event:
|
154
|
+
onBlurFirstTextfield?: (event: ChangeEvent<HTMLInputElement>) => void;
|
155
155
|
/**
|
156
156
|
* Коллбэк, вызываемый при потере фокуса вторым полем ввода
|
157
157
|
*/
|
158
|
-
onBlurSecondTextfield?: (event:
|
158
|
+
onBlurSecondTextfield?: (event: ChangeEvent<HTMLInputElement>) => void;
|
159
159
|
} & RangeDividerVariants;
|
160
160
|
export declare type RangeProps = RangeInnerProps & HTMLAttributes<HTMLDivElement>;
|
161
161
|
//# sourceMappingURL=Range.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Range.types.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
1
|
+
{"version":3,"file":"Range.types.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.types.ts"],"names":[],"mappings":"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"}
|
@@ -25,6 +25,7 @@ export declare const tokens: {
|
|
25
25
|
labelWrapperGap: string;
|
26
26
|
labelWrapperMarginBottom: string;
|
27
27
|
labelWrapperMarginRight: string;
|
28
|
+
labelWrapperOnlyIconMarginRight: string;
|
28
29
|
labelWrapperVerticalMargin: string;
|
29
30
|
labelColor: string;
|
30
31
|
labelFontFamily: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Slider.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Slider.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsElB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAExB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,
|
1
|
+
{"version":3,"file":"Single.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Single/Single.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAExB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAkB5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKA8B7B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAmJzB,CAAC"}
|
@@ -93,10 +93,10 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
93
93
|
secondTextfieldContentRight?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
94
94
|
firstTextfieldTextAfter?: string | undefined;
|
95
95
|
secondTextfieldTextAfter?: string | undefined;
|
96
|
-
onFocusFirstTextfield?: ((event: import("react").
|
97
|
-
onFocusSecondTextfield?: ((event: import("react").
|
98
|
-
onBlurFirstTextfield?: ((event: import("react").
|
99
|
-
onBlurSecondTextfield?: ((event: import("react").
|
96
|
+
onFocusFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
97
|
+
onFocusSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
98
|
+
onBlurFirstTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
99
|
+
onBlurSecondTextfield?: ((event: import("react").ChangeEvent<HTMLInputElement>) => void) | undefined;
|
100
100
|
firstTextfieldTextBefore?: string | undefined;
|
101
101
|
secondTextfieldTextBefore?: string | undefined;
|
102
102
|
dividerVariant?: "none" | "icon" | "dash" | undefined;
|
@@ -104,6 +104,5 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
|
|
104
104
|
} & import("../../../../components/DatePicker/DatePickerBase.types").DatePickerCalendarProps & Omit<import("../../../../components/DatePicker/SingleDate/SingleDate.types").DatePickerPopoverProps, "placement"> & {
|
105
105
|
placement?: import("../../../../components/DatePicker").DatePickerRangePlacement | import("../../../../components/DatePicker").DatePickerRangePlacement[] | undefined;
|
106
106
|
isDoubleCalendar?: boolean | undefined;
|
107
|
-
closeAfterDateSelect?: boolean | undefined;
|
108
107
|
} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<import("../../../..").RangeInputRefs>>;
|
109
108
|
//# sourceMappingURL=DatePicker.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/DatePicker/DatePicker.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+XAA0B,CAAC;AAGlD,eAAO,MAAM,eAAe
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/DatePicker/DatePicker.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+XAA0B,CAAC;AAGlD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yHAA+B,CAAC"}
|