@salutejs/sdds-insol 0.323.0-canary.2325.19236948330.0 → 0.323.0-dev.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 (32) hide show
  1. package/components/DatePicker/DatePicker.config.js +1 -1
  2. package/components/DatePicker/DatePicker.config.js.map +1 -1
  3. package/components/DatePicker/{DatePicker.config_lg84tf.css → DatePicker.config_171yw46.css} +2 -2
  4. package/components/DatePicker/DatePicker.css +10 -10
  5. package/components/DateTimePicker/DateTimePicker.config.js +1 -1
  6. package/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  7. package/components/DateTimePicker/{DateTimePicker.config_mjv2wd.css → DateTimePicker.config_1q7wd6c.css} +2 -2
  8. package/components/DateTimePicker/DateTimePicker.css +10 -10
  9. package/components/Range/Range.config.js +1 -1
  10. package/components/Range/Range.config.js.map +1 -1
  11. package/{es/components/Range/Range.config_79xkd0.css → components/Range/Range.config_xnwjvo.css} +1 -1
  12. package/components/Range/Range.css +8 -8
  13. package/es/components/DatePicker/DatePicker.config.js +1 -1
  14. package/es/components/DatePicker/DatePicker.config.js.map +1 -1
  15. package/es/components/DatePicker/{DatePicker.config_lg84tf.css → DatePicker.config_171yw46.css} +2 -2
  16. package/es/components/DatePicker/DatePicker.css +10 -10
  17. package/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  18. package/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  19. package/es/components/DateTimePicker/{DateTimePicker.config_mjv2wd.css → DateTimePicker.config_1q7wd6c.css} +2 -2
  20. package/es/components/DateTimePicker/DateTimePicker.css +10 -10
  21. package/es/components/Range/Range.config.js +1 -1
  22. package/es/components/Range/Range.config.js.map +1 -1
  23. package/{components/Range/Range.config_79xkd0.css → es/components/Range/Range.config_xnwjvo.css} +1 -1
  24. package/es/components/Range/Range.css +8 -8
  25. package/es/index.css +29 -29
  26. package/package.json +3 -3
  27. package/styled-components/cjs/components/DatePicker/DatePicker.config.js +10 -1
  28. package/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +5 -1
  29. package/styled-components/cjs/components/Range/Range.config.js +4 -1
  30. package/styled-components/es/components/DatePicker/DatePicker.config.js +10 -1
  31. package/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +5 -1
  32. package/styled-components/es/components/Range/Range.config.js +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-insol",
3
- "version": "0.323.0-canary.2325.19236948330.0",
3
+ "version": "0.323.0-dev.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS INSOL web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -32,7 +32,7 @@
32
32
  "directory": "packages/sdds-insol"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.340.0-canary.2325.19236948330.0",
35
+ "@salutejs/plasma-new-hope": "0.340.0-dev.0",
36
36
  "@salutejs/sdds-themes": "0.48.0"
37
37
  },
38
38
  "peerDependencies": {
@@ -122,5 +122,5 @@
122
122
  "sideEffects": [
123
123
  "*.css"
124
124
  ],
125
- "gitHead": "a83a73565ae826e657afa62e355ab58f6d1d3bbc"
125
+ "gitHead": "1760040c4ea442761d6969c5eed76a27709ec5d6"
126
126
  }
