@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.
Files changed (85) hide show
  1. package/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
  2. package/cjs/components/DatePicker/DatePicker.tokens.js.map +1 -1
  3. package/cjs/components/DatePicker/RangeDate/RangeDate.css +11 -11
  4. package/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -24
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  6. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  8. package/cjs/components/DatePicker/RangeDate/RangeDate.styles_21hloy.css +4 -0
  9. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
  10. package/cjs/components/Range/Range.css +8 -8
  11. package/cjs/components/Range/Range.styles.js +1 -1
  12. package/cjs/components/Range/Range.styles.js.map +1 -1
  13. package/cjs/components/Range/{Range.styles_jx7i43.css → Range.styles_it2utg.css} +2 -2
  14. package/cjs/components/Range/Range.tokens.js +6 -0
  15. package/cjs/components/Range/Range.tokens.js.map +1 -1
  16. package/cjs/components/Range/variations/_readonly/base.js +1 -1
  17. package/cjs/components/Range/variations/_readonly/base.js.map +1 -1
  18. package/{es/components/Range/variations/_readonly/base_1kd2tb.css → cjs/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
  19. package/cjs/index.css +11 -11
  20. package/emotion/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
  21. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -21
  22. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
  23. package/emotion/cjs/components/Range/Range.styles.js +19 -19
  24. package/emotion/cjs/components/Range/Range.tokens.js +6 -0
  25. package/emotion/cjs/components/Range/variations/_readonly/base.js +1 -1
  26. package/emotion/cjs/examples/components/DatePicker/DatePicker.config.js +9 -9
  27. package/emotion/cjs/examples/components/Range/Range.config.js +8 -8
  28. package/emotion/es/components/DatePicker/DatePicker.tokens.js +6 -0
  29. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +4 -21
  30. package/emotion/es/components/DatePicker/RangeDate/RangeDate.styles.js +7 -7
  31. package/emotion/es/components/Range/Range.styles.js +19 -19
  32. package/emotion/es/components/Range/Range.tokens.js +6 -0
  33. package/emotion/es/components/Range/variations/_readonly/base.js +1 -1
  34. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  35. package/emotion/es/examples/components/DatePicker/DatePicker.config.js +9 -9
  36. package/emotion/es/examples/components/Range/Range.config.js +8 -8
  37. package/es/components/DatePicker/DatePicker.tokens.js +6 -0
  38. package/es/components/DatePicker/DatePicker.tokens.js.map +1 -1
  39. package/es/components/DatePicker/RangeDate/RangeDate.css +11 -11
  40. package/es/components/DatePicker/RangeDate/RangeDate.js +4 -24
  41. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  42. package/es/components/DatePicker/RangeDate/RangeDate.styles.js +1 -1
  43. package/es/components/DatePicker/RangeDate/RangeDate.styles.js.map +1 -1
  44. package/es/components/DatePicker/RangeDate/RangeDate.styles_21hloy.css +4 -0
  45. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +11 -11
  46. package/es/components/Range/Range.css +8 -8
  47. package/es/components/Range/Range.styles.js +1 -1
  48. package/es/components/Range/Range.styles.js.map +1 -1
  49. package/es/components/Range/{Range.styles_jx7i43.css → Range.styles_it2utg.css} +2 -2
  50. package/es/components/Range/Range.tokens.js +6 -0
  51. package/es/components/Range/Range.tokens.js.map +1 -1
  52. package/es/components/Range/variations/_readonly/base.js +1 -1
  53. package/es/components/Range/variations/_readonly/base.js.map +1 -1
  54. package/{cjs/components/Range/variations/_readonly/base_1kd2tb.css → es/components/Range/variations/_readonly/base_1lu7vb0.css} +1 -1
  55. package/es/index.css +11 -11
  56. package/package.json +2 -2
  57. package/styled-components/cjs/components/DatePicker/DatePicker.tokens.js +6 -0
  58. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +4 -21
  59. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.styles.js +16 -4
  60. package/styled-components/cjs/components/Range/Range.styles.js +22 -13
  61. package/styled-components/cjs/components/Range/Range.tokens.js +6 -0
  62. package/styled-components/cjs/components/Range/variations/_readonly/base.js +3 -2
  63. package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js +4 -1
  64. package/styled-components/cjs/examples/components/Range/Range.config.js +4 -1
  65. package/styled-components/es/components/DatePicker/DatePicker.tokens.js +6 -0
  66. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +4 -21
  67. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.styles.js +16 -4
  68. package/styled-components/es/components/Range/Range.styles.js +22 -13
  69. package/styled-components/es/components/Range/Range.tokens.js +6 -0
  70. package/styled-components/es/components/Range/variations/_readonly/base.js +3 -2
  71. package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
  72. package/styled-components/es/examples/components/DatePicker/DatePicker.config.js +4 -1
  73. package/styled-components/es/examples/components/Range/Range.config.js +4 -1
  74. package/types/components/DatePicker/DatePicker.tokens.d.ts +6 -0
  75. package/types/components/DatePicker/DatePicker.tokens.d.ts.map +1 -1
  76. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  77. package/types/components/DatePicker/RangeDate/RangeDate.styles.d.ts.map +1 -1
  78. package/types/components/Range/Range.styles.d.ts.map +1 -1
  79. package/types/components/Range/Range.tokens.d.ts +6 -0
  80. package/types/components/Range/Range.tokens.d.ts.map +1 -1
  81. package/types/components/Range/variations/_readonly/base.d.ts.map +1 -1
  82. package/types/examples/components/DatePicker/DatePicker.config.d.ts.map +1 -1
  83. package/types/examples/components/Range/Range.config.d.ts.map +1 -1
  84. package/cjs/components/DatePicker/RangeDate/RangeDate.styles_7jrupa.css +0 -4
  85. 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
- * NOTE: проверяем совпадает ли новая дата с предыдущей
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 (secondFormatted !== inputSecondValue) {
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-23a11c1c-0"
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-23a11c1c-1"
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-23a11c1c-2"
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-31b8eb76-0"
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-31b8eb76-1"
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-31b8eb76-2"
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-31b8eb76-3"
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-31b8eb76-4"
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-31b8eb76-5"
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-31b8eb76-6"
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-31b8eb76-7"
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-31b8eb76-8"
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;;;;IAKzC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;;;;;;;;;IAqBxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAK7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyDzB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6H1B,CAAC"}
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;AAM7C,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;;;;;;;;;;;;;;;iBAuC7E,CAAD;gBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAqiBzB,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBA9kBQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;qBAuC7E,CAAD;oBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAokB7B,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2HAuGvB,CAAC;AAEF,eAAO,MAAM,IAAI,0CAchB,CAAC;AAEF,eAAO,MAAM,UAAU,qKAUtB,CAAC"}
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;;;;;;;;kBA2GqzB,MAAO,YAAY;mBAAqE,MAAO,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAhGlpC,CAAC;;;;;;;;;;;;wBAgGqyB,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA5W,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAhGlpC,CAAC;;;;;;;;;;;;wBAgGqyB,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA5W,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAhGlpC,CAAC;;;;;;;;;;;;wBAgGqyB,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAA5W,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;oCAhGlpC,CAAC;;;;;;;;;;;;wBAgGqyB,YAAY;yBAA4E,YAAY;;;oCAAuQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAzC/rC,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,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAAe,CAAC"}
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;;;;IAKjC,oBAAoB;;;;;;;;;;IAYpB,wBAAwB;;;;;;;;IAUxB,qCAAqC;;;;;;;;;;;;IAcrC,6DAA6D;;;IAI7D,yCAAyC;;IAGzC,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmD5B,CAAC"}
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,0CA8ChB,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;CAupBlB,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;CAwUlB,CAAC"}
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);}