@salutejs/plasma-new-hope 0.340.0-canary.2321.19133039112.0 → 0.340.0-canary.2322.19132961849.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/DatePicker.tokens.js +6 -0
- package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -24
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_21hloy.css +4 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/cjs/components/Range/Range.css +8 -8
- package/cjs/components/Range/Range.styles.js +1 -1
- package/cjs/components/Range/Range.styles.js.map +1 -1
- package/cjs/components/Range/{Range.styles_jx7i43.css → Range.styles_it2utg.css} +2 -2
- package/cjs/components/Range/Range.tokens.js +6 -0
- package/cjs/components/Range/Range.tokens.js.map +1 -1
- package/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
- package/{es/components/Range/variations/_readonly/base_1kd2tb.css → cjs/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/cjs/index.css +11 -11
- package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -21
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
- package/emotion/cjs/components/Range/Range.styles.js +19 -19
- package/emotion/cjs/components/Range/Range.tokens.js +6 -0
- package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/cjs/examples/components/Range/Range.config.js +8 -8
- package/emotion/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +4 -21
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
- package/emotion/es/components/Range/Range.styles.js +19 -19
- package/emotion/es/components/Range/Range.tokens.js +6 -0
- package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
- package/emotion/es/examples/components/Range/Range.config.js +8 -8
- package/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.css +11 -11
- package/es/components/DatePicker/RangeDate/RangeDate.js +4 -24
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.styles_21hloy.css +4 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
- package/es/components/Range/Range.css +8 -8
- package/es/components/Range/Range.styles.js +1 -1
- package/es/components/Range/Range.styles.js.map +1 -1
- package/es/components/Range/{Range.styles_jx7i43.css → Range.styles_it2utg.css} +2 -2
- package/es/components/Range/Range.tokens.js +6 -0
- package/es/components/Range/Range.tokens.js.map +1 -1
- package/es/components/Range/variations/_readonly/base.js +1 -1
- package/es/components/Range/variations/_readonly/base.js.map +1 -1
- package/{cjs/components/Range/variations/_readonly/base_1kd2tb.css → es/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
- package/es/index.css +11 -11
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -21
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +16 -4
- package/styled-components/cjs/components/Range/Range.styles.js +22 -13
- package/styled-components/cjs/components/Range/Range.tokens.js +6 -0
- package/styled-components/cjs/components/Range/variations/_readonly/base.js +3 -2
- package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +4 -1
- package/styled-components/cjs/examples/components/Range/Range.config.js +4 -1
- package/styled-components/es/components/DatePicker/DatePicker.tokens.js +6 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +4 -21
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +16 -4
- package/styled-components/es/components/Range/Range.styles.js +22 -13
- package/styled-components/es/components/Range/Range.tokens.js +6 -0
- package/styled-components/es/components/Range/variations/_readonly/base.js +3 -2
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +4 -1
- package/styled-components/es/examples/components/Range/Range.config.js +4 -1
- package/types/components/DatePicker/DatePicker.tokens.d.ts +6 -0
- package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Range/Range.tokens.d.ts +6 -0
- package/types/components/Range/Range.tokens.d.ts.map +1 -1
- package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
- package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
- package/types/examples/components/Range/Range.config.d.ts.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.styles_7jrupa.css +0 -4
- package/es/components/DatePicker/RangeDate/RangeDate.styles_7jrupa.css +0 -4
|
@@ -27,6 +27,9 @@ var config = {
|
|
|
27
27
|
":var(--text-secondary);",
|
|
28
28
|
":var(--text-negative);",
|
|
29
29
|
":var(--text-positive);",
|
|
30
|
+
":var(--text-secondary);",
|
|
31
|
+
":var(--text-secondary-hover);",
|
|
32
|
+
":var(--text-secondary-active);",
|
|
30
33
|
":var(--text-primary);",
|
|
31
34
|
":var(--text-secondary);",
|
|
32
35
|
":var(--text-accent);",
|
|
@@ -80,7 +83,7 @@ var config = {
|
|
|
80
83
|
":var(--surface-solid-card-brightness);",
|
|
81
84
|
":var(--shadow-down-hard-s);",
|
|
82
85
|
":var(--text-primary);"
|
|
83
|
-
], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
|
|
86
|
+
], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.contentSlotColor, _DatePicker.datePickerTokens.contentSlotColorHover, _DatePicker.datePickerTokens.contentSlotColorActive, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
|
|
84
87
|
},
|
|
85
88
|
size: {
|
|
86
89
|
l: (0, _styledcomponents.css)([
|
|
@@ -27,6 +27,9 @@ var config = {
|
|
|
27
27
|
":var(--text-secondary);",
|
|
28
28
|
":var(--text-negative);",
|
|
29
29
|
":var(--text-positive);",
|
|
30
|
+
":var(--text-secondary);",
|
|
31
|
+
":var(--text-secondary-hover);",
|
|
32
|
+
":var(--text-secondary-active);",
|
|
30
33
|
":var(--text-primary);",
|
|
31
34
|
":var(--text-secondary);",
|
|
32
35
|
":var(--text-accent);",
|
|
@@ -43,7 +46,7 @@ var config = {
|
|
|
43
46
|
":var(--surface-negative);",
|
|
44
47
|
":var(--text-accent);",
|
|
45
48
|
":var(--text-tertiary);"
|
|
46
|
-
], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorHover, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorHover, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorHover, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.indicatorColor, _Range.rangeTokens.focusColor, _Range.rangeTokens.textFieldPlaceholderColorFocus)
|
|
49
|
+
], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.contentSlotColor, _Range.rangeTokens.contentSlotColorHover, _Range.rangeTokens.contentSlotColorActive, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorHover, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorHover, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorHover, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.indicatorColor, _Range.rangeTokens.focusColor, _Range.rangeTokens.textFieldPlaceholderColorFocus)
|
|
47
50
|
},
|
|
48
51
|
size: {
|
|
49
52
|
xl: (0, _styledcomponents.css)([
|
|
@@ -35,6 +35,12 @@ export var tokens = {
|
|
|
35
35
|
/** Токены слотов для контента в range */ leftContentMargin: '--plasma-date-picker_range__left-content-margin',
|
|
36
36
|
rightContentMargin: '--plasma-date-picker_range__right-content-margin',
|
|
37
37
|
rightContentOpacityReadOnly: '--plasma-date-picker_range__right-content-opacity-readonly',
|
|
38
|
+
contentSlotColor: '--plasma-date-picker-content-slot-color',
|
|
39
|
+
contentSlotColorHover: '--plasma-date-picker-content-slot-color-hover',
|
|
40
|
+
contentSlotColorActive: '--plasma-date-picker-content-slot-color-active',
|
|
41
|
+
contentSlotRightColor: '--plasma-date-picker-content-right-slot-color',
|
|
42
|
+
contentSlotRightColorHover: '--plasma-date-picker-content-right-slot-color-hover',
|
|
43
|
+
contentSlotRightColorActive: '--plasma-date-picker-content-right-slot-color-active',
|
|
38
44
|
/** Токены лейбла */ labelColor: '--plasma-date-picker__label-color',
|
|
39
45
|
labelColorReadOnly: '--plasma-date-picker__label-color-readonly',
|
|
40
46
|
labelOffset: '--plasma-date-picker__label-offset',
|
|
@@ -126,7 +126,6 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
126
126
|
import React, { createRef, forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
|
|
127
127
|
import cls from "classnames";
|
|
128
128
|
import { noop } from "../../../utils";
|
|
129
|
-
import { customDayjs } from "../../../utils/datejs";
|
|
130
129
|
import { getDateFormatDelimiter } from "../utils/dateHelper";
|
|
131
130
|
import { useDatePicker } from "../hooks/useDatePicker";
|
|
132
131
|
import { classes } from "../DatePicker.tokens";
|
|
@@ -423,34 +422,18 @@ export var datePickerRangeRoot = function(Root) {
|
|
|
423
422
|
prevValue,
|
|
424
423
|
chosenDate
|
|
425
424
|
]), 2), first = _getSortedValues[0], second = _getSortedValues[1];
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
* Если нет, то вызываем handle{First,Second}CalendarPick
|
|
429
|
-
*/ customDayjs.locale(lang);
|
|
430
|
-
var firstFormatted = first ? customDayjs(first).format(format) : '';
|
|
431
|
-
var secondFormatted = second ? customDayjs(second).format(format) : '';
|
|
432
|
-
if (firstFormatted !== inputFirstValue) {
|
|
433
|
-
handleFirstCalendarPick(first, dateInfo);
|
|
434
|
-
}
|
|
435
|
-
if (secondFormatted !== inputSecondValue) {
|
|
436
|
-
handleSecondCalendarPick(second, dateInfo);
|
|
437
|
-
}
|
|
425
|
+
handleFirstCalendarPick(first, dateInfo);
|
|
426
|
+
handleSecondCalendarPick(second, dateInfo);
|
|
438
427
|
if (!firstValueError && !secondValueError && closeAfterDateSelect) {
|
|
439
428
|
handleToggle(false);
|
|
440
429
|
}
|
|
441
430
|
};
|
|
442
431
|
var handleChangeCalendarValue = function(param, dateInfo) {
|
|
443
432
|
var _$_param = _sliced_to_array(param, 2), firstDate = _$_param[0], secondDate = _$_param[1];
|
|
444
|
-
|
|
445
|
-
* NOTE: проверяем совпадает ли новая дата с предыдущей
|
|
446
|
-
* Если нет, то вызываем handle{First,Second}CalendarPick
|
|
447
|
-
*/ customDayjs.locale(lang);
|
|
448
|
-
var firstFormatted = firstDate ? customDayjs(firstDate).format(format) : '';
|
|
449
|
-
var secondFormatted = secondDate ? customDayjs(secondDate).format(format) : '';
|
|
450
|
-
if (firstFormatted !== inputFirstValue) {
|
|
433
|
+
if (firstDate) {
|
|
451
434
|
handleFirstCalendarPick(firstDate, dateInfo);
|
|
452
435
|
}
|
|
453
|
-
if (
|
|
436
|
+
if (secondDate) {
|
|
454
437
|
handleSecondCalendarPick(secondDate, dateInfo);
|
|
455
438
|
}
|
|
456
439
|
if (firstDate && secondDate && !firstValueError && !secondValueError && closeAfterDateSelect) {
|
|
@@ -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: "RangeDate.styles__StyledPopover",
|
|
13
|
-
componentId: "sc-
|
|
13
|
+
componentId: "sc-a004c634-0"
|
|
14
14
|
})([
|
|
15
15
|
""
|
|
16
16
|
]);
|
|
17
17
|
// NOTE: переопределение токенов Range
|
|
18
18
|
export var StyledRange = styled(Range).withConfig({
|
|
19
19
|
displayName: "RangeDate.styles__StyledRange",
|
|
20
|
-
componentId: "sc-
|
|
20
|
+
componentId: "sc-a004c634-1"
|
|
21
21
|
})([
|
|
22
22
|
"",
|
|
23
23
|
":var(",
|
|
@@ -183,8 +183,20 @@ export var StyledRange = styled(Range).withConfig({
|
|
|
183
183
|
":var(",
|
|
184
184
|
");",
|
|
185
185
|
":var(",
|
|
186
|
+
");",
|
|
187
|
+
":var(",
|
|
188
|
+
");",
|
|
189
|
+
":var(",
|
|
190
|
+
");",
|
|
191
|
+
":var(",
|
|
192
|
+
");",
|
|
193
|
+
":var(",
|
|
194
|
+
");",
|
|
195
|
+
":var(",
|
|
196
|
+
");",
|
|
197
|
+
":var(",
|
|
186
198
|
");"
|
|
187
|
-
], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.readOnlyOpacity, tokens.rangeReadOnlyOpacity, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.rightContentOpacityReadOnly, tokens.rightContentOpacityReadOnly, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.dividerOpacityReadOnly, tokens.dividerOpacityReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
|
|
199
|
+
], rangeTokens.background, tokens.background, rangeTokens.backgroundError, tokens.backgroundError, rangeTokens.backgroundSuccess, tokens.backgroundSuccess, rangeTokens.readOnlyOpacity, tokens.rangeReadOnlyOpacity, rangeTokens.borderColor, tokens.borderColor, rangeTokens.borderColorError, tokens.borderColorError, rangeTokens.borderColorSuccess, tokens.borderColorSuccess, rangeTokens.borderWidth, tokens.textFieldBorderWidth, rangeTokens.dividerColor, tokens.dividerColor, rangeTokens.labelColor, tokens.labelColor, rangeTokens.leftHelperColor, tokens.leftHelperColor, rangeTokens.textFieldColor, tokens.textFieldColor, rangeTokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColor, rangeTokens.textFieldPlaceholderColorFocus, tokens.textFieldPlaceholderColorFocus, rangeTokens.textFieldCaretColor, tokens.textFieldCaretColor, rangeTokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundColorFocus, rangeTokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColor, rangeTokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundErrorColorFocus, rangeTokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColor, rangeTokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldBackgroundSuccessColorFocus, rangeTokens.textFieldBorderWidth, tokens.textFieldBorderWidth, rangeTokens.textFieldBorderColorFocus, tokens.textFieldBorderColorFocus, rangeTokens.textFieldBorderColorError, tokens.textFieldBorderColorError, rangeTokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorFocus, rangeTokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccess, rangeTokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessFocus, rangeTokens.textFieldTextBeforeColor, tokens.textFieldTextBeforeColor, rangeTokens.textFieldTextAfterColor, tokens.textFieldTextAfterColor, rangeTokens.focusColor, tokens.focusColor, rangeTokens.borderRadius, tokens.borderRadius, rangeTokens.dividerPadding, tokens.dividerPadding, rangeTokens.dividerFontFamily, tokens.dividerFontFamily, rangeTokens.dividerFontStyle, tokens.dividerFontStyle, rangeTokens.dividerFontSize, tokens.dividerFontSize, rangeTokens.dividerFontWeight, tokens.dividerFontWeight, rangeTokens.dividerLetterSpacing, tokens.dividerLetterSpacing, rangeTokens.dividerLineHeight, tokens.dividerLineHeight, rangeTokens.leftContentMargin, tokens.leftContentMargin, rangeTokens.rightContentMargin, tokens.rightContentMargin, rangeTokens.contentSlotColor, tokens.contentSlotColor, rangeTokens.contentSlotColorHover, tokens.contentSlotColorHover, rangeTokens.contentSlotColorActive, tokens.contentSlotColorActive, rangeTokens.contentSlotRightColor, tokens.contentSlotRightColor, rangeTokens.contentSlotRightColorHover, tokens.contentSlotRightColorHover, rangeTokens.contentSlotRightColorActive, tokens.contentSlotRightColorActive, rangeTokens.labelOffset, tokens.labelOffset, rangeTokens.labelFontFamily, tokens.labelFontFamily, rangeTokens.labelFontStyle, tokens.labelFontStyle, rangeTokens.labelFontSize, tokens.labelFontSize, rangeTokens.labelFontWeight, tokens.labelFontWeight, rangeTokens.labelLetterSpacing, tokens.labelLetterSpacing, rangeTokens.labelLineHeight, tokens.labelLineHeight, rangeTokens.indicatorColor, tokens.indicatorColor, rangeTokens.indicatorSize, tokens.indicatorSize, rangeTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, rangeTokens.indicatorPlacement, tokens.indicatorPlacement, rangeTokens.indicatorOuterPlacement, tokens.indicatorOuterPlacement, rangeTokens.indicatorPlacementRight, tokens.indicatorPlacementRight, rangeTokens.indicatorOuterPlacementRight, tokens.indicatorOuterPlacementRight, rangeTokens.textFieldHeight, tokens.textFieldHeight, rangeTokens.textFieldBorderRadius, tokens.textFieldBorderRadius, rangeTokens.textFieldPadding, tokens.textFieldPadding, rangeTokens.textFieldFontFamily, tokens.textFieldFontFamily, rangeTokens.textFieldFontStyle, tokens.textFieldFontStyle, rangeTokens.textFieldFontSize, tokens.textFieldFontSize, rangeTokens.textFieldFontWeight, tokens.textFieldFontWeight, rangeTokens.textFieldLetterSpacing, tokens.textFieldLetterSpacing, rangeTokens.textFieldLineHeight, tokens.textFieldLineHeight, rangeTokens.leftHelperOffset, tokens.leftHelperOffset, rangeTokens.leftHelperFontFamily, tokens.leftHelperFontFamily, rangeTokens.leftHelperFontStyle, tokens.leftHelperFontStyle, rangeTokens.leftHelperFontSize, tokens.leftHelperFontSize, rangeTokens.leftHelperFontWeight, tokens.leftHelperFontWeight, rangeTokens.leftHelperLetterSpacing, tokens.leftHelperLetterSpacing, rangeTokens.leftHelperLineHeight, tokens.leftHelperLineHeight, rangeTokens.textFieldLeftContentMargin, tokens.textFieldLeftContentMargin, rangeTokens.textFieldRightContentMargin, tokens.textFieldRightContentMargin, rangeTokens.rightContentOpacityReadOnly, tokens.rightContentOpacityReadOnly, rangeTokens.textFieldTextBeforeMargin, tokens.textFieldTextBeforeMargin, rangeTokens.textFieldTextAfterMargin, tokens.textFieldTextAfterMargin, rangeTokens.backgroundReadOnly, tokens.backgroundReadOnly, rangeTokens.labelColorReadOnly, tokens.labelColorReadOnly, rangeTokens.leftHelperColorReadOnly, tokens.leftHelperColorReadOnly, rangeTokens.dividerColorReadOnly, tokens.dividerColorReadOnly, rangeTokens.dividerOpacityReadOnly, tokens.dividerOpacityReadOnly, rangeTokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, rangeTokens.textFieldBackgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, rangeTokens.textFieldPlaceholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly);
|
|
188
200
|
export var base = css([
|
|
189
201
|
"display:inline-block;.",
|
|
190
202
|
",.",
|
|
@@ -195,7 +207,7 @@ export var base = css([
|
|
|
195
207
|
], popoverClasses.wrapper, popoverClasses.target, classes.datePickerstretched, popoverClasses.root, StyledRange);
|
|
196
208
|
export var LeftHelper = styled.div.withConfig({
|
|
197
209
|
displayName: "RangeDate.styles__LeftHelper",
|
|
198
|
-
componentId: "sc-
|
|
210
|
+
componentId: "sc-a004c634-2"
|
|
199
211
|
})([
|
|
200
212
|
"color:var(",
|
|
201
213
|
");&.",
|
|
@@ -8,7 +8,7 @@ var TextField = component(mergedConfig);
|
|
|
8
8
|
// NOTE: переопределение токенов TextField
|
|
9
9
|
export var StyledInput = styled(TextField).withConfig({
|
|
10
10
|
displayName: "Range.styles__StyledInput",
|
|
11
|
-
componentId: "sc-
|
|
11
|
+
componentId: "sc-f22ebc20-0"
|
|
12
12
|
})([
|
|
13
13
|
"width:100%;",
|
|
14
14
|
":var(",
|
|
@@ -113,49 +113,58 @@ export var base = css([
|
|
|
113
113
|
]);
|
|
114
114
|
export var StyledLabel = styled.label.withConfig({
|
|
115
115
|
displayName: "Range.styles__StyledLabel",
|
|
116
|
-
componentId: "sc-
|
|
116
|
+
componentId: "sc-f22ebc20-1"
|
|
117
117
|
})([
|
|
118
118
|
""
|
|
119
119
|
]);
|
|
120
120
|
export var StyledIndicatorWrapper = styled.div.withConfig({
|
|
121
121
|
displayName: "Range.styles__StyledIndicatorWrapper",
|
|
122
|
-
componentId: "sc-
|
|
122
|
+
componentId: "sc-f22ebc20-2"
|
|
123
123
|
})([
|
|
124
124
|
"position:relative;display:inline-flex;align-items:center;"
|
|
125
125
|
]);
|
|
126
126
|
export var StyledIndicator = styled.div.withConfig({
|
|
127
127
|
displayName: "Range.styles__StyledIndicator",
|
|
128
|
-
componentId: "sc-
|
|
128
|
+
componentId: "sc-f22ebc20-3"
|
|
129
129
|
})([
|
|
130
130
|
"position:absolute;border-radius:50%;"
|
|
131
131
|
]);
|
|
132
132
|
export var LeftHelper = styled.div.withConfig({
|
|
133
133
|
displayName: "Range.styles__LeftHelper",
|
|
134
|
-
componentId: "sc-
|
|
134
|
+
componentId: "sc-f22ebc20-4"
|
|
135
135
|
})([
|
|
136
136
|
""
|
|
137
137
|
]);
|
|
138
138
|
export var ContentWrapper = styled.div.withConfig({
|
|
139
139
|
displayName: "Range.styles__ContentWrapper",
|
|
140
|
-
componentId: "sc-
|
|
140
|
+
componentId: "sc-f22ebc20-5"
|
|
141
141
|
})([
|
|
142
142
|
"display:flex;align-items:center;position:relative;&:before{content:'';position:absolute;inset:0;z-index:-1;}"
|
|
143
143
|
]);
|
|
144
144
|
export var StyledDivider = styled.div.withConfig({
|
|
145
145
|
displayName: "Range.styles__StyledDivider",
|
|
146
|
-
componentId: "sc-
|
|
146
|
+
componentId: "sc-f22ebc20-6"
|
|
147
147
|
})([
|
|
148
148
|
""
|
|
149
149
|
]);
|
|
150
150
|
export var StyledContentLeft = styled.div.withConfig({
|
|
151
151
|
displayName: "Range.styles__StyledContentLeft",
|
|
152
|
-
componentId: "sc-
|
|
152
|
+
componentId: "sc-f22ebc20-7"
|
|
153
153
|
})([
|
|
154
|
-
"line-height:0;"
|
|
155
|
-
|
|
154
|
+
"line-height:0;color:var(",
|
|
155
|
+
");&:hover{color:var(",
|
|
156
|
+
");}&:active{color:var(",
|
|
157
|
+
");}"
|
|
158
|
+
], tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive);
|
|
156
159
|
export var StyledContentRight = styled.div.withConfig({
|
|
157
160
|
displayName: "Range.styles__StyledContentRight",
|
|
158
|
-
componentId: "sc-
|
|
161
|
+
componentId: "sc-f22ebc20-8"
|
|
159
162
|
})([
|
|
160
|
-
""
|
|
161
|
-
|
|
163
|
+
"color:var(",
|
|
164
|
+
",var(",
|
|
165
|
+
"));&:hover{color:var(",
|
|
166
|
+
",var(",
|
|
167
|
+
"));cursor:pointer;}&:active{color:var(",
|
|
168
|
+
",var(",
|
|
169
|
+
"));}"
|
|
170
|
+
], tokens.contentSlotRightColor, tokens.contentSlotColor, tokens.contentSlotRightColorHover, tokens.contentSlotColorHover, tokens.contentSlotRightColorActive, tokens.contentSlotColorActive);
|
|
@@ -31,6 +31,12 @@ export var tokens = {
|
|
|
31
31
|
/** Токены слотов для контента */ leftContentMargin: '--plasma-range__left-content-margin',
|
|
32
32
|
rightContentMargin: '--plasma-range__right-content-margin',
|
|
33
33
|
rightContentOpacityReadOnly: '--plasma-range__right-content-opacity-readonly',
|
|
34
|
+
contentSlotColor: '--plasma-textfield-content-slot-color',
|
|
35
|
+
contentSlotColorHover: '--plasma-textfield-content-slot-color-hover',
|
|
36
|
+
contentSlotColorActive: '--plasma-textfield-content-slot-color-active',
|
|
37
|
+
contentSlotRightColor: '--plasma-textfield-content-right-slot-color',
|
|
38
|
+
contentSlotRightColorHover: '--plasma-textfield-content-right-slot-color-hover',
|
|
39
|
+
contentSlotRightColorActive: '--plasma-textfield-content-right-slot-color-active',
|
|
34
40
|
/** Токены лейбла */ labelColor: '--plasma-range__label-color',
|
|
35
41
|
labelColorReadOnly: '--plasma-range__label-color-readonly',
|
|
36
42
|
labelOffset: '--plasma-range__label-offset',
|
|
@@ -18,7 +18,8 @@ export var base = css([
|
|
|
18
18
|
");}",
|
|
19
19
|
",",
|
|
20
20
|
"{color:var(",
|
|
21
|
-
")
|
|
21
|
+
");&:hover,&:active{color:var(",
|
|
22
|
+
");cursor:default;}}",
|
|
22
23
|
"{opacity:var(",
|
|
23
24
|
");}}"
|
|
24
|
-
], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);
|
|
25
|
+
], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
|
3
|
+
import { config } from "./Combobox.config";
|
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
|
6
|
+
var Combobox = ComboboxComponent;
|
|
7
|
+
export { Combobox };
|
|
@@ -17,6 +17,9 @@ export var config = {
|
|
|
17
17
|
":var(--text-secondary);",
|
|
18
18
|
":var(--text-negative);",
|
|
19
19
|
":var(--text-positive);",
|
|
20
|
+
":var(--text-secondary);",
|
|
21
|
+
":var(--text-secondary-hover);",
|
|
22
|
+
":var(--text-secondary-active);",
|
|
20
23
|
":var(--text-primary);",
|
|
21
24
|
":var(--text-secondary);",
|
|
22
25
|
":var(--text-accent);",
|
|
@@ -70,7 +73,7 @@ export var config = {
|
|
|
70
73
|
":var(--surface-solid-card-brightness);",
|
|
71
74
|
":var(--shadow-down-hard-s);",
|
|
72
75
|
":var(--text-primary);"
|
|
73
|
-
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
|
|
76
|
+
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
|
|
74
77
|
},
|
|
75
78
|
size: {
|
|
76
79
|
l: css([
|
|
@@ -17,6 +17,9 @@ export var config = {
|
|
|
17
17
|
":var(--text-secondary);",
|
|
18
18
|
":var(--text-negative);",
|
|
19
19
|
":var(--text-positive);",
|
|
20
|
+
":var(--text-secondary);",
|
|
21
|
+
":var(--text-secondary-hover);",
|
|
22
|
+
":var(--text-secondary-active);",
|
|
20
23
|
":var(--text-primary);",
|
|
21
24
|
":var(--text-secondary);",
|
|
22
25
|
":var(--text-accent);",
|
|
@@ -33,7 +36,7 @@ export var config = {
|
|
|
33
36
|
":var(--surface-negative);",
|
|
34
37
|
":var(--text-accent);",
|
|
35
38
|
":var(--text-tertiary);"
|
|
36
|
-
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
|
|
39
|
+
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
|
|
37
40
|
},
|
|
38
41
|
size: {
|
|
39
42
|
xl: css([
|
|
@@ -38,6 +38,12 @@ export declare const tokens: {
|
|
|
38
38
|
leftContentMargin: string;
|
|
39
39
|
rightContentMargin: string;
|
|
40
40
|
rightContentOpacityReadOnly: string;
|
|
41
|
+
contentSlotColor: string;
|
|
42
|
+
contentSlotColorHover: string;
|
|
43
|
+
contentSlotColorActive: string;
|
|
44
|
+
contentSlotRightColor: string;
|
|
45
|
+
contentSlotRightColorHover: string;
|
|
46
|
+
contentSlotRightColorActive: string;
|
|
41
47
|
/** Токены лейбла */
|
|
42
48
|
labelColor: string;
|
|
43
49
|
labelColorReadOnly: 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
|
|
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;;;;;;;;;;IAazC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyDzB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6H1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAEhH,OAAO,KAAK,EAER,UAAU,EAKb,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAEhH,OAAO,KAAK,EAER,UAAU,EAKb,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAK7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAK9D,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGxE,OAAO,KAAK,EAAwB,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAUxF,eAAO,MAAM,mBAAmB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;iBAwC1E,CAAC;gBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EA6gB9B,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAvjBQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;qBAwC1E,CAAC;oBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4iBlC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"RangeDate.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.styles.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,4TAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2HA+GvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAchB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAUtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Range.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,WAAW;;;;;;;;kBAgIyR,MAAO,YAAY;mBAAqE,MAAO,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCArHtnB,CAAC;;;;;;;;;;;;wBAqHyQ,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA5W,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCArHtnB,CAAC;;;;;;;;;;;;wBAqHyQ,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA5W,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCArHtnB,CAAC;;;;;;;;;;;;wBAqHyQ,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA5W,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCArHtnB,CAAC;;;;;;;;;;;;wBAqHyQ,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIA9DnqB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAEhB,CAAC;AAEF,eAAO,MAAM,WAAW,8KAAiB,CAAC;AAE1C,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,eAAe,qKAG3B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,cAAc,qKAW1B,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC;AAE1C,eAAO,MAAM,iBAAiB,qKAY7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAW9B,CAAC"}
|
|
@@ -33,6 +33,12 @@ export declare const tokens: {
|
|
|
33
33
|
leftContentMargin: string;
|
|
34
34
|
rightContentMargin: string;
|
|
35
35
|
rightContentOpacityReadOnly: string;
|
|
36
|
+
contentSlotColor: string;
|
|
37
|
+
contentSlotColorHover: string;
|
|
38
|
+
contentSlotColorActive: string;
|
|
39
|
+
contentSlotRightColor: string;
|
|
40
|
+
contentSlotRightColorHover: string;
|
|
41
|
+
contentSlotRightColorActive: string;
|
|
36
42
|
/** Токены лейбла */
|
|
37
43
|
labelColor: string;
|
|
38
44
|
labelColorReadOnly: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;IAaf,yBAAyB;;;;;;;;;;;IAYzB,iCAAiC
|
|
1
|
+
{"version":3,"file":"Range.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Range/Range.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;CAOnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;IAaf,yBAAyB;;;;;;;;;;;IAYzB,iCAAiC;;;;;;;;;;IAajC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;IAUxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAI7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmD5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoDhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/DatePicker/DatePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"DatePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/DatePicker/DatePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA2pBlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CA4UlB,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
.s1sos0hp{--plasma-range-background:var(--plasma-date-picker_range-background);--plasma-range-background-error:var(--plasma-date-picker_range-background-error);--plasma-range-background-success:var(--plasma-date-picker_range-background-success);--plasma-range-readonly-opacity:var(--plasma-date-picker-readonly-opacity);--plasma-range-border-color:var(--plasma-date-picker_range-border-color);--plasma-range-border-color-error:var(--plasma-date-picker_range-border-color-error);--plasma-range-border-color-success:var(--plasma-date-picker_range-border-color-success);--plasma-range-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range__divider-color:var(--plasma-date-picker_range__divider-color);--plasma-range__label-color:var(--plasma-date-picker__label-color);--plasma-range__left-helper-color:var(--plasma-date-picker__left-helper-color);--plasma-range-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-range-textfield-placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-range-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-range-textfield-caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-range-textfield-background-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-range-textfield-background-color-error:var(--plasma-date-picker-textfield-background-color-error);--plasma-range-textfield-background-color-error-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-range-textfield-background-color-success:var(--plasma-date-picker-textfield-background-color-success);--plasma-range-textfield-background-color-success-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-range-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-focus);--plasma-range-textfield-border-color-error:var(--plasma-date-picker-textfield-border-color-error);--plasma-range-textfield-border-color-error-focus:var(--plasma-date-picker-textfield-border-color-error-focus);--plasma-range-textfield-border-color-success:var(--plasma-date-picker-textfield-border-color-success);--plasma-range-textfield-border-color-success-focus:var(--plasma-date-picker-textfield-border-color-success-focus);--plasma-range-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-range-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-range-focus-color:var(--plasma-date-picker-focus-color);--plasma-range-border-radius:var(--plasma-date-picker_range-border-radius);--plasma-range__divider-padding:var(--plasma-date-picker_range__divider-padding);--plasma-range__divider-font-family:var(--plasma-date-picker_range__divider-font-family);--plasma-range__divider-font-style:var(--plasma-date-picker_range__divider-font-style);--plasma-range__divider-font-size:var(--plasma-date-picker_range__divider-font-size);--plasma-range__divider-font-weight:var(--plasma-date-picker_range__divider-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-date-picker_range__divider-letter-spacing);--plasma-range__divider-line-height:var(--plasma-date-picker_range__divider-line-height);--plasma-range__left-content-margin:var(--plasma-date-picker_range__left-content-margin);--plasma-range__right-content-margin:var(--plasma-date-picker_range__right-content-margin);--plasma-range__label-offset:var(--plasma-date-picker__label-offset);--plasma-range__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-range__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-range__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-range__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-range__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-range__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-range__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-range__indicator-size:var(--plasma-date-picker__indicator-size);--plasma-range__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-range__indicator-placement:var(--plasma-date-picker__indicator-placement);--plasma-range__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-range__indicator-placement-right:var(--plasma-date-picker__indicator-placement-right);--plasma-range__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-range-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-range-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-range-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-range-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-range-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-range-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-range-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-range__left-helper-offset:var(--plasma-date-picker__left-helper-offset);--plasma-range__left-helper-font-family:var(--plasma-date-picker__left-helper-font-family);--plasma-range__left-helper-font-style:var(--plasma-date-picker__left-helper-font-style);--plasma-range__left-helper-font-size:var(--plasma-date-picker__left-helper-font-size);--plasma-range__left-helper-font-weight:var(--plasma-date-picker__left-helper-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-date-picker__left-helper-line-height);--plasma-range-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-range-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-range__right-content-opacity-readonly:var(--plasma-date-picker_range__right-content-opacity-readonly);--plasma-range-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-range-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-range-background-readonly:var(--plasma-date-picker_range-background-readonly);--plasma-range__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-range__left-helper-color-readonly:var(--plasma-date-picker__left-helper-color-readonly);--plasma-range__divider-color-readonly:var(--plasma-date-picker_range__divider-color-readonly);--plasma-range__divider-opacity-readonly:var(--plasma-date-picker_range__divider-opacity-readonly);--plasma-range-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-range-textfield-background-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-range-textfield-placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);}
|
|
3
|
-
.b1x6qh3t{display:inline-block;}.b1x6qh3t .popover-wrapper,.b1x6qh3t .popover-target{width:inherit;}.b1x6qh3t.date-picker-stretched{width:100%;}.b1x6qh3t.date-picker-stretched .popover-root,.b1x6qh3t.date-picker-stretched .s1sos0hp{width:100%;}
|
|
4
|
-
.ls94ai0{color:var(--plasma-date-picker__left-helper-color);}.ls94ai0.date-picker-error{color:var(--plasma-date-picker__left-helper-color-error);}.ls94ai0.date-picker-success{color:var(--plasma-date-picker__left-helper-color-success);}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
.s1sos0hp{--plasma-range-background:var(--plasma-date-picker_range-background);--plasma-range-background-error:var(--plasma-date-picker_range-background-error);--plasma-range-background-success:var(--plasma-date-picker_range-background-success);--plasma-range-readonly-opacity:var(--plasma-date-picker-readonly-opacity);--plasma-range-border-color:var(--plasma-date-picker_range-border-color);--plasma-range-border-color-error:var(--plasma-date-picker_range-border-color-error);--plasma-range-border-color-success:var(--plasma-date-picker_range-border-color-success);--plasma-range-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range__divider-color:var(--plasma-date-picker_range__divider-color);--plasma-range__label-color:var(--plasma-date-picker__label-color);--plasma-range__left-helper-color:var(--plasma-date-picker__left-helper-color);--plasma-range-textfield-color:var(--plasma-date-picker-textfield-color);--plasma-range-textfield-placeholder-color:var(--plasma-date-picker-textfield-placeholder-color);--plasma-range-textfield__placeholder-color-focus:var(--plasma-datepicker-textfield__placeholder-color-focus);--plasma-range-textfield-caret-color:var(--plasma-date-picker-textfield-caret-color);--plasma-range-textfield-background-color-focus:var(--plasma-date-picker-textfield-background-color-focus);--plasma-range-textfield-background-color-error:var(--plasma-date-picker-textfield-background-color-error);--plasma-range-textfield-background-color-error-focus:var(--plasma-date-picker-textfield-background-color-error-focus);--plasma-range-textfield-background-color-success:var(--plasma-date-picker-textfield-background-color-success);--plasma-range-textfield-background-color-success-focus:var(--plasma-date-picker-textfield-background-color-success-focus);--plasma-range-textfield-border-width:var(--plasma-date-picker-textfield-border-width);--plasma-range-textfield-border-color-focus:var(--plasma-date-picker-textfield-border-color-focus);--plasma-range-textfield-border-color-error:var(--plasma-date-picker-textfield-border-color-error);--plasma-range-textfield-border-color-error-focus:var(--plasma-date-picker-textfield-border-color-error-focus);--plasma-range-textfield-border-color-success:var(--plasma-date-picker-textfield-border-color-success);--plasma-range-textfield-border-color-success-focus:var(--plasma-date-picker-textfield-border-color-success-focus);--plasma-range-textfield__before-text-color:var(--plasma-date-picker-textfield__before-text-color);--plasma-range-textfield__after-text-color:var(--plasma-date-picker-textfield__after-text-color);--plasma-range-focus-color:var(--plasma-date-picker-focus-color);--plasma-range-border-radius:var(--plasma-date-picker_range-border-radius);--plasma-range__divider-padding:var(--plasma-date-picker_range__divider-padding);--plasma-range__divider-font-family:var(--plasma-date-picker_range__divider-font-family);--plasma-range__divider-font-style:var(--plasma-date-picker_range__divider-font-style);--plasma-range__divider-font-size:var(--plasma-date-picker_range__divider-font-size);--plasma-range__divider-font-weight:var(--plasma-date-picker_range__divider-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-date-picker_range__divider-letter-spacing);--plasma-range__divider-line-height:var(--plasma-date-picker_range__divider-line-height);--plasma-range__left-content-margin:var(--plasma-date-picker_range__left-content-margin);--plasma-range__right-content-margin:var(--plasma-date-picker_range__right-content-margin);--plasma-range__label-offset:var(--plasma-date-picker__label-offset);--plasma-range__label-font-family:var(--plasma-date-picker__label-font-family);--plasma-range__label-font-style:var(--plasma-date-picker__label-font-style);--plasma-range__label-font-size:var(--plasma-date-picker__label-font-size);--plasma-range__label-font-weight:var(--plasma-date-picker__label-font-weight);--plasma-range__label-letter-spacing:var(--plasma-date-picker__label-letter-spacing);--plasma-range__label-line-height:var(--plasma-date-picker__label-line-height);--plasma-range__indicator-color:var(--plasma-date-picker__indicator-color);--plasma-range__indicator-size:var(--plasma-date-picker__indicator-size);--plasma-range__indicator-size-outer:var(--plasma-date-picker__indicator-size-outer);--plasma-range__indicator-placement:var(--plasma-date-picker__indicator-placement);--plasma-range__indicator-placement-outer:var(--plasma-date-picker__indicator-placement-outer);--plasma-range__indicator-placement-right:var(--plasma-date-picker__indicator-placement-right);--plasma-range__indicator-placement-outer-right:var(--plasma-date-picker__indicator-placement-outer-right);--plasma-range-textfield-height:var(--plasma-date-picker-textfield-height);--plasma-range-textfield-border-radius:var(--plasma-date-picker-textfield-border-radius);--plasma-range-textfield-padding:var(--plasma-date-picker-textfield-padding);--plasma-range-textfield-font-family:var(--plasma-date-picker-textfield-font-family);--plasma-range-textfield-font-style:var(--plasma-date-picker-textfield-font-style);--plasma-range-textfield-font-size:var(--plasma-date-picker-textfield-font-size);--plasma-range-textfield-font-weight:var(--plasma-date-picker-textfield-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-date-picker-textfield-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-date-picker-textfield-line-height);--plasma-range__left-helper-offset:var(--plasma-date-picker__left-helper-offset);--plasma-range__left-helper-font-family:var(--plasma-date-picker__left-helper-font-family);--plasma-range__left-helper-font-style:var(--plasma-date-picker__left-helper-font-style);--plasma-range__left-helper-font-size:var(--plasma-date-picker__left-helper-font-size);--plasma-range__left-helper-font-weight:var(--plasma-date-picker__left-helper-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-date-picker__left-helper-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-date-picker__left-helper-line-height);--plasma-range-textfield__left-content-margin:var(--plasma-date-picker-textfield__left-content-margin);--plasma-range-textfield__right-content-margin:var(--plasma-date-picker-textfield__right-content-margin);--plasma-range__right-content-opacity-readonly:var(--plasma-date-picker_range__right-content-opacity-readonly);--plasma-range-textfield__before-text-margin:var(--plasma-date-picker-textfield__before-text-margin);--plasma-range-textfield__after-text-margin:var(--plasma-date-picker-textfield__after-text-margin);--plasma-range-background-readonly:var(--plasma-date-picker_range-background-readonly);--plasma-range__label-color-readonly:var(--plasma-date-picker__label-color-readonly);--plasma-range__left-helper-color-readonly:var(--plasma-date-picker__left-helper-color-readonly);--plasma-range__divider-color-readonly:var(--plasma-date-picker_range__divider-color-readonly);--plasma-range__divider-opacity-readonly:var(--plasma-date-picker_range__divider-opacity-readonly);--plasma-range-textfield-color-readonly:var(--plasma-date-picker-textfield-color-readonly);--plasma-range-textfield-background-color-readonly:var(--plasma-date-picker-textfield-background-color-readonly);--plasma-range-textfield-placeholder-color-readonly:var(--plasma-date-picker-textfield-placeholder-color-readonly);}
|
|
3
|
-
.b1x6qh3t{display:inline-block;}.b1x6qh3t .popover-wrapper,.b1x6qh3t .popover-target{width:inherit;}.b1x6qh3t.date-picker-stretched{width:100%;}.b1x6qh3t.date-picker-stretched .popover-root,.b1x6qh3t.date-picker-stretched .s1sos0hp{width:100%;}
|
|
4
|
-
.ls94ai0{color:var(--plasma-date-picker__left-helper-color);}.ls94ai0.date-picker-error{color:var(--plasma-date-picker__left-helper-color-error);}.ls94ai0.date-picker-success{color:var(--plasma-date-picker__left-helper-color-success);}
|