package/styled-components/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -31,9 +31,18 @@ function _templateObject() {
31
31
  ": var(--text-negative);\n ",
32
32
  ": var(--text-positive);\n\n ",
33
33
  ": var(--text-primary);\n ",
34
+ ": var(--text-primary-hover);\n ",
35
+ ": var(--text-primary-active);\n\n ",
36
+ ": var(--text-primary);\n ",
34
37
  ": var(--text-secondary);\n ",
35
38
  ": var(--text-tertiary);\n ",
36
39
  ": var(--text-accent);\n\n ",
40
+ ": var(--text-primary);\n ",
41
+ ": var(--text-primary-hover);\n ",
42
+ ": var(--text-primary-active);\n ",
43
+ ": var(--text-secondary);\n ",
44
+ ": var(--text-secondary-hover);\n ",
45
+ ": var(--text-secondary-active);\n\n ",
37
46
  ": var(--surface-negative);\n\n ",
38
47
  ": var(--outline-solid-secondary);\n ",
39
48
  ": var(--outline-clear);\n\n ",
@@ -778,7 +787,7 @@ var config = {
778
787
  },
779
788
  variations: {
780
789
  view: {
781
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.backgroundError, _styledcomponents.datePickerTokens.backgroundSuccess, _styledcomponents.datePickerTokens.dividerColor, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.leftHelperColor, _styledcomponents.datePickerTokens.leftHelperColorError, _styledcomponents.datePickerTokens.leftHelperColorSuccess, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.indicatorColor, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldBorderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorSuccessFocus, _styledcomponents.datePickerTokens.textFieldBorderColorSuccessHover, _styledcomponents.datePickerTokens.borderColorError, _styledcomponents.datePickerTokens.textFieldBorderColorError, _styledcomponents.datePickerTokens.textFieldBorderColorErrorFocus, _styledcomponents.datePickerTokens.textFieldBorderColorErrorHover, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.datePickerTokens.textFieldColorError, _styledcomponents.datePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.datePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.datePickerTokens.textFieldColorSuccess, _styledcomponents.datePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.datePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.datePickerTokens.textFieldTextBeforeColor, _styledcomponents.datePickerTokens.textFieldTextAfterColor, _styledcomponents.datePickerTokens.focusColor, _styledcomponents.datePickerTokens.calendarShadow, _styledcomponents.datePickerTokens.calendarSeparatorBackground, _styledcomponents.datePickerTokens.calendarBackgroundColor, _styledcomponents.datePickerTokens.calendarSelectedItemBackground, _styledcomponents.datePickerTokens.calendarSelectedItemColor, _styledcomponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemColorHover, _styledcomponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.datePickerTokens.calendarActiveItemBackground, _styledcomponents.datePickerTokens.calendarActiveItemColor, _styledcomponents.datePickerTokens.calendarHoveredItemBackground, _styledcomponents.datePickerTokens.calendarHoveredItemColor, _styledcomponents.datePickerTokens.calendarRangeBackground, _styledcomponents.datePickerTokens.calendarOutlineFocusColor, _styledcomponents.datePickerTokens.calendarContentPrimaryColor, _styledcomponents.datePickerTokens.calendarContentSecondaryColor, _styledcomponents.datePickerTokens.calendarDisabledOpacity, _styledcomponents.datePickerTokens.iconButtonColor, _styledcomponents.datePickerTokens.iconButtonBackgroundColor, _styledcomponents.datePickerTokens.iconButtonColorHover, _styledcomponents.datePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.datePickerTokens.iconButtonColorActive, _styledcomponents.datePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.datePickerTokens.iconButtonFocusColor, _styledcomponents.datePickerTokens.tooltipBackgroundColor, _styledcomponents.datePickerTokens.tooltipBoxShadow, _styledcomponents.datePickerTokens.tooltipColor)
790
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.datePickerTokens.background, _styledcomponents.datePickerTokens.backgroundError, _styledcomponents.datePickerTokens.backgroundSuccess, _styledcomponents.datePickerTokens.dividerColor, _styledcomponents.datePickerTokens.labelColor, _styledcomponents.datePickerTokens.leftHelperColor, _styledcomponents.datePickerTokens.leftHelperColorError, _styledcomponents.datePickerTokens.leftHelperColorSuccess, _styledcomponents.datePickerTokens.contentSlotColor, _styledcomponents.datePickerTokens.contentSlotColorHover, _styledcomponents.datePickerTokens.contentSlotColorActive, _styledcomponents.datePickerTokens.textFieldColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColor, _styledcomponents.datePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.datePickerTokens.textFieldCaretColor, _styledcomponents.datePickerTokens.textFieldContentSlotColor, _styledcomponents.datePickerTokens.textFieldContentSlotColorHover, _styledcomponents.datePickerTokens.textFieldContentSlotColorActive, _styledcomponents.datePickerTokens.textFieldContentRightSlotColor, _styledcomponents.datePickerTokens.textFieldContentRightSlotColorHover, _styledcomponents.datePickerTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.datePickerTokens.indicatorColor, _styledcomponents.datePickerTokens.textFieldBorderColorFocus, _styledcomponents.datePickerTokens.textFieldBorderColorHover, _styledcomponents.datePickerTokens.borderColorFocus, _styledcomponents.datePickerTokens.borderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorSuccess, _styledcomponents.datePickerTokens.textFieldBorderColorSuccessFocus, _styledcomponents.datePickerTokens.textFieldBorderColorSuccessHover, _styledcomponents.datePickerTokens.borderColorError, _styledcomponents.datePickerTokens.textFieldBorderColorError, _styledcomponents.datePickerTokens.textFieldBorderColorErrorFocus, _styledcomponents.datePickerTokens.textFieldBorderColorErrorHover, _styledcomponents.datePickerTokens.textFieldBackgroundColor, _styledcomponents.datePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.datePickerTokens.textFieldColorError, _styledcomponents.datePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.datePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.datePickerTokens.textFieldColorSuccess, _styledcomponents.datePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.datePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.datePickerTokens.textFieldTextBeforeColor, _styledcomponents.datePickerTokens.textFieldTextAfterColor, _styledcomponents.datePickerTokens.focusColor, _styledcomponents.datePickerTokens.calendarShadow, _styledcomponents.datePickerTokens.calendarSeparatorBackground, _styledcomponents.datePickerTokens.calendarBackgroundColor, _styledcomponents.datePickerTokens.calendarSelectedItemBackground, _styledcomponents.datePickerTokens.calendarSelectedItemColor, _styledcomponents.datePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.datePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.datePickerTokens.calendarCurrentItemColorHover, _styledcomponents.datePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.datePickerTokens.calendarActiveItemBackground, _styledcomponents.datePickerTokens.calendarActiveItemColor, _styledcomponents.datePickerTokens.calendarHoveredItemBackground, _styledcomponents.datePickerTokens.calendarHoveredItemColor, _styledcomponents.datePickerTokens.calendarRangeBackground, _styledcomponents.datePickerTokens.calendarOutlineFocusColor, _styledcomponents.datePickerTokens.calendarContentPrimaryColor, _styledcomponents.datePickerTokens.calendarContentSecondaryColor, _styledcomponents.datePickerTokens.calendarDisabledOpacity, _styledcomponents.datePickerTokens.iconButtonColor, _styledcomponents.datePickerTokens.iconButtonBackgroundColor, _styledcomponents.datePickerTokens.iconButtonColorHover, _styledcomponents.datePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.datePickerTokens.iconButtonColorActive, _styledcomponents.datePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.datePickerTokens.iconButtonFocusColor, _styledcomponents.datePickerTokens.tooltipBackgroundColor, _styledcomponents.datePickerTokens.tooltipBoxShadow, _styledcomponents.datePickerTokens.tooltipColor)
782
791
  },
