@salutejs/plasma-new-hope 0.338.0-canary.2268.18166567547.0 → 0.338.0-canary.2270.18220411666.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/Combobox/ComboboxNew/Combobox.js +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/DatePicker/DatePicker.tokens.js +2 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +3 -3
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/{SingleDate.styles_15voqba.css → SingleDate.styles_5c37vu.css} +1 -1
- package/cjs/components/Select/Select.js +1 -1
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/index.css +3 -3
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +2 -0
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/cjs/components/Select/Select.js +1 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +2 -0
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.styles.js +7 -7
- package/emotion/es/components/Select/Select.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/DatePicker/DatePicker.tokens.js +2 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.css +3 -3
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.styles.js.map +1 -1
- package/es/components/DatePicker/SingleDate/{SingleDate.styles_15voqba.css → SingleDate.styles_5c37vu.css} +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/index.css +3 -3
- package/package.json +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +2 -0
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js +10 -4
- package/styled-components/cjs/components/Select/Select.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +1 -1
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +2 -0
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.styles.js +10 -4
- package/styled-components/es/components/Select/Select.js +1 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +2 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.338.0-canary.
|
|
3
|
+
"version": "0.338.0-canary.2270.18220411666.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -137,5 +137,5 @@
|
|
|
137
137
|
"sideEffects": [
|
|
138
138
|
"*.css"
|
|
139
139
|
],
|
|
140
|
-
"gitHead": "
|
|
140
|
+
"gitHead": "e615656657570f031f9a363d7e8486190664347c"
|
|
141
141
|
}
|
|
@@ -538,7 +538,7 @@ var comboboxRoot = function(Root) {
|
|
|
538
538
|
// В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
|
|
539
539
|
// Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
|
|
540
540
|
(0, _react.useLayoutEffect)(function() {
|
|
541
|
-
var checkedCopy = new Map(
|
|
541
|
+
var checkedCopy = new Map(checked);
|
|
542
542
|
checkedCopy.forEach(function(_, key) {
|
|
543
543
|
checkedCopy.set(key, false);
|
|
544
544
|
});
|
|
@@ -95,6 +95,8 @@ var tokens = {
|
|
|
95
95
|
rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
|
|
96
96
|
/** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
|
|
97
97
|
/** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
|
|
98
|
+
textFieldColorError: '--plasma-date-picker-textfield-color-error',
|
|
99
|
+
textFieldColorSuccess: '--plasma-date-picker-textfield-color-success',
|
|
98
100
|
textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
|
|
99
101
|
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
|
100
102
|
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
|
@@ -74,13 +74,13 @@ var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
|
|
|
74
74
|
var Popover = (0, _engines.component)(mergedPopoverConfig);
|
|
75
75
|
var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
|
|
76
76
|
displayName: "SingleDate.styles__StyledPopover",
|
|
77
|
-
componentId: "sc-
|
|
77
|
+
componentId: "sc-4c1f319e-0"
|
|
78
78
|
})([
|
|
79
79
|
""
|
|
80
80
|
]);
|
|
81
81
|
var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
82
82
|
displayName: "SingleDate.styles__StyledInput",
|
|
83
|
-
componentId: "sc-
|
|
83
|
+
componentId: "sc-4c1f319e-1"
|
|
84
84
|
})([
|
|
85
85
|
"width:100%;",
|
|
86
86
|
":var(",
|
|
@@ -208,6 +208,9 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
208
208
|
");&.",
|
|
209
209
|
"{",
|
|
210
210
|
":var(",
|
|
211
|
+
",var(",
|
|
212
|
+
"));",
|
|
213
|
+
":var(",
|
|
211
214
|
");",
|
|
212
215
|
":var(",
|
|
213
216
|
");",
|
|
@@ -221,6 +224,9 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
221
224
|
");}&.",
|
|
222
225
|
"{",
|
|
223
226
|
":var(",
|
|
227
|
+
",var(",
|
|
228
|
+
"));",
|
|
229
|
+
":var(",
|
|
224
230
|
");",
|
|
225
231
|
":var(",
|
|
226
232
|
");",
|
|
@@ -232,7 +238,7 @@ var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
|
232
238
|
");",
|
|
233
239
|
":var(",
|
|
234
240
|
");}"
|
|
235
|
-
], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus);
|
|
241
|
+
], _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.readOnlyOpacity, _DatePickertokens.tokens.textFieldReadOnlyOpacity, _TextField.textFieldTokens.borderColorReadOnly, _DatePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _DatePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _DatePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _DatePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _DatePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _DatePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _DatePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _DatePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _DatePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _DatePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _DatePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _DatePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _DatePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _DatePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _DatePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _DatePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _DatePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _DatePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePickertokens.tokens.textFieldContentSlotColor, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TextField.textFieldTokens.contentSlotRightOpacityReadOnly, _DatePickertokens.tokens.textFieldContentSlotRightOpacityReadOnly, _DatePickertokens.classes.datePickerError, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorError, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorErrorFocus, _DatePickertokens.classes.datePickerSuccess, _TextField.textFieldTokens.color, _DatePickertokens.tokens.textFieldColorSuccess, _DatePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.backgroundColor, _DatePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePickertokens.tokens.textFieldBorderColorSuccessFocus);
|
|
236
242
|
var base = (0, _styledcomponents.css)([
|
|
237
243
|
"display:inline-block;.",
|
|
238
244
|
",.",
|
|
@@ -242,7 +248,7 @@ var base = (0, _styledcomponents.css)([
|
|
|
242
248
|
], _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _DatePickertokens.classes.datePickerstretched, _Popover.popoverClasses.root);
|
|
243
249
|
var LeftHelper = _styledcomponents.default.div.withConfig({
|
|
244
250
|
displayName: "SingleDate.styles__LeftHelper",
|
|
245
|
-
componentId: "sc-
|
|
251
|
+
componentId: "sc-4c1f319e-2"
|
|
246
252
|
})([
|
|
247
253
|
"color:var(",
|
|
248
254
|
");&.",
|
|
@@ -459,7 +459,7 @@ var selectRoot = function(Root) {
|
|
|
459
459
|
// В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
|
|
460
460
|
// Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
|
|
461
461
|
(0, _react.useLayoutEffect)(function() {
|
|
462
|
-
var checkedCopy = new Map(
|
|
462
|
+
var checkedCopy = new Map(checked);
|
|
463
463
|
checkedCopy.forEach(function(_, key) {
|
|
464
464
|
checkedCopy.set(key, false);
|
|
465
465
|
});
|
|
@@ -481,7 +481,7 @@ import { Context } from "./Combobox.context";
|
|
|
481
481
|
// В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
|
|
482
482
|
// Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
|
|
483
483
|
useLayoutEffect(function() {
|
|
484
|
-
var checkedCopy = new Map(
|
|
484
|
+
var checkedCopy = new Map(checked);
|
|
485
485
|
checkedCopy.forEach(function(_, key) {
|
|
486
486
|
checkedCopy.set(key, false);
|
|
487
487
|
});
|
|
@@ -74,6 +74,8 @@ export var tokens = {
|
|
|
74
74
|
rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
|
|
75
75
|
/** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
|
|
76
76
|
/** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
|
|
77
|
+
textFieldColorError: '--plasma-date-picker-textfield-color-error',
|
|
78
|
+
textFieldColorSuccess: '--plasma-date-picker-textfield-color-success',
|
|
77
79
|
textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
|
|
78
80
|
textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
|
|
79
81
|
textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
|
|
@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
|
|
|
10
10
|
var Popover = component(mergedPopoverConfig);
|
|
11
11
|
export var StyledPopover = styled(Popover).withConfig({
|
|
12
12
|
displayName: "SingleDate.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-4c1f319e-0"
|
|
14
14
|
})([
|
|
15
15
|
""
|
|
16
16
|
]);
|
|
17
17
|
// NOTE: переопределение токенов TextField
|
|
18
18
|
export var StyledInput = styled(TextField).withConfig({
|
|
19
19
|
displayName: "SingleDate.styles__StyledInput",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-4c1f319e-1"
|
|
21
21
|
})([
|
|
22
22
|
"width:100%;",
|
|
23
23
|
":var(",
|
|
@@ -145,6 +145,9 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
145
145
|
");&.",
|
|
146
146
|
"{",
|
|
147
147
|
":var(",
|
|
148
|
+
",var(",
|
|
149
|
+
"));",
|
|
150
|
+
":var(",
|
|
148
151
|
");",
|
|
149
152
|
":var(",
|
|
150
153
|
");",
|
|
@@ -158,6 +161,9 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
158
161
|
");}&.",
|
|
159
162
|
"{",
|
|
160
163
|
":var(",
|
|
164
|
+
",var(",
|
|
165
|
+
"));",
|
|
166
|
+
":var(",
|
|
161
167
|
");",
|
|
162
168
|
":var(",
|
|
163
169
|
");",
|
|
@@ -169,7 +175,7 @@ export var StyledInput = styled(TextField).withConfig({
|
|
|
169
175
|
");",
|
|
170
176
|
":var(",
|
|
171
177
|
");}"
|
|
172
|
-
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
178
|
+
], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderColor, tokens.borderColor, textFieldTokens.borderColorHover, tokens.borderColorHover, textFieldTokens.borderColorFocus, tokens.borderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.datePickerError, textFieldTokens.color, tokens.textFieldColorError, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.datePickerSuccess, textFieldTokens.color, tokens.textFieldColorSuccess, tokens.textFieldColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);
|
|
173
179
|
export var base = css([
|
|
174
180
|
"display:inline-block;.",
|
|
175
181
|
",.",
|
|
@@ -179,7 +185,7 @@ export var base = css([
|
|
|
179
185
|
], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root);
|
|
180
186
|
export var LeftHelper = styled.div.withConfig({
|
|
181
187
|
displayName: "SingleDate.styles__LeftHelper",
|
|
182
|
-
componentId: "sc-
|
|
188
|
+
componentId: "sc-4c1f319e-2"
|
|
183
189
|
})([
|
|
184
190
|
"color:var(",
|
|
185
191
|
");&.",
|
|
@@ -402,7 +402,7 @@ import { Context } from "./Select.context";
|
|
|
402
402
|
// В данном эффекте мы следим за изменениями value снаружи и вносим коррективы в дерево чекбоксов.
|
|
403
403
|
// Пример: когда юзер очистил value извне, тогда нужно пройтись по элементам и выключить все чекбоксы.
|
|
404
404
|
useLayoutEffect(function() {
|
|
405
|
-
var checkedCopy = new Map(
|
|
405
|
+
var checkedCopy = new Map(checked);
|
|
406
406
|
checkedCopy.forEach(function(_, key) {
|
|
407
407
|
checkedCopy.set(key, false);
|
|
408
408
|
});
|
|
@@ -83,6 +83,8 @@ export declare const tokens: {
|
|
|
83
83
|
focusColor: string;
|
|
84
84
|
/** Токены полей ввода */
|
|
85
85
|
textFieldColor: string;
|
|
86
|
+
textFieldColorError: string;
|
|
87
|
+
textFieldColorSuccess: string;
|
|
86
88
|
textFieldPlaceholderColorFocus: string;
|
|
87
89
|
textFieldFocusColor: string;
|
|
88
90
|
textFieldPlaceholderColor: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,MAAM;;IAGf,kCAAkC;;;;;;;;;;;;;IAclC,yBAAyB;;;;;;;;;;;IAYzB,yCAAyC;;;;IAKzC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB
|
|
1
|
+
{"version":3,"file":"DatePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,YAAY;;CAExB,CAAC;AAEF,eAAO,MAAM,MAAM;;IAGf,kCAAkC;;;;;;;;;;;;;IAclC,yBAAyB;;;;;;;;;;;IAYzB,yCAAyC;;;;IAKzC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyDzB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmG1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;
|
|
1
|
+
{"version":3,"file":"SingleDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAgFc,MAAO,YAAY;mBAC/B,MAAO,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;oCA9EuB,CAAC;;;;;;;;;;;;wBAyEL,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALmB,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;oCA9EuB,CAAC;;;;;;;;;;;;wBAyEL,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALmB,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;oCA9EuB,CAAC;;;;;;;;;;;;wBAyEL,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBALmB,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;oCA9EuB,CAAC;;;;;;;;;;;;wBAyEL,YAAY;yBACxB,YAAY;;;oCAIpB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;4IAazB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAchB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAUtB,CAAC"}
|