783
792
  size: {
784
793
  xl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.datePickerTokens.width, _styledcomponents.datePickerTokens.borderRadius, _styledcomponents.datePickerTokens.borderWidth, _styledcomponents.datePickerTokens.dividerPadding, _styledcomponents.datePickerTokens.dividerFontFamily, _styledcomponents.datePickerTokens.dividerFontStyle, _styledcomponents.datePickerTokens.dividerFontSize, _styledcomponents.datePickerTokens.dividerFontWeight, _styledcomponents.datePickerTokens.dividerLetterSpacing, _styledcomponents.datePickerTokens.dividerLineHeight, _styledcomponents.datePickerTokens.leftContentMargin, _styledcomponents.datePickerTokens.rightContentMargin, _styledcomponents.datePickerTokens.labelOffset, _styledcomponents.datePickerTokens.labelInnerPadding, _styledcomponents.datePickerTokens.contentLabelInnerPadding, _styledcomponents.datePickerTokens.labelFontFamily, _styledcomponents.datePickerTokens.labelFontStyle, _styledcomponents.datePickerTokens.labelFontSize, _styledcomponents.datePickerTokens.labelFontWeight, _styledcomponents.datePickerTokens.labelLetterSpacing, _styledcomponents.datePickerTokens.labelLineHeight, _styledcomponents.datePickerTokens.labelInnerFontFamily, _styledcomponents.datePickerTokens.labelInnerFontSize, _styledcomponents.datePickerTokens.labelInnerFontStyle, _styledcomponents.datePickerTokens.labelInnerFontWeight, _styledcomponents.datePickerTokens.labelInnerLetterSpacing, _styledcomponents.datePickerTokens.labelInnerLineHeight, _styledcomponents.datePickerTokens.indicatorSize, _styledcomponents.datePickerTokens.indicatorSizeOuter, _styledcomponents.datePickerTokens.indicatorPlacement, _styledcomponents.datePickerTokens.indicatorOuterPlacement, _styledcomponents.datePickerTokens.indicatorPlacementRight, _styledcomponents.datePickerTokens.indicatorOuterPlacementRight, _styledcomponents.datePickerTokens.textFieldHeight, _styledcomponents.datePickerTokens.textFieldBorderRadius, _styledcomponents.datePickerTokens.textFieldBorderWidth, _styledcomponents.datePickerTokens.textFieldPadding, _styledcomponents.datePickerTokens.textFieldFontFamily, _styledcomponents.datePickerTokens.textFieldFontStyle, _styledcomponents.datePickerTokens.textFieldFontSize, _styledcomponents.datePickerTokens.textFieldFontWeight, _styledcomponents.datePickerTokens.textFieldLetterSpacing, _styledcomponents.datePickerTokens.textFieldLineHeight, _styledcomponents.datePickerTokens.leftHelperOffset, _styledcomponents.datePickerTokens.leftHelperFontFamily, _styledcomponents.datePickerTokens.leftHelperFontStyle, _styledcomponents.datePickerTokens.leftHelperFontSize, _styledcomponents.datePickerTokens.leftHelperFontWeight, _styledcomponents.datePickerTokens.leftHelperLetterSpacing, _styledcomponents.datePickerTokens.leftHelperLineHeight, _styledcomponents.datePickerTokens.textFieldLeftContentMargin, _styledcomponents.datePickerTokens.textFieldRightContentMargin, _styledcomponents.datePickerTokens.textFieldTextBeforeMargin, _styledcomponents.datePickerTokens.textFieldTextAfterMargin, _styledcomponents.datePickerTokens.calendarBorderRadius, _styledcomponents.datePickerTokens.calendarContainerWidth, _styledcomponents.datePickerTokens.calendarContainerHeight, _styledcomponents.datePickerTokens.calendarYearsPadding, _styledcomponents.datePickerTokens.calendarYearItemBorderRadius, _styledcomponents.datePickerTokens.calendarYearFontFamily, _styledcomponents.datePickerTokens.calendarYearFontSize, _styledcomponents.datePickerTokens.calendarYearFontStyle, _styledcomponents.datePickerTokens.calendarYearFontLetterSpacing, _styledcomponents.datePickerTokens.calendarYearFontLineHeight, _styledcomponents.datePickerTokens.calendarYearFontWeight, _styledcomponents.datePickerTokens.calendarYearSelectedFontWeight, _styledcomponents.datePickerTokens.calendarMonthsPadding, _styledcomponents.datePickerTokens.calendarMonthItemBorderRadius, _styledcomponents.datePickerTokens.calendarMonthFontFamily, _styledcomponents.datePickerTokens.calendarMonthFontSize, _styledcomponents.datePickerTokens.calendarMonthFontStyle, _styledcomponents.datePickerTokens.calendarMonthFontLetterSpacing, _styledcomponents.datePickerTokens.calendarMonthFontLineHeight, _styledcomponents.datePickerTokens.calendarMonthFontWeight, _styledcomponents.datePickerTokens.calendarMonthSelectedFontWeight, _styledcomponents.datePickerTokens.calendarQuartersPadding, _styledcomponents.datePickerTokens.calendarQuarterItemBorderRadius, _styledcomponents.datePickerTokens.calendarQuarterFontFamily, _styledcomponents.datePickerTokens.calendarQuarterFontSize, _styledcomponents.datePickerTokens.calendarQuarterFontStyle, _styledcomponents.datePickerTokens.calendarQuarterFontLetterSpacing, _styledcomponents.datePickerTokens.calendarQuarterFontLineHeight, _styledcomponents.datePickerTokens.calendarQuarterFontWeight, _styledcomponents.datePickerTokens.calendarQuarterSelectedFontWeight, _styledcomponents.datePickerTokens.calendarDaysPadding, _styledcomponents.datePickerTokens.calendarDayItemBorderRadius, _styledcomponents.datePickerTokens.calendarDayFontFamily, _styledcomponents.datePickerTokens.calendarDayFontSize, _styledcomponents.datePickerTokens.calendarDayFontStyle, _styledcomponents.datePickerTokens.calendarDayFontLetterSpacing, _styledcomponents.datePickerTokens.calendarDayFontLineHeight, _styledcomponents.datePickerTokens.calendarDayFontWeight, _styledcomponents.datePickerTokens.calendarDaySelectedFontWeight, _styledcomponents.datePickerTokens.calendarCurrentItemBorderWidth, _styledcomponents.datePickerTokens.calendarEventItemBottom, _styledcomponents.datePickerTokens.calendarHeaderWrapperPadding, _styledcomponents.datePickerTokens.calendarHeaderArrowGap, _styledcomponents.datePickerTokens.calendarHeaderArrowCustomSize, _styledcomponents.datePickerTokens.calendarHeaderPadding, _styledcomponents.datePickerTokens.calendarHeaderDateGap, _styledcomponents.datePickerTokens.calendarHeaderFontFamily, _styledcomponents.datePickerTokens.calendarHeaderFontSize, _styledcomponents.datePickerTokens.calendarHeaderFontStyle, _styledcomponents.datePickerTokens.calendarHeaderFontLetterSpacing, _styledcomponents.datePickerTokens.calendarHeaderFontLineHeight, _styledcomponents.datePickerTokens.calendarHeaderFontWeight, _styledcomponents.datePickerTokens.calendarHeaderFontWeightBold, _styledcomponents.datePickerTokens.iconButtonHeight, _styledcomponents.datePickerTokens.iconButtonWidth, _styledcomponents.datePickerTokens.iconButtonPadding, _styledcomponents.datePickerTokens.iconButtonRadius),
package/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -27,6 +27,10 @@ function _templateObject() {
27
27
  ": var(--text-secondary);\n ",
28
28
  ": var(--text-tertiary);\n ",
29
29
  ": var(--text-accent);\n\n ",
30
+ ": var(--text-primary);\n ",
31
+ ": var(--text-secondary);\n ",
32
+ ": var(--text-secondary-hover);\n ",
33
+ ": var(--text-secondary-active);\n\n ",
30
34
  ": var(--outline-clear);\n ",
31
35
  ": var(--outline-solid-secondary);\n ",
32
36
  ": var(--outline-clear);\n ",
@@ -853,7 +857,7 @@ var config = {
853
857
  },
854
858
  variations: {
855
859
  view: {
856
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.dateTimePickerTokens.outlineFocusColor, _styledcomponents.dateTimePickerTokens.textFieldColor, _styledcomponents.dateTimePickerTokens.textFieldPlaceholderColor, _styledcomponents.dateTimePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.dateTimePickerTokens.textFieldCaretColor, _styledcomponents.dateTimePickerTokens.textFieldBorderColor, _styledcomponents.dateTimePickerTokens.textFieldBorderColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBorderColorHover, _styledcomponents.dateTimePickerTokens.textFieldBorderColorSuccess, _styledcomponents.dateTimePickerTokens.textFieldBorderColorSuccessFocus, _styledcomponents.dateTimePickerTokens.textFieldBorderColorSuccessHover, _styledcomponents.dateTimePickerTokens.textFieldBorderColorError, _styledcomponents.dateTimePickerTokens.textFieldBorderColorErrorFocus, _styledcomponents.dateTimePickerTokens.textFieldBorderColorErrorHover, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.dateTimePickerTokens.labelColor, _styledcomponents.dateTimePickerTokens.leftHelperColor, _styledcomponents.dateTimePickerTokens.leftHelperColorError, _styledcomponents.dateTimePickerTokens.leftHelperColorSuccess, _styledcomponents.dateTimePickerTokens.indicatorColor, _styledcomponents.dateTimePickerTokens.textFieldTextBeforeColor, _styledcomponents.dateTimePickerTokens.textFieldTextAfterColor, _styledcomponents.dateTimePickerTokens.popoverShadow, _styledcomponents.dateTimePickerTokens.popoverSeparatorBackground, _styledcomponents.dateTimePickerTokens.popoverBackgroundColor, _styledcomponents.dateTimePickerTokens.calendarSelectedItemBackground, _styledcomponents.dateTimePickerTokens.calendarSelectedItemColor, _styledcomponents.dateTimePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemColorHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarActiveItemBackground, _styledcomponents.dateTimePickerTokens.calendarActiveItemColor, _styledcomponents.dateTimePickerTokens.calendarHoveredItemBackground, _styledcomponents.dateTimePickerTokens.calendarHoveredItemColor, _styledcomponents.dateTimePickerTokens.calendarRangeBackground, _styledcomponents.dateTimePickerTokens.calendarOutlineFocusColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor, _styledcomponents.dateTimePickerTokens.calendarHeaderArrowColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor, _styledcomponents.dateTimePickerTokens.calendarContentSecondaryColor, _styledcomponents.dateTimePickerTokens.calendarContentSecondaryDisabledColor, _styledcomponents.dateTimePickerTokens.calendarDisabledOpacity, _styledcomponents.dateTimePickerTokens.calendarSeparatorBackground, _styledcomponents.dateTimePickerTokens.iconButtonColor, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColor, _styledcomponents.dateTimePickerTokens.iconButtonColorHover, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.dateTimePickerTokens.iconButtonColorActive, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.dateTimePickerTokens.iconButtonFocusColor, _styledcomponents.dateTimePickerTokens.tooltipBackgroundColor, _styledcomponents.dateTimePickerTokens.tooltipBoxShadow, _styledcomponents.dateTimePickerTokens.tooltipColor, _styledcomponents.dateTimePickerTokens.timePickerItemBackgroundHover, _styledcomponents.dateTimePickerTokens.timePickerItemBackgroundActive, _styledcomponents.dateTimePickerTokens.timePickerScrollbarColor, _styledcomponents.dateTimePickerTokens.timePickerScrollbarTrackColor, _styledcomponents.dateTimePickerTokens.shortcutColor, _styledcomponents.dateTimePickerTokens.shortcutBackgroundHover)
860
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.dateTimePickerTokens.outlineFocusColor, _styledcomponents.dateTimePickerTokens.textFieldColor, _styledcomponents.dateTimePickerTokens.textFieldPlaceholderColor, _styledcomponents.dateTimePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.dateTimePickerTokens.textFieldCaretColor, _styledcomponents.dateTimePickerTokens.textFieldContentSlotColor, _styledcomponents.dateTimePickerTokens.textFieldContentRightSlotColor, _styledcomponents.dateTimePickerTokens.textFieldContentRightSlotColorHover, _styledcomponents.dateTimePickerTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.dateTimePickerTokens.textFieldBorderColor, _styledcomponents.dateTimePickerTokens.textFieldBorderColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBorderColorHover, _styledcomponents.dateTimePickerTokens.textFieldBorderColorSuccess, _styledcomponents.dateTimePickerTokens.textFieldBorderColorSuccessFocus, _styledcomponents.dateTimePickerTokens.textFieldBorderColorSuccessHover, _styledcomponents.dateTimePickerTokens.textFieldBorderColorError, _styledcomponents.dateTimePickerTokens.textFieldBorderColorErrorFocus, _styledcomponents.dateTimePickerTokens.textFieldBorderColorErrorHover, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.dateTimePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.dateTimePickerTokens.labelColor, _styledcomponents.dateTimePickerTokens.leftHelperColor, _styledcomponents.dateTimePickerTokens.leftHelperColorError, _styledcomponents.dateTimePickerTokens.leftHelperColorSuccess, _styledcomponents.dateTimePickerTokens.indicatorColor, _styledcomponents.dateTimePickerTokens.textFieldTextBeforeColor, _styledcomponents.dateTimePickerTokens.textFieldTextAfterColor, _styledcomponents.dateTimePickerTokens.popoverShadow, _styledcomponents.dateTimePickerTokens.popoverSeparatorBackground, _styledcomponents.dateTimePickerTokens.popoverBackgroundColor, _styledcomponents.dateTimePickerTokens.calendarSelectedItemBackground, _styledcomponents.dateTimePickerTokens.calendarSelectedItemColor, _styledcomponents.dateTimePickerTokens.calendarSelectableItemBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBorderColor, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemColorHover, _styledcomponents.dateTimePickerTokens.calendarCurrentItemChildBackgroundHover, _styledcomponents.dateTimePickerTokens.calendarActiveItemBackground, _styledcomponents.dateTimePickerTokens.calendarActiveItemColor, _styledcomponents.dateTimePickerTokens.calendarHoveredItemBackground, _styledcomponents.dateTimePickerTokens.calendarHoveredItemColor, _styledcomponents.dateTimePickerTokens.calendarRangeBackground, _styledcomponents.dateTimePickerTokens.calendarOutlineFocusColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryDisabledColor, _styledcomponents.dateTimePickerTokens.calendarHeaderArrowColor, _styledcomponents.dateTimePickerTokens.calendarContentPrimaryColor, _styledcomponents.dateTimePickerTokens.calendarContentSecondaryColor, _styledcomponents.dateTimePickerTokens.calendarContentSecondaryDisabledColor, _styledcomponents.dateTimePickerTokens.calendarDisabledOpacity, _styledcomponents.dateTimePickerTokens.calendarSeparatorBackground, _styledcomponents.dateTimePickerTokens.iconButtonColor, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColor, _styledcomponents.dateTimePickerTokens.iconButtonColorHover, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColorHover, _styledcomponents.dateTimePickerTokens.iconButtonColorActive, _styledcomponents.dateTimePickerTokens.iconButtonBackgroundColorActive, _styledcomponents.dateTimePickerTokens.iconButtonFocusColor, _styledcomponents.dateTimePickerTokens.tooltipBackgroundColor, _styledcomponents.dateTimePickerTokens.tooltipBoxShadow, _styledcomponents.dateTimePickerTokens.tooltipColor, _styledcomponents.dateTimePickerTokens.timePickerItemBackgroundHover, _styledcomponents.dateTimePickerTokens.timePickerItemBackgroundActive, _styledcomponents.dateTimePickerTokens.timePickerScrollbarColor, _styledcomponents.dateTimePickerTokens.timePickerScrollbarTrackColor, _styledcomponents.dateTimePickerTokens.shortcutColor, _styledcomponents.dateTimePickerTokens.shortcutBackgroundHover)
857
861
  },
858
862
  size: {
859
863
  xl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.dateTimePickerTokens.textFieldHeight, _styledcomponents.dateTimePickerTokens.textFieldBorderRadius, _styledcomponents.dateTimePickerTokens.textFieldBorderWidth, _styledcomponents.dateTimePickerTokens.textFieldPadding, _styledcomponents.dateTimePickerTokens.textFieldLeftContentMargin, _styledcomponents.dateTimePickerTokens.textFieldRightContentMargin, _styledcomponents.dateTimePickerTokens.textFieldTextBeforeMargin, _styledcomponents.dateTimePickerTokens.textFieldTextAfterMargin, _styledcomponents.dateTimePickerTokens.textFieldFontFamily, _styledcomponents.dateTimePickerTokens.textFieldFontStyle, _styledcomponents.dateTimePickerTokens.textFieldFontSize, _styledcomponents.dateTimePickerTokens.textFieldFontWeight, _styledcomponents.dateTimePickerTokens.textFieldLetterSpacing, _styledcomponents.dateTimePickerTokens.textFieldLineHeight, _styledcomponents.dateTimePickerTokens.labelOffset, _styledcomponents.dateTimePickerTokens.labelInnerPadding, _styledcomponents.dateTimePickerTokens.contentLabelInnerPadding, _styledcomponents.dateTimePickerTokens.labelFontFamily, _styledcomponents.dateTimePickerTokens.labelFontStyle, _styledcomponents.dateTimePickerTokens.labelFontSize, _styledcomponents.dateTimePickerTokens.labelFontWeight, _styledcomponents.dateTimePickerTokens.labelLetterSpacing, _styledcomponents.dateTimePickerTokens.labelLineHeight, _styledcomponents.dateTimePickerTokens.labelInnerFontFamily, _styledcomponents.dateTimePickerTokens.labelInnerFontSize, _styledcomponents.dateTimePickerTokens.labelInnerFontStyle, _styledcomponents.dateTimePickerTokens.labelInnerFontWeight, _styledcomponents.dateTimePickerTokens.labelInnerLetterSpacing, _styledcomponents.dateTimePickerTokens.labelInnerLineHeight, _styledcomponents.dateTimePickerTokens.indicatorSize, _styledcomponents.dateTimePickerTokens.indicatorSizeOuter, _styledcomponents.dateTimePickerTokens.indicatorPlacement, _styledcomponents.dateTimePickerTokens.indicatorOuterPlacement, _styledcomponents.dateTimePickerTokens.indicatorPlacementRight, _styledcomponents.dateTimePickerTokens.indicatorOuterPlacementRight, _styledcomponents.dateTimePickerTokens.leftHelperOffset, _styledcomponents.dateTimePickerTokens.leftHelperFontFamily, _styledcomponents.dateTimePickerTokens.leftHelperFontStyle, _styledcomponents.dateTimePickerTokens.leftHelperFontSize, _styledcomponents.dateTimePickerTokens.leftHelperFontWeight, _styledcomponents.dateTimePickerTokens.leftHelperLetterSpacing, _styledcomponents.dateTimePickerTokens.leftHelperLineHeight, _styledcomponents.dateTimePickerTokens.popoverBorderRadius, _styledcomponents.dateTimePickerTokens.popoverGap, _styledcomponents.dateTimePickerTokens.popoverPadding, _styledcomponents.dateTimePickerTokens.popoverVerticalPadding, _styledcomponents.dateTimePickerTokens.calendarWidth, _styledcomponents.dateTimePickerTokens.calendarHeight, _styledcomponents.dateTimePickerTokens.calendarYearsPadding, _styledcomponents.dateTimePickerTokens.calendarYearItemBorderRadius, _styledcomponents.dateTimePickerTokens.calendarYearFontFamily, _styledcomponents.dateTimePickerTokens.calendarYearFontSize, _styledcomponents.dateTimePickerTokens.calendarYearFontStyle, _styledcomponents.dateTimePickerTokens.calendarYearFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarYearFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarYearFontWeight, _styledcomponents.dateTimePickerTokens.calendarYearSelectedFontWeight, _styledcomponents.dateTimePickerTokens.calendarMonthsPadding, _styledcomponents.dateTimePickerTokens.calendarMonthItemBorderRadius, _styledcomponents.dateTimePickerTokens.calendarMonthFontFamily, _styledcomponents.dateTimePickerTokens.calendarMonthFontSize, _styledcomponents.dateTimePickerTokens.calendarMonthFontStyle, _styledcomponents.dateTimePickerTokens.calendarMonthFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarMonthFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarMonthFontWeight, _styledcomponents.dateTimePickerTokens.calendarMonthSelectedFontWeight, _styledcomponents.dateTimePickerTokens.calendarQuartersPadding, _styledcomponents.dateTimePickerTokens.calendarQuarterItemBorderRadius, _styledcomponents.dateTimePickerTokens.calendarQuarterFontFamily, _styledcomponents.dateTimePickerTokens.calendarQuarterFontSize, _styledcomponents.dateTimePickerTokens.calendarQuarterFontStyle, _styledcomponents.dateTimePickerTokens.calendarQuarterFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarQuarterFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarQuarterFontWeight, _styledcomponents.dateTimePickerTokens.calendarQuarterSelectedFontWeight, _styledcomponents.dateTimePickerTokens.calendarDaysPadding, _styledcomponents.dateTimePickerTokens.calendarDayItemBorderRadius, _styledcomponents.dateTimePickerTokens.calendarDayFontFamily, _styledcomponents.dateTimePickerTokens.calendarDayFontSize, _styledcomponents.dateTimePickerTokens.calendarDayFontStyle, _styledcomponents.dateTimePickerTokens.calendarDayFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarDayFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarDayFontWeight, _styledcomponents.dateTimePickerTokens.calendarDaySelectedFontWeight, _styledcomponents.dateTimePickerTokens.calendarCurrentItemBorderWidth, _styledcomponents.dateTimePickerTokens.calendarEventItemBottom, _styledcomponents.dateTimePickerTokens.calendarHeaderWrapperPadding, _styledcomponents.dateTimePickerTokens.calendarHeaderArrowGap, _styledcomponents.dateTimePickerTokens.calendarHeaderArrowCustomSize, _styledcomponents.dateTimePickerTokens.calendarHeaderPadding, _styledcomponents.dateTimePickerTokens.calendarHeaderDateGap, _styledcomponents.dateTimePickerTokens.calendarHeaderFontFamily, _styledcomponents.dateTimePickerTokens.calendarHeaderFontSize, _styledcomponents.dateTimePickerTokens.calendarHeaderFontStyle, _styledcomponents.dateTimePickerTokens.calendarHeaderFontLetterSpacing, _styledcomponents.dateTimePickerTokens.calendarHeaderFontLineHeight, _styledcomponents.dateTimePickerTokens.calendarHeaderFontWeight, _styledcomponents.dateTimePickerTokens.calendarHeaderFontWeightBold, _styledcomponents.dateTimePickerTokens.iconButtonHeight, _styledcomponents.dateTimePickerTokens.iconButtonWidth, _styledcomponents.dateTimePickerTokens.iconButtonPadding, _styledcomponents.dateTimePickerTokens.iconButtonRadius, _styledcomponents.dateTimePickerTokens.timePickerColumnWidth, _styledcomponents.dateTimePickerTokens.timePickerColumnHeight, _styledcomponents.dateTimePickerTokens.timePickerColumnGap, _styledcomponents.dateTimePickerTokens.timePickerItemHeight, _styledcomponents.dateTimePickerTokens.timePickerItemBorderRadius, _styledcomponents.dateTimePickerTokens.timePickerItemPadding, _styledcomponents.dateTimePickerTokens.timePickerItemFontFamily, _styledcomponents.dateTimePickerTokens.timePickerItemFontStyle, _styledcomponents.dateTimePickerTokens.timePickerItemFontSize, _styledcomponents.dateTimePickerTokens.timePickerItemFontWeight, _styledcomponents.dateTimePickerTokens.timePickerItemLetterSpacing, _styledcomponents.dateTimePickerTokens.timePickerItemLineHeight, _styledcomponents.dateTimePickerTokens.timePickerScrollbarWidth, _styledcomponents.dateTimePickerTokens.timePickerScrollbarMargin, _styledcomponents.dateTimePickerTokens.shortcutFontFamily, _styledcomponents.dateTimePickerTokens.shortcutFontStyle, _styledcomponents.dateTimePickerTokens.shortcutFontSize, _styledcomponents.dateTimePickerTokens.shortcutFontWeight, _styledcomponents.dateTimePickerTokens.shortcutLetterSpacing, _styledcomponents.dateTimePickerTokens.shortcutLineHeight, _styledcomponents.dateTimePickerTokens.shortcutPadding, _styledcomponents.dateTimePickerTokens.shortcutGap, _styledcomponents.dateTimePickerTokens.shortcutBorderRadius),
package/styled-components/cjs/components/Range/Range.config.js CHANGED
@@ -42,6 +42,9 @@ function _templateObject() {
42
42
  ": var(--text-secondary);\n ",
43
43
  ": var(--text-negative);\n ",
44
44
  ": var(--text-positive);\n\n ",
45
+ ": var(--text-secondary);\n ",
46
+ ": var(--text-secondary-hover);\n ",
47
+ ": var(--text-secondary-active);\n\n ",
45
48
  ": var(--text-primary);\n ",
46
49
  ": var(--text-secondary);\n ",
47
50
  ": var(--text-tertiary);\n ",
@@ -369,7 +372,7 @@ var config = {
369
372
  },
370
373
  variations: {
371
374
  view: {
372
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.shadow, _styledcomponents.rangeTokens.backgroundError, _styledcomponents.rangeTokens.backgroundSuccess, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldBorderColorHover, _styledcomponents.rangeTokens.borderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledcomponents.rangeTokens.textFieldBorderColorSuccessHover, _styledcomponents.rangeTokens.borderColorError, _styledcomponents.rangeTokens.textFieldBorderColorError, _styledcomponents.rangeTokens.textFieldBorderColorErrorFocus, _styledcomponents.rangeTokens.textFieldBorderColorErrorHover, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldBackgroundColorFocus, _styledcomponents.rangeTokens.textFieldColorError, _styledcomponents.rangeTokens.textFieldBackgroundErrorColor, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.rangeTokens.textFieldColorSuccess, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColor, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.rangeTokens.textFieldTextBeforeColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.focusColor)
375
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.rangeTokens.background, _styledcomponents.rangeTokens.shadow, _styledcomponents.rangeTokens.backgroundError, _styledcomponents.rangeTokens.backgroundSuccess, _styledcomponents.rangeTokens.borderColor, _styledcomponents.rangeTokens.textFieldBorderColorFocus, _styledcomponents.rangeTokens.textFieldBorderColorHover, _styledcomponents.rangeTokens.borderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccess, _styledcomponents.rangeTokens.textFieldBorderColorSuccessFocus, _styledcomponents.rangeTokens.textFieldBorderColorSuccessHover, _styledcomponents.rangeTokens.borderColorError, _styledcomponents.rangeTokens.textFieldBorderColorError, _styledcomponents.rangeTokens.textFieldBorderColorErrorFocus, _styledcomponents.rangeTokens.textFieldBorderColorErrorHover, _styledcomponents.rangeTokens.dividerColor, _styledcomponents.rangeTokens.labelColor, _styledcomponents.rangeTokens.leftHelperColor, _styledcomponents.rangeTokens.leftHelperColorError, _styledcomponents.rangeTokens.leftHelperColorSuccess, _styledcomponents.rangeTokens.contentSlotColor, _styledcomponents.rangeTokens.contentSlotColorHover, _styledcomponents.rangeTokens.contentSlotColorActive, _styledcomponents.rangeTokens.textFieldColor, _styledcomponents.rangeTokens.textFieldPlaceholderColor, _styledcomponents.rangeTokens.textFieldPlaceholderColorFocus, _styledcomponents.rangeTokens.textFieldCaretColor, _styledcomponents.rangeTokens.indicatorColor, _styledcomponents.rangeTokens.textFieldBackgroundColorFocus, _styledcomponents.rangeTokens.textFieldColorError, _styledcomponents.rangeTokens.textFieldBackgroundErrorColor, _styledcomponents.rangeTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.rangeTokens.textFieldColorSuccess, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColor, _styledcomponents.rangeTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.rangeTokens.textFieldTextBeforeColor, _styledcomponents.rangeTokens.textFieldTextAfterColor, _styledcomponents.rangeTokens.focusColor)
373
376
  },
374
377
  size: {
375
378
  xl: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.rangeTokens.borderRadius, _styledcomponents.rangeTokens.borderWidth, _styledcomponents.rangeTokens.dividerPadding, _styledcomponents.rangeTokens.dividerFontFamily, _styledcomponents.rangeTokens.dividerFontStyle, _styledcomponents.rangeTokens.dividerFontSize, _styledcomponents.rangeTokens.dividerFontWeight, _styledcomponents.rangeTokens.dividerLetterSpacing, _styledcomponents.rangeTokens.dividerLineHeight, _styledcomponents.rangeTokens.leftContentMargin, _styledcomponents.rangeTokens.rightContentMargin, _styledcomponents.rangeTokens.labelOffset, _styledcomponents.rangeTokens.labelFontFamily, _styledcomponents.rangeTokens.labelFontStyle, _styledcomponents.rangeTokens.labelFontSize, _styledcomponents.rangeTokens.labelFontWeight, _styledcomponents.rangeTokens.labelLetterSpacing, _styledcomponents.rangeTokens.labelLineHeight, _styledcomponents.rangeTokens.indicatorSize, _styledcomponents.rangeTokens.indicatorSizeOuter, _styledcomponents.rangeTokens.indicatorPlacement, _styledcomponents.rangeTokens.indicatorOuterPlacement, _styledcomponents.rangeTokens.indicatorPlacementRight, _styledcomponents.rangeTokens.indicatorOuterPlacementRight, _styledcomponents.rangeTokens.textFieldHeight, _styledcomponents.rangeTokens.textFieldBorderWidth, _styledcomponents.rangeTokens.textFieldBorderRadius, _styledcomponents.rangeTokens.textFieldPadding, _styledcomponents.rangeTokens.textFieldFontFamily, _styledcomponents.rangeTokens.textFieldFontStyle, _styledcomponents.rangeTokens.textFieldFontSize, _styledcomponents.rangeTokens.textFieldFontWeight, _styledcomponents.rangeTokens.textFieldLetterSpacing, _styledcomponents.rangeTokens.textFieldLineHeight, _styledcomponents.rangeTokens.leftHelperOffset, _styledcomponents.rangeTokens.leftHelperFontFamily, _styledcomponents.rangeTokens.leftHelperFontStyle, _styledcomponents.rangeTokens.leftHelperFontSize, _styledcomponents.rangeTokens.leftHelperFontWeight, _styledcomponents.rangeTokens.leftHelperLetterSpacing, _styledcomponents.rangeTokens.leftHelperLineHeight, _styledcomponents.rangeTokens.textFieldLeftContentMargin, _styledcomponents.rangeTokens.textFieldRightContentMargin, _styledcomponents.rangeTokens.textFieldTextBeforeMargin, _styledcomponents.rangeTokens.textFieldTextAfterMargin),
package/styled-components/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -20,9 +20,18 @@ function _templateObject() {
20
20
  ": var(--text-negative);\n ",
21
21
  ": var(--text-positive);\n\n ",
22
22
  ": var(--text-primary);\n ",
23
+ ": var(--text-primary-hover);\n ",
24
+ ": var(--text-primary-active);\n\n ",
25
+ ": var(--text-primary);\n ",
23
26
  ": var(--text-secondary);\n ",
24
27
  ": var(--text-tertiary);\n ",
25
28
  ": var(--text-accent);\n\n ",
29
+ ": var(--text-primary);\n ",
30
+ ": var(--text-primary-hover);\n ",
31
+ ": var(--text-primary-active);\n ",
32
+ ": var(--text-secondary);\n ",
33
+ ": var(--text-secondary-hover);\n ",
34
+ ": var(--text-secondary-active);\n\n ",
26
35
  ": var(--surface-negative);\n\n ",
27
36
  ": var(--outline-solid-secondary);\n ",
28
37
  ": var(--outline-clear);\n\n ",
@@ -768,7 +777,7 @@ export var config = {
768
777
  },
769
778
  variations: {
770
779
  view: {
771
- default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessHover, tokens.borderColorError, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorHover, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldColorError, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldColorSuccess, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, 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.calendarContentSecondaryColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
780
+ default: css(_templateObject(), 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.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.indicatorColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorHover, tokens.borderColorFocus, tokens.borderColorSuccess, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessHover, tokens.borderColorError, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorHover, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldColorError, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldColorSuccess, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, 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.calendarContentSecondaryColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
772
781
  },
773
782
  size: {
774
783
  xl: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarContainerWidth, tokens.calendarContainerHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarEventItemBottom, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
package/styled-components/es/components/DateTimePicker/DateTimePicker.config.js CHANGED
@@ -16,6 +16,10 @@ function _templateObject() {
16
16
  ": var(--text-secondary);\n ",
17
17
  ": var(--text-tertiary);\n ",
18
18
  ": var(--text-accent);\n\n ",
19
+ ": var(--text-primary);\n ",
20
+ ": var(--text-secondary);\n ",
21
+ ": var(--text-secondary-hover);\n ",
22
+ ": var(--text-secondary-active);\n\n ",
19
23
  ": var(--outline-clear);\n ",
20
24
  ": var(--outline-solid-secondary);\n ",
21
25
  ": var(--outline-clear);\n ",
@@ -843,7 +847,7 @@ export var config = {
843
847
  },
844
848
  variations: {
845
849
  view: {
846
- default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldBorderColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorHover, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, 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.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
850
+ default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBorderColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorHover, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessHover, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorHover, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.popoverShadow, tokens.popoverSeparatorBackground, tokens.popoverBackgroundColor, 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.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
847
851
  },
848
852
  size: {
849
853
  xl: css(_templateObject1(), tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldBorderWidth, tokens.textFieldPadding, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarEventItemBottom, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderArrowCustomSize, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius, tokens.timePickerColumnWidth, tokens.timePickerColumnHeight, tokens.timePickerColumnGap, tokens.timePickerItemHeight, tokens.timePickerItemBorderRadius, tokens.timePickerItemPadding, tokens.timePickerItemFontFamily, tokens.timePickerItemFontStyle, tokens.timePickerItemFontSize, tokens.timePickerItemFontWeight, tokens.timePickerItemLetterSpacing, tokens.timePickerItemLineHeight, tokens.timePickerScrollbarWidth, tokens.timePickerScrollbarMargin, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius),
package/styled-components/es/components/Range/Range.config.js CHANGED
@@ -31,6 +31,9 @@ function _templateObject() {
31
31
  ": var(--text-secondary);\n ",
32
32
  ": var(--text-negative);\n ",
33
33
  ": var(--text-positive);\n\n ",
34
+ ": var(--text-secondary);\n ",
35
+ ": var(--text-secondary-hover);\n ",
36
+ ": var(--text-secondary-active);\n\n ",
34
37
  ": var(--text-primary);\n ",
35
38
  ": var(--text-secondary);\n ",
36
39
  ": var(--text-tertiary);\n ",
@@ -359,7 +362,7 @@ export var config = {
359
362
  },
360
363
  variations: {
361
364
  view: {
362
- default: css(_templateObject(), tokens.background, tokens.shadow, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorHover, tokens.borderColorSuccess, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessHover, tokens.borderColorError, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorHover, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldColorError, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldColorSuccess, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
365
+ default: css(_templateObject(), tokens.background, tokens.shadow, tokens.backgroundError, tokens.backgroundSuccess, tokens.borderColor, tokens.textFieldBorderColorFocus, tokens.textFieldBorderColorHover, tokens.borderColorSuccess, tokens.textFieldBorderColorSuccess, tokens.textFieldBorderColorSuccessFocus, tokens.textFieldBorderColorSuccessHover, tokens.borderColorError, tokens.textFieldBorderColorError, tokens.textFieldBorderColorErrorFocus, tokens.textFieldBorderColorErrorHover, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldColorError, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldColorSuccess, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
363
366
  },
364
367
  size: {
365
368
  xl: css(_templateObject1(), tokens.borderRadius, tokens.borderWidth, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderWidth, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),