@skbkontur/react-ui 4.17.0 → 4.17.2

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 (54) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/cjs/components/Button/Button.md +68 -0
  3. package/cjs/components/Button/getInnerLinkTheme.js +1 -0
  4. package/cjs/components/Button/getInnerLinkTheme.js.map +1 -1
  5. package/cjs/components/Dropdown/getDropdownTheme.js +21 -22
  6. package/cjs/components/Dropdown/getDropdownTheme.js.map +1 -1
  7. package/cjs/components/FileUploader/FileUploader.js +1 -1
  8. package/cjs/components/FileUploader/FileUploader.js.map +1 -1
  9. package/cjs/components/FileUploader/FileUploader.styles.d.ts +1 -1
  10. package/cjs/components/FileUploader/FileUploader.styles.js +10 -2
  11. package/cjs/components/FileUploader/FileUploader.styles.js.map +1 -1
  12. package/cjs/components/Link/Link.js +9 -5
  13. package/cjs/components/Link/Link.js.map +1 -1
  14. package/cjs/components/Link/Link.md +69 -0
  15. package/cjs/components/Link/Link.styles.d.ts +1 -0
  16. package/cjs/components/Link/Link.styles.js +28 -20
  17. package/cjs/components/Link/Link.styles.js.map +1 -1
  18. package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  19. package/cjs/internal/themes/DefaultTheme.d.ts +24 -2
  20. package/cjs/internal/themes/DefaultTheme.js +77 -6
  21. package/cjs/internal/themes/DefaultTheme.js.map +1 -1
  22. package/cjs/internal/themes/Theme2022.d.ts +3 -2
  23. package/cjs/internal/themes/Theme2022.js +13 -4
  24. package/cjs/internal/themes/Theme2022.js.map +1 -1
  25. package/cjs/internal/themes/Theme2022Dark.d.ts +3 -3
  26. package/cjs/internal/themes/Theme2022Dark.js +6 -4
  27. package/cjs/internal/themes/Theme2022Dark.js.map +1 -1
  28. package/components/Button/Button.md +68 -0
  29. package/components/Button/getInnerLinkTheme/getInnerLinkTheme.js +1 -0
  30. package/components/Button/getInnerLinkTheme/getInnerLinkTheme.js.map +1 -1
  31. package/components/Dropdown/getDropdownTheme/getDropdownTheme.js +21 -22
  32. package/components/Dropdown/getDropdownTheme/getDropdownTheme.js.map +1 -1
  33. package/components/FileUploader/FileUploader/FileUploader.js +1 -1
  34. package/components/FileUploader/FileUploader/FileUploader.js.map +1 -1
  35. package/components/FileUploader/FileUploader.styles/FileUploader.styles.js +2 -2
  36. package/components/FileUploader/FileUploader.styles/FileUploader.styles.js.map +1 -1
  37. package/components/FileUploader/FileUploader.styles.d.ts +1 -1
  38. package/components/Link/Link/Link.js +3 -3
  39. package/components/Link/Link/Link.js.map +1 -1
  40. package/components/Link/Link.md +69 -0
  41. package/components/Link/Link.styles/Link.styles.js +23 -20
  42. package/components/Link/Link.styles/Link.styles.js.map +1 -1
  43. package/components/Link/Link.styles.d.ts +1 -0
  44. package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  45. package/internal/themes/DefaultTheme/DefaultTheme.js +123 -5
  46. package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
  47. package/internal/themes/DefaultTheme.d.ts +24 -2
  48. package/internal/themes/Theme2022/Theme2022.js +17 -3
  49. package/internal/themes/Theme2022/Theme2022.js.map +1 -1
  50. package/internal/themes/Theme2022.d.ts +3 -2
  51. package/internal/themes/Theme2022Dark/Theme2022Dark.js +8 -3
  52. package/internal/themes/Theme2022Dark/Theme2022Dark.js.map +1 -1
  53. package/internal/themes/Theme2022Dark.d.ts +3 -3
  54. package/package.json +2 -2
@@ -1,6 +1,6 @@
1
1
  import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
2
2
 
3
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25;
4
4
 
5
5
  import { css, keyframes, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
6
6
  import { linkMixin, linkDisabledMixin, linkUseColorsMixin, linkUseLineHovered } from "../Link.mixins";
@@ -29,61 +29,64 @@ export var styles = memoizeStyle({
29
29
  // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.
30
30
  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n @supports (border-bottom-color: ", ") {\n transition: border-bottom-color ", " ", ";\n border-bottom-style: ", ";\n border-bottom-width: ", ";\n border-bottom-color: transparent;\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n "])), t.linkLineBorderBottomColor, t.transitionDuration, t.transitionTimingFunction, t.linkLineBorderBottomStyle, t.linkLineBorderBottomWidth);
31
31
  },
32
+ lineTextWrapperFocused: function lineTextWrapperFocused(t) {
33
+ return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n @supports (border-bottom-color: ", ") {\n border-bottom-color: currentColor;\n }\n "])), t.linkLineBorderBottomColor);
34
+ },
32
35
  lineText: function lineText(t) {
33
- return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n @supports (border-bottom-color: ", ") {\n border-bottom-style: ", ";\n border-bottom-width: ", ";\n border-bottom-color: ", ";\n }\n @supports not (border-bottom-color: ", ") {\n ", ";\n }\n "])), t.linkLineBorderBottomColor, t.linkLineBorderBottomStyle, t.linkLineBorderBottomWidth, t.linkLineBorderBottomColor, t.linkLineBorderBottomColor, oldLineText(t));
36
+ return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n @supports (border-bottom-color: ", ") {\n border-bottom-style: ", ";\n border-bottom-width: ", ";\n border-bottom-color: ", ";\n }\n @supports not (border-bottom-color: ", ") {\n ", ";\n }\n "])), t.linkLineBorderBottomColor, t.linkLineBorderBottomStyle, t.linkLineBorderBottomWidth, t.linkLineBorderBottomColor, t.linkLineBorderBottomColor, oldLineText(t));
34
37
  },
35
38
  lineTextIE11: function lineTextIE11(t) {
36
- return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), oldLineText(t));
39
+ return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), oldLineText(t));
37
40
  },
38
41
  lineFocus: function lineFocus(t) {
39
- return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n .", " {\n ", "\n }\n "])), t.linkHoverColor, globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
42
+ return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n color: ", ";\n .", " {\n ", "\n }\n "])), t.linkHoverColor, globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
40
43
  },
41
44
  lineFocusSuccess: function lineFocusSuccess(t) {
42
- return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n .", " {\n ", "\n }\n "])), t.linkSuccessHoverColor, globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
45
+ return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n .", " {\n ", "\n }\n "])), t.linkSuccessHoverColor, globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
43
46
  },
44
47
  lineFocusDanger: function lineFocusDanger(t) {
45
- return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n .", " {\n ", "\n }\n "])), t.linkDangerHoverColor, globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
48
+ return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n .", " {\n ", "\n }\n "])), t.linkDangerHoverColor, globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
46
49
  },
47
50
  lineFocusGrayed: function lineFocusGrayed(t) {
48
- return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n .", " {\n ", "\n }\n "])), t.linkGrayedHoverColor, globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
51
+ return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n .", " {\n ", "\n }\n "])), t.linkGrayedHoverColor, globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
49
52
  },
50
53
  button: function button(t) {
51
- return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n line-height: ", ";\n padding-left: ", ";\n padding-right: ", ";\n "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
54
+ return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n line-height: ", ";\n padding-left: ", ";\n padding-right: ", ";\n "])), t.linkButtonLineHeight, t.linkButtonPaddingX, t.linkButtonPaddingX);
52
55
  },
53
56
  buttonOpened: function buttonOpened(t) {
54
- return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n background: ", ";\n "])), t.btnDefaultActiveBg);
57
+ return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n background: ", ";\n "])), t.btnDefaultActiveBg);
55
58
  },
56
59
  arrow: function arrow() {
57
- return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n "])));
60
+ return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n "])));
58
61
  },
59
62
  useRoot: function useRoot() {
60
- return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n border-bottom-color: currentColor;\n "])));
63
+ return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n border-bottom-color: currentColor;\n "])));
61
64
  },
62
65
  useDefault: function useDefault(t) {
63
- return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n ", ";\n .", " {\n :hover {\n ", "\n }\n }\n "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
66
+ return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n ", ";\n .", " {\n :hover {\n ", "\n }\n }\n "])), linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
64
67
  },
65
68
  useSuccess: function useSuccess(t) {
66
- return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n ", ";\n .", " {\n :hover {\n ", "\n }\n }\n "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
69
+ return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n ", ";\n .", " {\n :hover {\n ", "\n }\n }\n "])), linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
67
70
  },
68
71
  useDanger: function useDanger(t) {
69
- return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n ", ";\n .", " {\n :hover {\n ", "\n }\n }\n "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
72
+ return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n ", ";\n .", " {\n :hover {\n ", "\n }\n }\n "])), linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
70
73
  },
71
74
  useGrayed: function useGrayed(t) {
72
- return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n ", ";\n .", " {\n :hover {\n ", "\n }\n }\n "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
75
+ return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n ", ";\n .", " {\n :hover {\n ", "\n }\n }\n "])), linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
73
76
  },
74
77
  useGrayedFocus: function useGrayedFocus(t) {
75
- return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), t.linkDisabledColor);
78
+ return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n color: ", ";\n "])), t.linkDisabledColor);
76
79
  },
77
80
  focus: function focus(t) {
78
- return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n text-decoration: ", ";\n "])), t.linkHoverTextDecoration);
81
+ return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n text-decoration: ", ";\n "])), t.linkHoverTextDecoration);
79
82
  },
80
83
  disabled: function disabled(t) {
81
- return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", " !important; // override root color\n\n &:hover {\n color: ", ";\n }\n "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor);
84
+ return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n ", ";\n\n color: ", " !important; // override root color\n\n &:hover {\n color: ", ";\n }\n "])), linkDisabledMixin(), t.linkDisabledColor, t.linkDisabledColor);
82
85
  },
83
86
  disabledDark22Theme: function disabledDark22Theme(t) {
84
- return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n .", " {\n ", "\n }\n "])), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
87
+ return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n .", " {\n ", "\n }\n "])), globalClasses.text, linkUseLineHovered(t.linkLineHoverBorderBottomStyle));
85
88
  },
86
89
  icon: function icon(t) {
87
- return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-right: ", ";\n "])), t.linkIconMarginRight);
90
+ return css(_templateObject25 || (_templateObject25 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-right: ", ";\n "])), t.linkIconMarginRight);
88
91
  }
89
92
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["Link.styles.ts"],"names":["css","keyframes","memoizeStyle","prefix","linkMixin","linkDisabledMixin","linkUseColorsMixin","linkUseLineHovered","globalClasses","text","line","oldLineText","t","delay","parseFloat","linkLineBorderBottomOpacity","linkLineBorderBottomStyle","linkLineBorderBottomWidth","styles","root","linkHoverTextDecoration","lineRoot","lineTextWrapper","linkLineBorderBottomColor","transitionDuration","transitionTimingFunction","lineText","lineTextIE11","lineFocus","linkHoverColor","linkLineHoverBorderBottomStyle","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useRoot","useDefault","linkColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerActiveColor","useGrayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","disabled","disabledDark22Theme","icon","linkIconMarginRight"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin, linkUseLineHovered } from './Link.mixins';\n\nexport const globalClasses = prefix('link')({\n text: 'text',\n});\n\nconst line = keyframes`\n 0% {\n border-bottom-color: inherit;\n }\n 100% {\n border-bottom-color: transparent;\n }\n`;\n\nconst oldLineText = function (t: Theme) {\n const delay = parseFloat(t.linkLineBorderBottomOpacity) - 1;\n return css`\n border-bottom-style: ${t.linkLineBorderBottomStyle};\n border-bottom-width: ${t.linkLineBorderBottomWidth};\n animation: ${line} 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ${delay}s !important;\n animation-fill-mode: forwards !important;\n `;\n};\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${linkMixin(t.linkHoverTextDecoration)};\n position: relative;\n `;\n },\n\n lineRoot() {\n return css`\n border-radius: 1px;\n outline: none;\n text-decoration: none;\n `;\n },\n\n lineTextWrapper(t: Theme) {\n // При hover'е подчеркивание из прозрачного переходит в currentColor.\n // За счет наложения этого цвета на подчеркивание lineText (currentColor с половинной прозрачностью)\n // достигается эффект перехода currentColor с половинной прозрачностью до currentColor.\n\n // Планировалось добавить transition и color-mix(in srgb, currentColor 50%, transparent) в lineText.\n // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.\n return css`\n @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n transition: border-bottom-color ${t.transitionDuration} ${t.transitionTimingFunction};\n border-bottom-style: ${t.linkLineBorderBottomStyle};\n border-bottom-width: ${t.linkLineBorderBottomWidth};\n border-bottom-color: transparent;\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n `;\n },\n\n lineText(t: Theme) {\n return css`\n @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n border-bottom-style: ${t.linkLineBorderBottomStyle};\n border-bottom-width: ${t.linkLineBorderBottomWidth};\n border-bottom-color: ${t.linkLineBorderBottomColor};\n }\n @supports not (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n ${oldLineText(t)};\n }\n `;\n },\n\n lineTextIE11(t: Theme) {\n return css`\n ${oldLineText(t)};\n `;\n },\n\n lineFocus(t: Theme) {\n return css`\n color: ${t.linkHoverColor};\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n lineFocusSuccess(t: Theme) {\n return css`\n color: ${t.linkSuccessHoverColor} !important;\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n lineFocusDanger(t: Theme) {\n return css`\n color: ${t.linkDangerHoverColor} !important;\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n lineFocusGrayed(t: Theme) {\n return css`\n color: ${t.linkGrayedHoverColor} !important;\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n button(t: Theme) {\n return css`\n display: inline-block;\n line-height: ${t.linkButtonLineHeight};\n padding-left: ${t.linkButtonPaddingX};\n padding-right: ${t.linkButtonPaddingX};\n `;\n },\n\n buttonOpened(t: Theme) {\n return css`\n background: ${t.btnDefaultActiveBg};\n `;\n },\n\n arrow() {\n return css`\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n `;\n },\n\n useRoot() {\n return css`\n border-bottom-color: currentColor;\n `;\n },\n useDefault(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n .${globalClasses.text} {\n :hover {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n }\n `;\n },\n\n useSuccess(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n .${globalClasses.text} {\n :hover {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n }\n `;\n },\n\n useDanger(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n .${globalClasses.text} {\n :hover {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n }\n `;\n },\n\n useGrayed(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n .${globalClasses.text} {\n :hover {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n }\n `;\n },\n\n useGrayedFocus(t: Theme) {\n return css`\n color: ${t.linkDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n text-decoration: ${t.linkHoverTextDecoration};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n ${linkDisabledMixin()};\n\n color: ${t.linkDisabledColor} !important; // override root color\n\n &:hover {\n color: ${t.linkDisabledColor};\n }\n `;\n },\n\n disabledDark22Theme(t: Theme) {\n return css`\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n icon(t: Theme) {\n return css`\n display: inline-block;\n margin-right: ${t.linkIconMarginRight};\n `;\n },\n});\n"]}
1
+ {"version":3,"sources":["Link.styles.ts"],"names":["css","keyframes","memoizeStyle","prefix","linkMixin","linkDisabledMixin","linkUseColorsMixin","linkUseLineHovered","globalClasses","text","line","oldLineText","t","delay","parseFloat","linkLineBorderBottomOpacity","linkLineBorderBottomStyle","linkLineBorderBottomWidth","styles","root","linkHoverTextDecoration","lineRoot","lineTextWrapper","linkLineBorderBottomColor","transitionDuration","transitionTimingFunction","lineTextWrapperFocused","lineText","lineTextIE11","lineFocus","linkHoverColor","linkLineHoverBorderBottomStyle","lineFocusSuccess","linkSuccessHoverColor","lineFocusDanger","linkDangerHoverColor","lineFocusGrayed","linkGrayedHoverColor","button","linkButtonLineHeight","linkButtonPaddingX","buttonOpened","btnDefaultActiveBg","arrow","useRoot","useDefault","linkColor","linkActiveColor","useSuccess","linkSuccessColor","linkSuccessActiveColor","useDanger","linkDangerColor","linkDangerActiveColor","useGrayed","linkGrayedColor","linkGrayedActiveColor","useGrayedFocus","linkDisabledColor","focus","disabled","disabledDark22Theme","icon","linkIconMarginRight"],"mappings":"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","sourcesContent":["import { css, keyframes, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nimport { linkMixin, linkDisabledMixin, linkUseColorsMixin, linkUseLineHovered } from './Link.mixins';\n\nexport const globalClasses = prefix('link')({\n text: 'text',\n});\n\nconst line = keyframes`\n 0% {\n border-bottom-color: inherit;\n }\n 100% {\n border-bottom-color: transparent;\n }\n`;\n\nconst oldLineText = function (t: Theme) {\n const delay = parseFloat(t.linkLineBorderBottomOpacity) - 1;\n return css`\n border-bottom-style: ${t.linkLineBorderBottomStyle};\n border-bottom-width: ${t.linkLineBorderBottomWidth};\n animation: ${line} 1s linear !important; // override creevey\n animation-play-state: paused !important;\n animation-delay: ${delay}s !important;\n animation-fill-mode: forwards !important;\n `;\n};\n\nexport const styles = memoizeStyle({\n root(t: Theme) {\n return css`\n ${linkMixin(t.linkHoverTextDecoration)};\n position: relative;\n `;\n },\n\n lineRoot() {\n return css`\n border-radius: 1px;\n outline: none;\n text-decoration: none;\n `;\n },\n\n lineTextWrapper(t: Theme) {\n // При hover'е подчеркивание из прозрачного переходит в currentColor.\n // За счет наложения этого цвета на подчеркивание lineText (currentColor с половинной прозрачностью)\n // достигается эффект перехода currentColor с половинной прозрачностью до currentColor.\n\n // Планировалось добавить transition и color-mix(in srgb, currentColor 50%, transparent) в lineText.\n // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.\n return css`\n @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n transition: border-bottom-color ${t.transitionDuration} ${t.transitionTimingFunction};\n border-bottom-style: ${t.linkLineBorderBottomStyle};\n border-bottom-width: ${t.linkLineBorderBottomWidth};\n border-bottom-color: transparent;\n &:hover {\n border-bottom-color: currentColor;\n }\n }\n `;\n },\n\n lineTextWrapperFocused(t: Theme) {\n return css`\n @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n border-bottom-color: currentColor;\n }\n `;\n },\n\n lineText(t: Theme) {\n return css`\n @supports (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n border-bottom-style: ${t.linkLineBorderBottomStyle};\n border-bottom-width: ${t.linkLineBorderBottomWidth};\n border-bottom-color: ${t.linkLineBorderBottomColor};\n }\n @supports not (border-bottom-color: ${t.linkLineBorderBottomColor}) {\n ${oldLineText(t)};\n }\n `;\n },\n\n lineTextIE11(t: Theme) {\n return css`\n ${oldLineText(t)};\n `;\n },\n\n lineFocus(t: Theme) {\n return css`\n color: ${t.linkHoverColor};\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n lineFocusSuccess(t: Theme) {\n return css`\n color: ${t.linkSuccessHoverColor} !important;\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n lineFocusDanger(t: Theme) {\n return css`\n color: ${t.linkDangerHoverColor} !important;\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n lineFocusGrayed(t: Theme) {\n return css`\n color: ${t.linkGrayedHoverColor} !important;\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n button(t: Theme) {\n return css`\n display: inline-block;\n line-height: ${t.linkButtonLineHeight};\n padding-left: ${t.linkButtonPaddingX};\n padding-right: ${t.linkButtonPaddingX};\n `;\n },\n\n buttonOpened(t: Theme) {\n return css`\n background: ${t.btnDefaultActiveBg};\n `;\n },\n\n arrow() {\n return css`\n border: 4px solid transparent;\n border-bottom-width: 0;\n border-top-color: #a0a0a0;\n display: inline-block;\n margin-bottom: 3px;\n margin-left: 3px;\n vertical-align: middle;\n `;\n },\n\n useRoot() {\n return css`\n border-bottom-color: currentColor;\n `;\n },\n useDefault(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkColor, t.linkHoverColor, t.linkActiveColor)};\n .${globalClasses.text} {\n :hover {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n }\n `;\n },\n\n useSuccess(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkSuccessColor, t.linkSuccessHoverColor, t.linkSuccessActiveColor)};\n .${globalClasses.text} {\n :hover {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n }\n `;\n },\n\n useDanger(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkDangerColor, t.linkDangerHoverColor, t.linkDangerActiveColor)};\n .${globalClasses.text} {\n :hover {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n }\n `;\n },\n\n useGrayed(t: Theme) {\n return css`\n ${linkUseColorsMixin(t.linkGrayedColor, t.linkGrayedHoverColor, t.linkGrayedActiveColor)};\n .${globalClasses.text} {\n :hover {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n }\n `;\n },\n\n useGrayedFocus(t: Theme) {\n return css`\n color: ${t.linkDisabledColor};\n `;\n },\n\n focus(t: Theme) {\n return css`\n text-decoration: ${t.linkHoverTextDecoration};\n `;\n },\n\n disabled(t: Theme) {\n return css`\n ${linkDisabledMixin()};\n\n color: ${t.linkDisabledColor} !important; // override root color\n\n &:hover {\n color: ${t.linkDisabledColor};\n }\n `;\n },\n\n disabledDark22Theme(t: Theme) {\n return css`\n .${globalClasses.text} {\n ${linkUseLineHovered(t.linkLineHoverBorderBottomStyle)}\n }\n `;\n },\n\n icon(t: Theme) {\n return css`\n display: inline-block;\n margin-right: ${t.linkIconMarginRight};\n `;\n },\n});\n"]}
@@ -6,6 +6,7 @@ export declare const styles: {
6
6
  root(t: Theme): string;
7
7
  lineRoot(): string;
8
8
  lineTextWrapper(t: Theme): string;
9
+ lineTextWrapperFocused(t: Theme): string;
9
10
  lineText(t: Theme): string;
10
11
  lineTextIE11(t: Theme): string;
11
12
  lineFocus(t: Theme): string;
@@ -17,6 +17,6 @@ export interface VariableDependencies {
17
17
  }
18
18
  export declare const COMPONENT_DESCRIPTIONS: DescriptionsType;
19
19
  export declare const COMPONENT_DESCRIPTIONS_BY_VARIABLE: VariableNameToComponentsMap;
20
- export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "labGrotesqueBaselineCompensation" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "fontSizeMobile" | "lineHeightMobile" | "specificityLevel" | "fixedPanelShadow" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "transitionDuration" | "transitionTimingFunction" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkGrayedColor" | "linkGrayedHoverColor" | "linkGrayedActiveColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "linkLineBorderBottomStyle" | "linkLineHoverBorderBottomStyle" | "linkLineBorderBottomWidth" | "linkLineBorderBottomOpacity" | "linkLineBorderBottomColor" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenDefaultIdleBg" | "tokenDefaultIdleColor" | "tokenDefaultIdleBorderColor" | "tokenDefaultIdleBgHover" | "tokenDefaultIdleColorHover" | "tokenDefaultIdleBorderColorHover" | "tokenDefaultActiveBg" | "tokenDefaultActiveColor" | "tokenDefaultActiveBorderColor" | "tokenInputBorderColor" | "tokenInputBorderColorHover" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputMenuPopupBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "loaderBorderRadius" | "btnBackgroundClip" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnBorderColorTransition" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverBorderBottomColor" | "btnDefaultActiveBorderColor" | "btnDefaultActiveBorderTopColor" | "btnDefaultBorderColor" | "btnDefaultBorderBottomColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverBorderBottomColor" | "btnSuccessBorderColor" | "btnSuccessBorderBottomColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveBorderTopColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryHoverBorderBottomColor" | "btnPrimaryBorderColor" | "btnPrimaryBorderBottomColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveBg" | "btnPrimaryActiveBorderColor" | "btnPrimaryActiveBorderTopColor" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverBorderBottomColor" | "btnDangerBorderColor" | "btnDangerBorderBottomColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveBorderTopColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverBorderBottomColor" | "btnPayBorderColor" | "btnPayBorderBottomColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveBorderTopColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkLineBorderBottomStyle" | "btnLinkHoverLineBorderBottomStyle" | "btnLinkLineBorderBottomWidth" | "btnLinkLineBorderBottomOpacity" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "btnBacklessBg" | "btnBacklessHoverBg" | "btnBacklessActiveBg" | "btnBacklessBorderColor" | "btnBacklessHoverBorderColor" | "btnBacklessTextColor" | "btnTextBg" | "btnTextHoverBg" | "btnTextActiveBg" | "btnTextBorderColor" | "btnTextTextColor" | "btnTextHoverBorderColor" | "btnWithIconPaddingLeftSmall" | "btnWithIconPaddingLeftMedium" | "btnWithIconPaddingLeftLarge" | "btnIconColor" | "btnIconHoverColor" | "btnIconDisabledColor" | "selectDefaultBg" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "mobileSelectMaxWidth" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "selectMenuOffsetY" | "selectBorderColorHover" | "selectBorderColorTransition" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnSide" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBg" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipFontSize" | "tooltipLineHeight" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBackgroundActive" | "kebabBorderRadius" | "kebabBorder" | "kebabSizeSmall" | "kebabSizeMedium" | "kebabSizeLarge" | "kebabIconSizeSmall" | "kebabIconSizeMedium" | "kebabIconSizeLarge" | "kebabIconColor" | "modalWindowShadow" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderFontWeight" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalHeaderAdditionalPaddingBottom" | "modalFixedHeaderMarginBottom" | "modalFixedHeaderPaddingBottom" | "modalFixedFooterPaddingTop" | "modalFixedFooterMarginTop" | "modalSeparatorBorderBottom" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingBottom" | "modalBodyBorderRadius" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "mobileModalBodyFontSize" | "mobileModalFooterPadding" | "mobileModalPaddingBottom" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "mobileSidePagePaddingLeft" | "mobileSidePagePaddingRight" | "mobileSidePagePaddingTop" | "mobileSidePagePaddingBottom" | "mobileSidePageFooterPadding" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageBodyTextColor" | "sidePageFooterTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "mobileSidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "sidePageHeaderFontWeight" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarBottomSeparatorBorderColor" | "calendarBottomSeparatorBorderWidth" | "calendarBottomSeparatorBorder" | "calendarBg" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "datePickerMenuOffsetY" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "pickerBorderRadius" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkBoxSizing" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkDisabledActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkBorderRadius" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkHintMargin" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "pagingDotsDisabledColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastLinkTextDecorationHover" | "toastLinkBgHover" | "toastLinkBgActive" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuBorderColorTransition" | "dropdownMenuHoverBorderColor" | "dropdownMenuHoverBg" | "dropdownMenuOffsetY" | "dropdownMenuMenuOffsetY" | "dropdownMenuMenuBoxSizing" | "dropdownButtonBorderRadiusSmall" | "dropdownButtonBorderRadiusMedium" | "dropdownButtonBorderRadiusLarge" | "menuBgDefault" | "menuBorderRadius" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuLegacyPaddingY" | "menuScrollContainerContentWrapperPaddingY" | "mobileMenuPaddingY" | "mobileMenuScrollContainerContentWrapperPaddingY" | "menuPaddingX" | "mobileMenuPaddingX" | "menuOffsetY" | "menuBoxSizing" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconWidthSmall" | "menuItemIconWidthMedium" | "menuItemIconWidthLarge" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemPaddingForIconSmall" | "menuItemPaddingForIconMedium" | "menuItemPaddingForIconLarge" | "menuItemLineHeight" | "menuItemLineHeightSmall" | "menuItemLineHeightMedium" | "menuItemLineHeightLarge" | "menuItemFontSize" | "menuItemFontSizeSmall" | "menuItemFontSizeMedium" | "menuItemFontSizeLarge" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemPaddingXSmall" | "menuItemPaddingYSmall" | "menuItemPaddingXMedium" | "menuItemPaddingYMedium" | "menuItemPaddingXLarge" | "menuItemPaddingYLarge" | "menuItemBorderRadius" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentOpacity" | "menuItemCommentColorHover" | "menuItemDisplay" | "menuItemPaddingMobile" | "menuItemLineHeightMobile" | "menuItemFontSizeMobile" | "menuItemDisabledColor" | "menuItemDisabledBg" | "menuMessageTextColor" | "menuMessageBg" | "menuMessagePaddingY" | "menuMessagePaddingX" | "menuMessageDisplay" | "menuMessagePaddingMobile" | "menuMessageLineHeight" | "menuMessageLineHeightMobile" | "menuMessageFontSize" | "menuMessageFontSizeMobile" | "menuMessageFontSizeSmall" | "menuMessageFontSizeMedium" | "menuMessageFontSizeLarge" | "menuMessageLineHeightSmall" | "menuMessageLineHeightMedium" | "menuMessageLineHeightLarge" | "menuItemGap" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderLineHeightSmall" | "menuHeaderLineHeightMedium" | "menuHeaderLineHeightLarge" | "menuHeaderFontSize" | "menuHeaderFontSizeSmall" | "menuHeaderFontSizeMedium" | "menuHeaderFontSizeLarge" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderPaddingXSmall" | "menuHeaderPaddingTopSmall" | "menuHeaderPaddingBottomSmall" | "menuHeaderPaddingXMedium" | "menuHeaderPaddingTopMedium" | "menuHeaderPaddingBottomMedium" | "menuHeaderPaddingXLarge" | "menuHeaderPaddingTopLarge" | "menuHeaderPaddingBottomLarge" | "menuHeaderTotalCountPaddingTopSmall" | "menuHeaderTotalCountPaddingTopMedium" | "menuHeaderTotalCountPaddingTopLarge" | "menuHeaderTotalCountPaddingBottomSmall" | "menuHeaderTotalCountPaddingBottomMedium" | "menuHeaderTotalCountPaddingBottomLarge" | "menuHeaderLegacyPaddingRight" | "menuFooterColor" | "menuFooterLineHeightSmall" | "menuFooterLineHeightMedium" | "menuFooterLineHeightLarge" | "menuFooterFontSizeSmall" | "menuFooterFontSizeMedium" | "menuFooterFontSizeLarge" | "menuFooterPaddingXSmall" | "menuFooterPaddingXMedium" | "menuFooterPaddingXLarge" | "menuFooterPaddingTopSmall" | "menuFooterPaddingTopMedium" | "menuFooterPaddingTopLarge" | "menuFooterPaddingBottomSmall" | "menuFooterPaddingBottomMedium" | "menuFooterPaddingBottomLarge" | "menuFooterLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorMarginX" | "menuSeparatorBorderWidth" | "mobileMenuSeparatorMarginY" | "mobileMenuSeparatorMarginX" | "toggleFontSize" | "toggleLineHeight" | "toggleLineHeightSmall" | "toggleLineHeightMedium" | "toggleLineHeightLarge" | "toggleFontSizeSmall" | "toggleFontSizeMedium" | "toggleFontSizeLarge" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHandleBorderRadiusSmall" | "toggleHandleBorderRadiusMedium" | "toggleHandleBorderRadiusLarge" | "toggleHeight" | "toggleWidth" | "toggleHeightSmall" | "toggleWidthSmall" | "toggleHeightMedium" | "toggleWidthMedium" | "toggleHeightLarge" | "toggleWidthLarge" | "toggleBorderRadius" | "toggleBorderRadiusSmall" | "toggleBorderRadiusMedium" | "toggleBorderRadiusLarge" | "toggleBg" | "toggleCheckedBg" | "toggleDisabledHandleBg" | "toggleBaseBg" | "toggleBgDisabled" | "toggleBgDisabledChecked" | "toggleBgHover" | "toggleCheckedBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleBorderColorDisabledChecked" | "toggleHandleSize" | "toggleHandleSizeSmall" | "toggleHandleSizeMedium" | "toggleHandleSizeLarge" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleBgActive" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "toggleOutlineColorFocus" | "toggleHandleBoxShadowOld" | "toggleContainerBg" | "toggleContainerBgHover" | "toggleContainerBgChecked" | "toggleContainerBgCheckedHover" | "toggleContainerBoxShadow" | "toggleContainerBoxShadowHover" | "toggleContainerBoxShadowChecked" | "toggleContainerBoxShadowCheckedHover" | "toggleHandleBg" | "toggleHandleBgHover" | "toggleHandleBgChecked" | "toggleHandleBgCheckedHover" | "toggleHandleBoxShadow" | "toggleHandleBoxShadowHover" | "toggleHandleBoxShadowChecked" | "toggleHandleBoxShadowCheckedHover" | "toggleContainerBgDisabled" | "toggleHandleBgDisabled" | "toggleContainerBoxShadowDisabled" | "toggleHandleBoxShadowDisabled" | "toggleContainerBgDisabledChecked" | "toggleHandleBgDisabledChecked" | "toggleContainerBoxShadowDisabledChecked" | "toggleHandleBoxShadowDisabledChecked" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "popupMenuMenuOffsetY" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputFocusedBg" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBackgroundClip" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputDisabledBackgroundClip" | "inputBorderColor" | "inputBorderColorHover" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorDisabled" | "inputPlaceholderColorLight" | "inputBlinkColor" | "inputColorScheme" | "checkboxFontSize" | "checkboxFontSizeSmall" | "checkboxFontSizeMedium" | "checkboxFontSizeLarge" | "checkboxLineHeight" | "checkboxLineHeightSmall" | "checkboxLineHeightMedium" | "checkboxLineHeightLarge" | "checkboxBoxSize" | "checkboxBoxSizeSmall" | "checkboxBoxSizeMedium" | "checkboxBoxSizeLarge" | "checkboxCaptionGap" | "checkboxPaddingY" | "checkboxPaddingYSmall" | "checkboxPaddingYMedium" | "checkboxPaddingYLarge" | "checkboxBoxOffsetY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaBackgroundClip" | "textareaFontSize" | "textareaFontSizeSmall" | "textareaFontSizeMedium" | "textareaFontSizeLarge" | "textareaLineHeight" | "textareaLineHeightSmall" | "textareaLineHeightMedium" | "textareaLineHeightLarge" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaMinHeightSmall" | "textareaMinHeightMedium" | "textareaMinHeightLarge" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingXSmall" | "textareaPaddingXMedium" | "textareaPaddingXLarge" | "textareaPaddingY" | "textareaPaddingYSmall" | "textareaPaddingYMedium" | "textareaPaddingYLarge" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorHover" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioBulletSizeSmall" | "radioBulletSizeMedium" | "radioBulletSizeLarge" | "radioOutlineWidth" | "radioTextColor" | "radioSize" | "radioSizeSmall" | "radioSizeMedium" | "radioSizeLarge" | "radioFontSize" | "radioFontSizeSmall" | "radioFontSizeMedium" | "radioFontSizeLarge" | "radioLineHeight" | "radioLineHeightSmall" | "radioLineHeightMedium" | "radioLineHeightLarge" | "radioCaptionGap" | "radioPaddingY" | "radioPaddingYSmall" | "radioPaddingYMedium" | "radioPaddingYLarge" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioCaptionDisplay" | "radioBorderWidthCompensation" | "radioCircleOffsetY" | "radioCheckedDisabledBulletBg" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabFontSizeSmall" | "tabFontSizeMedium" | "tabFontSizeLarge" | "tabLineHeight" | "tabLineHeightSmall" | "tabLineHeightMedium" | "tabLineHeightLarge" | "tabPaddingX" | "tabPaddingXSmall" | "tabPaddingXMedium" | "tabPaddingXLarge" | "tabsMarginX" | "tabPaddingY" | "tabPaddingYSmall" | "tabPaddingYMedium" | "tabPaddingYLarge" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "tabIndicatorBorderRadius" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "spinnerCaptionMarginSmall" | "spinnerCaptionMarginMedium" | "spinnerCaptionMarginLarge" | "switcherBorderRadius" | "switcherTextColor" | "switcherOutlineWidth" | "switcherCaptionFontSizeSmall" | "switcherCaptionFontSizeMedium" | "switcherCaptionFontSizeLarge" | "switcherCaptionLineHeightSmall" | "switcherCaptionLineHeightMedium" | "switcherCaptionLineHeightLarge" | "switcherCaptionGapSmall" | "switcherCaptionGapMedium" | "switcherCaptionGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherBtnDisabledBorderColor" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "mobilePopupTopPadding" | "mobilePopupContainerBottomPadding" | "mobilePopupHeaderPadding" | "mobilePopupContainerBorderRadius" | "mobilePopupHeaderFontSize" | "mobilePopupHeaderLineHeight" | "mobilePopupHeaderFontWeight" | "mobilePopupHeaderChildPadding" | "mobilePopupOuterIndentY" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor" | "scrollContainerScrollBarOffsetY" | "dropdownMenuScrollContainerScrollBarOffsetY" | "passwordInputVisibilityIconColor" | "passwordInputVisibilityIconOpacity" | "passwordInputVisibilityIconHoverColor" | "passwordInputVisibilityIconHoverOpacity" | "globalLoaderColor" | "globalLoaderHeight" | "globalLoaderWidth" | "globalLoaderPosition" | "globalLoaderTop" | "globalLoaderLeft" | "globalLoaderBottom" | "globalLoaderRight" | "globalLoaderBackgroundColor" | "globalLoaderTransitionToSpinnerDuration" | "globalLoaderSpinnerAnimationDuration" | "globalLoaderSlowAnimationDuration" | "globalLoaderTransitionFromSpinnerDuration" | "fileUploaderWidth" | "fileUploaderBg" | "fileUploaderUploadButtonBg" | "fileUploaderFontSize" | "fileUploaderPaddingXSmall" | "fileUploaderPaddingXMedium" | "fileUploaderPaddingXLarge" | "fileUploaderFontSizeSmall" | "fileUploaderFontSizeMedium" | "fileUploaderFontSizeLarge" | "fileUploaderLineHeight" | "fileUploaderLineHeightSmall" | "fileUploaderLineHeightMedium" | "fileUploaderLineHeightLarge" | "fileUploaderPaddingYSmall" | "fileUploaderPaddingYMedium" | "fileUploaderPaddingYLarge" | "fileUploaderTextColorDefault" | "fileUploaderPaddingX" | "fileUploaderPaddingY" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderDisabledBorder" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderAfterLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBgClip" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg" | "fileUploaderHoveredBorderColor" | "fileUploaderIconGapSmall" | "fileUploaderIconGapMedium" | "fileUploaderIconGapLarge" | "fileUploaderDragOverBorderColor" | "fileUploaderDragOverShadow" | "closeBtnIconColor" | "closeBtnIconDisabledColor" | "closeBtnIconHoverColor" | "closeBtnIconBorderRadius" | "closeBtnIconFocusShadow" | "internalMenuPaddingY" | "autocompleteMenuOffsetY" | "comboboxMenuOffsetY")[];
20
+ export declare const ALL_USED_VARIABLES: ("black" | "blue" | "gray" | "green" | "red" | "white" | "yellow" | "prototype" | "fontFamilyCompensationBaseline" | "labGrotesqueBaselineCompensation" | "brandXLight" | "brandLight" | "brand" | "brandDark" | "brandXDark" | "grayXxLight" | "grayXLight" | "grayLight" | "grayDark" | "blueXxLight" | "blueLight" | "blueDark" | "blueXDark" | "greenXxLight" | "greenDark" | "redXxLight" | "redDark" | "yellowXxLight" | "yellowDark" | "bgDefault" | "bgSecondary" | "bgDisabled" | "errorMain" | "errorSecondary" | "errorText" | "warningMain" | "warningSecondary" | "warningText" | "borderColorFocusLight" | "borderColorGrayDark" | "borderColorGrayLight" | "borderColorDisabled" | "placeholderColor" | "outlineColorFocus" | "placeholderColorLight" | "blinkColor" | "controlBorderWidth" | "controlOutlineWidth" | "controlLineHeightSmall" | "controlLineHeightMedium" | "controlLineHeightLarge" | "controlPaddingYSmall" | "controlPaddingYMedium" | "controlPaddingYLarge" | "textColorDefault" | "textColorInvert" | "textColorDisabled" | "textColorDisabledContrast" | "fontSizeSmall" | "fontSizeMedium" | "fontSizeLarge" | "fontSizeMobile" | "lineHeightMobile" | "specificityLevel" | "fixedPanelShadow" | "bgActive" | "borderColorFocus" | "borderColorError" | "borderColorWarning" | "controlHeightSmall" | "controlHeightMedium" | "controlHeightLarge" | "mobileMediaQuery" | "transitionDuration" | "transitionTimingFunction" | "linkColor" | "linkActiveColor" | "linkHoverTextDecoration" | "linkSuccessColor" | "linkSuccessHoverColor" | "linkSuccessActiveColor" | "linkDangerColor" | "linkDangerHoverColor" | "linkDangerActiveColor" | "linkIconMarginRight" | "linkHoverColor" | "linkDisabledColor" | "linkGrayedColor" | "linkGrayedHoverColor" | "linkGrayedActiveColor" | "linkButtonLineHeight" | "linkButtonPaddingX" | "linkLineBorderBottomStyle" | "linkLineHoverBorderBottomStyle" | "linkLineBorderBottomWidth" | "linkLineBorderBottomOpacity" | "linkLineBorderBottomColor" | "tokenDisabledBg" | "tokenTextColorDisabled" | "tokenFontSize" | "tokenMarginY" | "tokenMarginX" | "tokenLineHeight" | "tokenPaddingY" | "tokenPaddingX" | "tokenMarginBeforeIcon" | "tokenRemoveIconSize" | "tokenRemoveIconPaddingY" | "tokenRemoveIconPaddingX" | "tokenRemoveIconGap" | "tokenRemoveIconBoxSizing" | "tokenBorderRadius" | "tokenBorderWidth" | "tokenBorderColorDisabled" | "tokenDefaultIdle" | "tokenDefaultActive" | "tokenGrayIdle" | "tokenGrayActive" | "tokenBlueIdle" | "tokenBlueActive" | "tokenGreenIdle" | "tokenGreenActive" | "tokenYellowIdle" | "tokenYellowActive" | "tokenRedIdle" | "tokenRedActive" | "tokenWhite" | "tokenBlack" | "tokenBorderColorWarning" | "tokenBorderColorError" | "tokenOutlineWidth" | "tokenLegacyTextShift" | "tokenPaddingYDisabled" | "tokenPaddingXDisabled" | "tokenMarginYDisabled" | "tokenMarginXDisabled" | "tokenShadowDisabled" | "tokenDefaultIdleBg" | "tokenDefaultIdleColor" | "tokenDefaultIdleBorderColor" | "tokenDefaultIdleBgHover" | "tokenDefaultIdleColorHover" | "tokenDefaultIdleBorderColorHover" | "tokenDefaultActiveBg" | "tokenDefaultActiveColor" | "tokenDefaultActiveBorderColor" | "tokenInputBorderColor" | "tokenInputBorderColorHover" | "tokenInputBorderColorFocus" | "tokenInputBorderColorError" | "tokenInputBorderColorWarning" | "tokenInputBorderTopColor" | "tokenInputBorderRadius" | "tokenInputPlaceholderColor" | "tokenInputPlaceholderColorLight" | "tokenInputDisabledBg" | "tokenInputDisabledBorderColor" | "tokenInputBorderWidth" | "tokenInputOutlineWidth" | "tokenInputBg" | "tokenInputMenuPopupBg" | "tokenInputShadow" | "tokenInputTextColor" | "tokenInputTextColorDisabled" | "tokenInputPlaceholderColorDisabled" | "tokenInputPaddingY" | "tokenInputPaddingX" | "tokenInputFontSize" | "tokenInputLineHeight" | "tokenInputInputPaddingLeft" | "tokenInputInputPaddingRight" | "loaderBg" | "loaderOpacity" | "loaderBorderRadius" | "btnBackgroundClip" | "btnArrowBgImageActive" | "btnArrowBgImageChecked" | "btnLinkBorderRadius" | "btnFocusShadowWidth" | "btnBorderColorTransition" | "btnDisabledBorderColor" | "btnCheckedBg" | "btnCheckedDisabledBg" | "btnCheckedDisabledColor" | "btnCheckedTextColor" | "btnCheckedDisabledBorderColor" | "btnCheckedShadow" | "btnCheckedDisabledShadow" | "btnBorderRadiusSmall" | "btnBorderRadiusMedium" | "btnBorderRadiusLarge" | "btnBorderWidth" | "btnInsetWidth" | "btnOutlineWidth" | "btnPaddingXSmall" | "btnPaddingXMedium" | "btnPaddingXLarge" | "btnIconGapSmall" | "btnIconGapMedium" | "btnIconGapLarge" | "btnIconSizeSmall" | "btnIconSizeMedium" | "btnIconSizeLarge" | "btnDefaultBg" | "btnDefaultBgStart" | "btnDefaultBgEnd" | "btnDefaultCheckedBorderColor" | "btnDefaultTextColor" | "btnDefaultHoverBg" | "btnDefaultHoverBgStart" | "btnDefaultHoverBgEnd" | "btnDefaultActiveBg" | "btnDefaultHoverBorderColor" | "btnDefaultHoverBorderBottomColor" | "btnDefaultActiveBorderColor" | "btnDefaultActiveBorderTopColor" | "btnDefaultBorderColor" | "btnDefaultBorderBottomColor" | "btnDefaultActiveShadow" | "btnSuccessBg" | "btnSuccessHoverBg" | "btnSuccessHoverBorderColor" | "btnSuccessHoverBorderBottomColor" | "btnSuccessBorderColor" | "btnSuccessBorderBottomColor" | "btnSuccessBgStart" | "btnSuccessBgEnd" | "btnSuccessTextColor" | "btnSuccessHoverBgStart" | "btnSuccessHoverBgEnd" | "btnSuccessActiveBg" | "btnSuccessActiveBorderColor" | "btnSuccessActiveBorderTopColor" | "btnSuccessActiveShadow" | "btnPrimaryBg" | "btnPrimaryHoverBg" | "btnPrimaryHoverBorderColor" | "btnPrimaryHoverBorderBottomColor" | "btnPrimaryBorderColor" | "btnPrimaryBorderBottomColor" | "btnPrimaryBgStart" | "btnPrimaryBgEnd" | "btnPrimaryTextColor" | "btnPrimaryHoverBgStart" | "btnPrimaryHoverBgEnd" | "btnPrimaryActiveBg" | "btnPrimaryActiveBorderColor" | "btnPrimaryActiveBorderTopColor" | "btnPrimaryActiveShadow" | "btnDangerBg" | "btnDangerHoverBg" | "btnDangerHoverBorderColor" | "btnDangerHoverBorderBottomColor" | "btnDangerBorderColor" | "btnDangerBorderBottomColor" | "btnDangerBgStart" | "btnDangerBgEnd" | "btnDangerTextColor" | "btnDangerHoverBgStart" | "btnDangerHoverBgEnd" | "btnDangerActiveBg" | "btnDangerActiveBorderColor" | "btnDangerActiveBorderTopColor" | "btnDangerActiveShadow" | "btnPayBg" | "btnPayHoverBg" | "btnPayHoverBorderColor" | "btnPayHoverBorderBottomColor" | "btnPayBorderColor" | "btnPayBorderBottomColor" | "btnPayBgStart" | "btnPayBgEnd" | "btnPayTextColor" | "btnPayHoverBgStart" | "btnPayHoverBgEnd" | "btnPayActiveBg" | "btnPayActiveBorderColor" | "btnPayActiveBorderTopColor" | "btnPayActiveShadow" | "btnMenuArrowColor" | "btnFontSizeSmall" | "btnFontSizeMedium" | "btnFontSizeLarge" | "btnLineHeightSmall" | "btnLineHeightMedium" | "btnLineHeightLarge" | "btnPaddingYSmall" | "btnPaddingYMedium" | "btnPaddingYLarge" | "btnDisabledBg" | "btnBorderColorWarning" | "btnBorderColorError" | "btnHeightSmall" | "btnHeightMedium" | "btnHeightLarge" | "btnLinkColor" | "btnLinkHoverColor" | "btnLinkActiveColor" | "btnLinkHoverTextDecoration" | "btnLinkLineBorderBottomColor" | "btnLinkLineBorderBottomStyle" | "btnLinkHoverLineBorderBottomStyle" | "btnLinkLineBorderBottomWidth" | "btnLinkLineBorderBottomOpacity" | "btnLinkIconMarginRight" | "btnErrorSecondary" | "btnWarningSecondary" | "btnOutlineColorFocus" | "btnInsetColor" | "btnBorderColorFocus" | "btnLinkDisabledColor" | "btnDisabledTextColor" | "btnBacklessBg" | "btnBacklessHoverBg" | "btnBacklessActiveBg" | "btnBacklessBorderColor" | "btnBacklessHoverBorderColor" | "btnBacklessTextColor" | "btnTextBg" | "btnTextHoverBg" | "btnTextActiveBg" | "btnTextBorderColor" | "btnTextTextColor" | "btnTextHoverBorderColor" | "btnWithIconPaddingLeftSmall" | "btnWithIconPaddingLeftMedium" | "btnWithIconPaddingLeftLarge" | "btnIconColor" | "btnIconHoverColor" | "btnIconDisabledColor" | "selectDefaultBg" | "selectPlaceholderColor" | "selectBorderWidth" | "selectPlaceholderColorDisabled" | "selectOutlineWidth" | "selectLineHeightSmall" | "selectFontSizeSmall" | "selectPaddingXSmall" | "selectPaddingYSmall" | "selectBorderRadiusSmall" | "selectIconGapSmall" | "selectLineHeightMedium" | "selectFontSizeMedium" | "selectPaddingXMedium" | "selectPaddingYMedium" | "selectBorderRadiusMedium" | "selectIconGapMedium" | "selectLineHeightLarge" | "selectFontSizeLarge" | "selectPaddingXLarge" | "selectPaddingYLarge" | "selectBorderRadiusLarge" | "selectIconGapLarge" | "selectMenuArrowColor" | "selectMenuArrowColorDisabled" | "selectIconSizeSmall" | "selectIconSizeMedium" | "selectIconSizeLarge" | "selectRootWidthMobile" | "mobileSelectMaxWidth" | "selectTextColorDisabled" | "selectBgDisabled" | "selectBorderColorDisabled" | "selectMenuOffsetY" | "selectBorderColorHover" | "selectBorderColorTransition" | "tooltipPaddingY" | "tooltipPaddingX" | "tooltipCloseBtnPadding" | "tooltipCloseBtnSide" | "tooltipCloseBtnColor" | "tooltipCloseBtnHoverColor" | "tooltipTextColor" | "tooltipBg" | "tooltipBorder" | "tooltipBorderRadius" | "tooltipPinOffset" | "tooltipPinOffsetX" | "tooltipPinOffsetY" | "tooltipMargin" | "tooltipPinSize" | "tooltipFontSize" | "tooltipLineHeight" | "tooltipMenuPinOffset" | "tooltipMenuMargin" | "tooltipMenuPinSize" | "kebabPinOffset" | "kebabPinSize" | "kebabMargin" | "kebabBackground" | "kebabBackgroundHover" | "kebabBackgroundActive" | "kebabBorderRadius" | "kebabBorder" | "kebabSizeSmall" | "kebabSizeMedium" | "kebabSizeLarge" | "kebabIconSizeSmall" | "kebabIconSizeMedium" | "kebabIconSizeLarge" | "kebabIconColor" | "modalWindowShadow" | "modalBackBg" | "modalBg" | "modalBackOpacity" | "modalCloseButtonColor" | "modalCloseButtonDisabledColor" | "modalCloseButtonHoverColor" | "modalCloseButtonPadding" | "modalCloseButtonLegacyShift" | "modalCloseButtonBottomPadding" | "modalCloseButtonClickArea" | "modalCloseIconSize" | "modalCloseLegacyGap" | "modalCloseWrapperLegacyGap" | "modalBorderRadius" | "modalFixedHeaderBg" | "modalFixedHeaderShadow" | "modalFixedHeaderBorder" | "modalFixedFooterBorder" | "modalFixedFooterShadow" | "modalFixedPanelShadow" | "modalFooterBg" | "modalAdaptiveThreshold" | "modalPaddingTop" | "modalPaddingLeft" | "modalPaddingRight" | "modalHeaderFontSize" | "modalHeaderFontWeight" | "modalHeaderTextColor" | "modalHeaderLineHeight" | "modalHeaderPaddingBottom" | "modalHeaderPaddingTop" | "modalHeaderAdditionalPaddingBottom" | "modalFixedHeaderMarginBottom" | "modalFixedHeaderPaddingBottom" | "modalFixedFooterPaddingTop" | "modalFixedFooterMarginTop" | "modalSeparatorBorderBottom" | "modalBodyTextColor" | "modalFooterTextColor" | "modalBodyPaddingBottom" | "modalBodyBorderRadius" | "modalFooterPaddingTop" | "modalFooterPaddingBottom" | "modalPaddingBottom" | "modalFooterPanelPaddingTop" | "modalFooterPanelPaddingBottom" | "mobileModalCloseButtonRightPadding" | "mobileModalCloseButtonTopPadding" | "mobileModalCloseButtonClickArea" | "mobileModalCloseIconSize" | "mobileModalHeaderFontSize" | "mobileModalHeaderLineHeight" | "mobileModalHeaderPadding" | "mobileModalBodyPadding" | "mobileModalBodyFontSize" | "mobileModalFooterPadding" | "mobileModalPaddingBottom" | "sidePageFooterPanelBg" | "sidePageBackingBg" | "sidePageBackingBgOpacity" | "sidePageCloseButtonColor" | "sidePageCloseButtonHoverColor" | "sidePageContainerShadow" | "mobileSidePagePaddingLeft" | "mobileSidePagePaddingRight" | "mobileSidePagePaddingTop" | "mobileSidePagePaddingBottom" | "mobileSidePageFooterPadding" | "sidePagePaddingLeft" | "sidePagePaddingRight" | "sidePagePaddingTop" | "sidePagePaddingBottom" | "sidePageFooterPaddingTop" | "sidePageFooterPaddingBottom" | "sidePageBgDefault" | "sidePageHeaderTextColor" | "sidePageBodyTextColor" | "sidePageFooterTextColor" | "sidePageHeaderFontSize" | "sidePageHeaderLineHeight" | "sidePageHeaderPaddingBottom" | "sidePageHeaderPaddingTop" | "sidePageHeaderFixedFontSize" | "sidePageHeaderFixedLineHeight" | "sidePageHeaderFixedPaddingY" | "sidePageHeaderStickyOffset" | "sidePageCloseButtonPadding" | "mobileSidePageCloseButtonPadding" | "sidePageCloseButtonLegacyPaddingLeft" | "sidePageFooterPanelPaddingTop" | "sidePageFooterPanelPaddingBottom" | "sidePageCloseIconSize" | "sidePageCloseButtonClickArea" | "mobileSidePageCloseButtonClickArea" | "sidePageFixedHeaderShadow" | "sidePageFixedFooterShadow" | "sidePageFixedPanelShadow" | "mobileSidePageHeaderFontSize" | "mobileSidePageHeaderLineHeight" | "mobileSidePageHeaderPaddingBottom" | "mobileSidePageHeaderPaddingTop" | "sidePageHeaderFontWeight" | "dateInputIconColor" | "dateInputMaskColor" | "dateInputComponentSelectedBgColor" | "calendarBottomSeparatorBorderColor" | "calendarBottomSeparatorBorderWidth" | "calendarBottomSeparatorBorder" | "calendarBg" | "calendarCellBg" | "calendarCellHoverColor" | "calendarCellActiveHoverColor" | "calendarCellWeekendColor" | "calendarCellTodayBorder" | "calendarCellSelectedBgColor" | "calendarCellSelectedFontColor" | "calendarCellSize" | "calendarCellLineHeight" | "calendarMonthHeaderStickedBgColor" | "calendarMonthTitleBorderBottomColor" | "calendarCellHoverBgColor" | "calendarPaddingX" | "calendarMonthTitleLineHeight" | "calendarMonthTitlePaddingTop" | "calendarMonthTitlePaddingBottom" | "calendarMonthTitleMarginX" | "calendarMonthTitleMarginBottom" | "calendarWrapperHeight" | "calendarMonthMarginBottom" | "calendarMaxMonthsToAppendOnScroll" | "dateSelectLineHeight" | "dateSelectFontSize" | "dateSelectFontWeight" | "dateSelectMenuItemBgSelected" | "dateSelectTextColorDisabled" | "dateSelectTextColorDefault" | "dateSelectLinkColor" | "dateSelectPopupBoxShadow" | "dateSelectTextColorInvert" | "datePickerOpenBtnColor" | "datePickerMenuOffsetY" | "pickerBg" | "pickerShadow" | "pickerTodayWrapperBgColor" | "pickerTodayWrapperBorderTop" | "pickerTodayWrapperHoverBgColor" | "pickerTodayWrapperFontSize" | "pickerTodayWrapperLineHeight" | "pickerTodayWrapperPaddingTop" | "pickerTodayWrapperPaddingBottom" | "pickerBorderRadius" | "dateSelectMenuBg" | "dateSelectMenuItemBgActive" | "dateSelectMenuItemBgDisabled" | "dateSelectMenuItemFontActive" | "dateSelectMenuItemFontSelected" | "dateSelectMenuItemFontDisabled" | "pagingFontSize" | "pagingForwardIconSize" | "pagingForwardIconMarginTop" | "pagingPageLinkBoxSizing" | "pagingPageLinkPaddingX" | "pagingPageLinkPaddingY" | "pagingPageLinkLegacyPaddingY" | "pagingPageLinkMinWidth" | "pagingPageForwardLinkMarginTop" | "pagingPageForwardLinkMarginLeft" | "pagingPageForwardLinkPaddingRight" | "pagingLineHeight" | "pagingDotsColor" | "pagingDotsPadding" | "pagingPageLinkActiveBg" | "pagingPageLinkDisabledActiveBg" | "pagingPageLinkActiveColor" | "pagingPageLinkHoverBg" | "pagingPageLinkBorderRadius" | "pagingPageLinkHintColor" | "pagingPageLinkHintFontSize" | "pagingPageLinkHintLineHeight" | "pagingPageLinkHintMargin" | "pagingPageLinkMargin" | "pagingForwardLinkColor" | "pagingForwardLinkDisabledColor" | "pagingDotsDisabledColor" | "hintColor" | "mobileHintColor" | "hintFontSize" | "hintLineHeight" | "hintMaxWidth" | "hintPaddingY" | "hintPaddingX" | "hintTextAlign" | "hintBgColor" | "hintBorder" | "hintBorderRadius" | "hintPinOffset" | "hintMargin" | "toastFontSize" | "toastLineHeight" | "toastPaddingY" | "toastPaddingX" | "toastBorderRadius" | "toastBorder" | "toastTop" | "toastBg" | "toastColor" | "toastLinkColor" | "toastLinkTextDecorationHover" | "toastLinkBgHover" | "toastLinkBgActive" | "toastClosePadding" | "toastCloseColor" | "toastCloseHoverColor" | "toastCloseSize" | "dropdownMenuSelectedBg" | "dropdownMenuBorderColorTransition" | "dropdownMenuHoverBorderColor" | "dropdownMenuHoverBg" | "dropdownMenuOffsetY" | "dropdownMenuMenuOffsetY" | "dropdownMenuMenuBoxSizing" | "dropdownButtonBorderRadiusSmall" | "dropdownButtonBorderRadiusMedium" | "dropdownButtonBorderRadiusLarge" | "dropdownDefaultBg" | "dropdownBorderWidth" | "dropdownOutlineWidth" | "dropdownLineHeightSmall" | "dropdownFontSizeSmall" | "dropdownPaddingXSmall" | "dropdownPaddingYSmall" | "dropdownIconSizeSmall" | "dropdownLineHeightMedium" | "dropdownFontSizeMedium" | "dropdownPaddingXMedium" | "dropdownPaddingYMedium" | "dropdownIconSizeMedium" | "dropdownLineHeightLarge" | "dropdownFontSizeLarge" | "dropdownPaddingXLarge" | "dropdownPaddingYLarge" | "dropdownIconSizeLarge" | "dropdownBgDisabled" | "dropdownBorderColorDisabled" | "dropdownTextColorDisabled" | "menuBgDefault" | "menuBorderRadius" | "menuBorder" | "menuShadow" | "menuPaddingY" | "menuLegacyPaddingY" | "menuScrollContainerContentWrapperPaddingY" | "mobileMenuPaddingY" | "mobileMenuScrollContainerContentWrapperPaddingY" | "menuPaddingX" | "mobileMenuPaddingX" | "menuOffsetY" | "menuBoxSizing" | "menuItemTextColor" | "menuItemSelectedBg" | "menuItemHoverBg" | "menuItemIconWidth" | "menuItemIconWidthSmall" | "menuItemIconWidthMedium" | "menuItemIconWidthLarge" | "menuItemIconGap" | "menuItemIconLegacyMargin" | "menuItemIconLegacyShift" | "menuItemPaddingForIcon" | "menuItemPaddingForIconSmall" | "menuItemPaddingForIconMedium" | "menuItemPaddingForIconLarge" | "menuItemLineHeight" | "menuItemLineHeightSmall" | "menuItemLineHeightMedium" | "menuItemLineHeightLarge" | "menuItemFontSize" | "menuItemFontSizeSmall" | "menuItemFontSizeMedium" | "menuItemFontSizeLarge" | "menuItemPaddingX" | "menuItemPaddingY" | "menuItemPaddingXSmall" | "menuItemPaddingYSmall" | "menuItemPaddingXMedium" | "menuItemPaddingYMedium" | "menuItemPaddingXLarge" | "menuItemPaddingYLarge" | "menuItemBorderRadius" | "menuItemLegacyPaddingX" | "menuItemLegacyPaddingY" | "menuItemHoverColor" | "menuItemLinkColor" | "menuItemCommentColor" | "menuItemCommentOpacity" | "menuItemCommentColorHover" | "menuItemDisplay" | "menuItemPaddingMobile" | "menuItemLineHeightMobile" | "menuItemFontSizeMobile" | "menuItemDisabledColor" | "menuItemDisabledBg" | "menuMessageTextColor" | "menuMessageBg" | "menuMessagePaddingY" | "menuMessagePaddingX" | "menuMessageDisplay" | "menuMessagePaddingMobile" | "menuMessageLineHeight" | "menuMessageLineHeightMobile" | "menuMessageFontSize" | "menuMessageFontSizeMobile" | "menuMessageFontSizeSmall" | "menuMessageFontSizeMedium" | "menuMessageFontSizeLarge" | "menuMessageLineHeightSmall" | "menuMessageLineHeightMedium" | "menuMessageLineHeightLarge" | "menuItemGap" | "menuHeaderColor" | "menuHeaderLineHeight" | "menuHeaderLineHeightSmall" | "menuHeaderLineHeightMedium" | "menuHeaderLineHeightLarge" | "menuHeaderFontSize" | "menuHeaderFontSizeSmall" | "menuHeaderFontSizeMedium" | "menuHeaderFontSizeLarge" | "menuHeaderPaddingX" | "menuHeaderPaddingTop" | "menuHeaderPaddingBottom" | "menuHeaderPaddingXSmall" | "menuHeaderPaddingTopSmall" | "menuHeaderPaddingBottomSmall" | "menuHeaderPaddingXMedium" | "menuHeaderPaddingTopMedium" | "menuHeaderPaddingBottomMedium" | "menuHeaderPaddingXLarge" | "menuHeaderPaddingTopLarge" | "menuHeaderPaddingBottomLarge" | "menuHeaderTotalCountPaddingTopSmall" | "menuHeaderTotalCountPaddingTopMedium" | "menuHeaderTotalCountPaddingTopLarge" | "menuHeaderTotalCountPaddingBottomSmall" | "menuHeaderTotalCountPaddingBottomMedium" | "menuHeaderTotalCountPaddingBottomLarge" | "menuHeaderLegacyPaddingRight" | "menuFooterColor" | "menuFooterLineHeightSmall" | "menuFooterLineHeightMedium" | "menuFooterLineHeightLarge" | "menuFooterFontSizeSmall" | "menuFooterFontSizeMedium" | "menuFooterFontSizeLarge" | "menuFooterPaddingXSmall" | "menuFooterPaddingXMedium" | "menuFooterPaddingXLarge" | "menuFooterPaddingTopSmall" | "menuFooterPaddingTopMedium" | "menuFooterPaddingTopLarge" | "menuFooterPaddingBottomSmall" | "menuFooterPaddingBottomMedium" | "menuFooterPaddingBottomLarge" | "menuFooterLegacyPaddingRight" | "menuSeparatorBorderColor" | "menuSeparatorMarginY" | "menuSeparatorMarginX" | "menuSeparatorBorderWidth" | "mobileMenuSeparatorMarginY" | "mobileMenuSeparatorMarginX" | "toggleFontSize" | "toggleLineHeight" | "toggleLineHeightSmall" | "toggleLineHeightMedium" | "toggleLineHeightLarge" | "toggleFontSizeSmall" | "toggleFontSizeMedium" | "toggleFontSizeLarge" | "toggleTextColor" | "toggleHandleActiveWidthIncrement" | "toggleHandleBorderRadius" | "toggleHandleBorderRadiusSmall" | "toggleHandleBorderRadiusMedium" | "toggleHandleBorderRadiusLarge" | "toggleHeight" | "toggleWidth" | "toggleHeightSmall" | "toggleWidthSmall" | "toggleHeightMedium" | "toggleWidthMedium" | "toggleHeightLarge" | "toggleWidthLarge" | "toggleBorderRadius" | "toggleBorderRadiusSmall" | "toggleBorderRadiusMedium" | "toggleBorderRadiusLarge" | "toggleBg" | "toggleCheckedBg" | "toggleDisabledHandleBg" | "toggleBaseBg" | "toggleBgDisabled" | "toggleBgDisabledChecked" | "toggleBgHover" | "toggleCheckedBgHover" | "toggleBgChecked" | "toggleBorderWidth" | "toggleOutlineWidth" | "toggleBorderColor" | "toggleBorderColorDisabled" | "toggleBorderColorDisabledChecked" | "toggleHandleSize" | "toggleHandleSizeSmall" | "toggleHandleSizeMedium" | "toggleHandleSizeLarge" | "toggleHandleLeft" | "toggleHandleTop" | "toggleBgFocus" | "toggleBgActive" | "toggleShadowColorError" | "toggleShadowColorWarning" | "toggleFocusShadowColor" | "toggleCaptionGap" | "toggleButtonOffsetY" | "toggleOutlineColorFocus" | "toggleHandleBoxShadowOld" | "toggleContainerBg" | "toggleContainerBgHover" | "toggleContainerBgChecked" | "toggleContainerBgCheckedHover" | "toggleContainerBoxShadow" | "toggleContainerBoxShadowHover" | "toggleContainerBoxShadowChecked" | "toggleContainerBoxShadowCheckedHover" | "toggleHandleBg" | "toggleHandleBgHover" | "toggleHandleBgChecked" | "toggleHandleBgCheckedHover" | "toggleHandleBoxShadow" | "toggleHandleBoxShadowHover" | "toggleHandleBoxShadowChecked" | "toggleHandleBoxShadowCheckedHover" | "toggleContainerBgDisabled" | "toggleHandleBgDisabled" | "toggleContainerBoxShadowDisabled" | "toggleHandleBoxShadowDisabled" | "toggleContainerBgDisabledChecked" | "toggleHandleBgDisabledChecked" | "toggleContainerBoxShadowDisabledChecked" | "toggleHandleBoxShadowDisabledChecked" | "popupBorder" | "popupBorderRadius" | "popupBorderColor" | "popupDropShadow" | "popupBoxShadow" | "popupTextColor" | "popupBackground" | "popupPinOffset" | "popupPinOffsetX" | "popupPinOffsetY" | "popupMargin" | "popupPinSize" | "popupMenuMenuOffsetY" | "inputTextColor" | "inputShadow" | "inputBg" | "inputIconColor" | "inputFocusedIconColor" | "inputColor" | "inputWidth" | "inputTextColorDisabled" | "inputFontSizeSmall" | "inputFontSizeMedium" | "inputFontSizeLarge" | "inputLineHeightSmall" | "inputLineHeightMedium" | "inputLineHeightLarge" | "inputHeightSmall" | "inputHeightMedium" | "inputHeightLarge" | "inputPaddingYSmall" | "inputPaddingYMedium" | "inputPaddingYLarge" | "inputPaddingXSmall" | "inputPaddingXMedium" | "inputPaddingXLarge" | "inputIconGapSmall" | "inputIconGapMedium" | "inputIconGapLarge" | "inputIconSizeSmall" | "inputIconSizeMedium" | "inputIconSizeLarge" | "inputFocusShadow" | "inputFocusedBg" | "inputDisabledBg" | "inputDisabledBorderColor" | "inputFocusOutline" | "inputBorderWidth" | "inputOutlineWidth" | "inputBackgroundClip" | "inputBorderRadiusSmall" | "inputBorderRadiusMedium" | "inputBorderRadiusLarge" | "inputDisabledBackgroundClip" | "inputBorderColor" | "inputBorderColorHover" | "inputBorderColorFocus" | "inputBorderColorError" | "inputBorderColorWarning" | "inputBorderTopColor" | "inputPlaceholderColor" | "inputPlaceholderColorDisabled" | "inputPlaceholderColorLight" | "inputBlinkColor" | "inputColorScheme" | "checkboxFontSize" | "checkboxFontSizeSmall" | "checkboxFontSizeMedium" | "checkboxFontSizeLarge" | "checkboxLineHeight" | "checkboxLineHeightSmall" | "checkboxLineHeightMedium" | "checkboxLineHeightLarge" | "checkboxBoxSize" | "checkboxBoxSizeSmall" | "checkboxBoxSizeMedium" | "checkboxBoxSizeLarge" | "checkboxCaptionGap" | "checkboxPaddingY" | "checkboxPaddingYSmall" | "checkboxPaddingYMedium" | "checkboxPaddingYLarge" | "checkboxBoxOffsetY" | "checkboxBgStart" | "checkboxBgEnd" | "checkboxTextColorDefault" | "checkboxTextColorDisabled" | "checkboxShadowDisabled" | "checkboxBorder" | "checkboxBorderWidth" | "checkboxShadow" | "checkboxShadowHover" | "checkboxCheckedColor" | "checkboxOutlineColorFocus" | "checkboxBorderColorWarning" | "checkboxBorderColorError" | "checkboxCheckedHoverShadow" | "checkboxBorderRadius" | "checkboxOutlineWidth" | "checkboxCheckedShadow" | "checkboxCheckedActiveShadow" | "checkboxBorderColorFocus" | "checkboxBg" | "checkboxHoverBg" | "checkboxActiveBg" | "checkboxCheckedBg" | "checkboxBgDisabled" | "checkboxCheckedHoverBg" | "checkboxCheckedActiveBg" | "checkboxShadowActive" | "textareaBg" | "textareaColor" | "textareaTextColorDisabled" | "textareaPlaceholderColorLight" | "textareaPlaceholderColor" | "textareaPlaceholderColorDisabled" | "textareaShadow" | "textareaBackgroundClip" | "textareaFontSize" | "textareaFontSizeSmall" | "textareaFontSizeMedium" | "textareaFontSizeLarge" | "textareaLineHeight" | "textareaLineHeightSmall" | "textareaLineHeightMedium" | "textareaLineHeightLarge" | "textareaBorderRadius" | "textareaBorderWidth" | "textareaOutlineWidth" | "textareaMinHeight" | "textareaMinHeightSmall" | "textareaMinHeightMedium" | "textareaMinHeightLarge" | "textareaWidth" | "textareaPaddingX" | "textareaPaddingXSmall" | "textareaPaddingXMedium" | "textareaPaddingXLarge" | "textareaPaddingY" | "textareaPaddingYSmall" | "textareaPaddingYMedium" | "textareaPaddingYLarge" | "textareaBorderColor" | "textareaBorderTopColor" | "textareaBorderColorFocus" | "textareaBorderColorHover" | "textareaBorderColorWarning" | "textareaBorderColorError" | "textareaDisabledBg" | "textareaDisabledBorderColor" | "textareaCounterColor" | "textareaCounterBg" | "textareaCounterErrorColor" | "textareaCounterHelpIconColor" | "radioBulletSize" | "radioBulletSizeSmall" | "radioBulletSizeMedium" | "radioBulletSizeLarge" | "radioOutlineWidth" | "radioTextColor" | "radioSize" | "radioSizeSmall" | "radioSizeMedium" | "radioSizeLarge" | "radioFontSize" | "radioFontSizeSmall" | "radioFontSizeMedium" | "radioFontSizeLarge" | "radioLineHeight" | "radioLineHeightSmall" | "radioLineHeightMedium" | "radioLineHeightLarge" | "radioCaptionGap" | "radioPaddingY" | "radioPaddingYSmall" | "radioPaddingYMedium" | "radioPaddingYLarge" | "radioVerticalAlign" | "radioBgImage" | "radioBgColor" | "radioHoverBg" | "radioActiveBg" | "radioBorderWidth" | "radioBorderColor" | "radioBoxShadow" | "radioBorder" | "radioBorderColorFocus" | "radioBorderColorWarning" | "radioBorderColorError" | "radioHoverShadow" | "radioActiveShadow" | "radioFocusShadow" | "radioCheckedBgColor" | "radioCheckedBorderColor" | "radioCheckedBulletColor" | "radioCheckedHoverBgColor" | "radioDisabledBg" | "radioDisabledShadow" | "radioCaptionDisplay" | "radioBorderWidthCompensation" | "radioCircleOffsetY" | "radioCheckedDisabledBulletBg" | "radioGroupLegacyItemGap" | "tabFontSize" | "tabFontSizeSmall" | "tabFontSizeMedium" | "tabFontSizeLarge" | "tabLineHeight" | "tabLineHeightSmall" | "tabLineHeightMedium" | "tabLineHeightLarge" | "tabPaddingX" | "tabPaddingXSmall" | "tabPaddingXMedium" | "tabPaddingXLarge" | "tabsMarginX" | "tabPaddingY" | "tabPaddingYSmall" | "tabPaddingYMedium" | "tabPaddingYLarge" | "tabBorderWidth" | "tabOutlineWidth" | "tabTextColorDefault" | "tabColorFocus" | "tabColorError" | "tabColorWarning" | "tabColorSuccess" | "tabColorPrimary" | "tabColorHover" | "tabColorHoverError" | "tabColorHoverWarning" | "tabColorHoverSuccess" | "tabColorHoverPrimary" | "tabIndicatorBorderRadius" | "spinnerBgColor" | "spinnerColor" | "spinnerDimmedColor" | "spinnerCaptionColor" | "spinnerFontSizeSmall" | "spinnerFontSizeMedium" | "spinnerFontSizeLarge" | "spinnerLineHeightSmall" | "spinnerLineHeightMedium" | "spinnerLineHeightLarge" | "spinnerCaptionGapSmall" | "spinnerCaptionGapMedium" | "spinnerCaptionGapLarge" | "spinnerCaptionMarginSmall" | "spinnerCaptionMarginMedium" | "spinnerCaptionMarginLarge" | "switcherBorderRadius" | "switcherTextColor" | "switcherOutlineWidth" | "switcherCaptionFontSizeSmall" | "switcherCaptionFontSizeMedium" | "switcherCaptionFontSizeLarge" | "switcherCaptionLineHeightSmall" | "switcherCaptionLineHeightMedium" | "switcherCaptionLineHeightLarge" | "switcherCaptionGapSmall" | "switcherCaptionGapMedium" | "switcherCaptionGapLarge" | "switcherButtonPaddingXSmall" | "switcherButtonPaddingXMedium" | "switcherButtonPaddingXLarge" | "switcherButtonPaddingYSmall" | "switcherButtonPaddingYMedium" | "switcherButtonPaddingYLarge" | "switcherButtonLineHeightSmall" | "switcherButtonLineHeightMedium" | "switcherButtonLineHeightLarge" | "switcherButtonFontSizeSmall" | "switcherButtonFontSizeMedium" | "switcherButtonFontSizeLarge" | "switcherButtonBorderRadiusSmall" | "switcherButtonBorderRadiusMedium" | "switcherButtonBorderRadiusLarge" | "switcherButtonBorderWidth" | "switcherBtnDisabledBorderColor" | "switcherButtonDisabledBorderColor" | "switcherButtonCheckedDisabledShadow" | "mobilePopupTopPadding" | "mobilePopupContainerBottomPadding" | "mobilePopupHeaderPadding" | "mobilePopupContainerBorderRadius" | "mobilePopupHeaderFontSize" | "mobilePopupHeaderLineHeight" | "mobilePopupHeaderFontWeight" | "mobilePopupHeaderChildPadding" | "mobilePopupOuterIndentY" | "scrollContainerScrollBarSize" | "scrollContainerScrollBarHoverSize" | "scrollContainerScrollBarColor" | "scrollContainerScrollBarInvertColor" | "scrollContainerScrollBarOffsetY" | "dropdownMenuScrollContainerScrollBarOffsetY" | "passwordInputVisibilityIconColor" | "passwordInputVisibilityIconOpacity" | "passwordInputVisibilityIconHoverColor" | "passwordInputVisibilityIconHoverOpacity" | "globalLoaderColor" | "globalLoaderHeight" | "globalLoaderWidth" | "globalLoaderPosition" | "globalLoaderTop" | "globalLoaderLeft" | "globalLoaderBottom" | "globalLoaderRight" | "globalLoaderBackgroundColor" | "globalLoaderTransitionToSpinnerDuration" | "globalLoaderSpinnerAnimationDuration" | "globalLoaderSlowAnimationDuration" | "globalLoaderTransitionFromSpinnerDuration" | "fileUploaderWidth" | "fileUploaderBg" | "fileUploaderUploadButtonBg" | "fileUploaderFontSize" | "fileUploaderPaddingXSmall" | "fileUploaderPaddingXMedium" | "fileUploaderPaddingXLarge" | "fileUploaderFontSizeSmall" | "fileUploaderFontSizeMedium" | "fileUploaderFontSizeLarge" | "fileUploaderLineHeight" | "fileUploaderLineHeightSmall" | "fileUploaderLineHeightMedium" | "fileUploaderLineHeightLarge" | "fileUploaderPaddingYSmall" | "fileUploaderPaddingYMedium" | "fileUploaderPaddingYLarge" | "fileUploaderTextColorDefault" | "fileUploaderPaddingX" | "fileUploaderPaddingY" | "fileUploaderBorderRadius" | "fileUploaderBorderColor" | "fileUploaderBorderWidth" | "fileUploaderDisabledBorder" | "fileUploaderBorderStyle" | "fileUploaderBorderColorFocus" | "fileUploaderLinkColor" | "fileUploaderAfterLinkColor" | "fileUploaderIconSize" | "fileUploaderIconColor" | "fileUploaderIconHoverColor" | "fileUploaderBorderColorError" | "fileUploaderBorderColorWarning" | "fileUploaderDisabledBg" | "fileUploaderDisabledBgClip" | "fileUploaderDisabledBorderColor" | "fileUploaderDisabledTextColor" | "fileUploaderDisabledLinkColor" | "fileUploaderDisabledIconColor" | "fileUploaderLinkHoverTextDecoration" | "fileUploaderHoveredBg" | "fileUploaderHoveredBorderColor" | "fileUploaderIconGapSmall" | "fileUploaderIconGapMedium" | "fileUploaderIconGapLarge" | "fileUploaderDragOverBorderColor" | "fileUploaderDragOverShadow" | "closeBtnIconColor" | "closeBtnIconDisabledColor" | "closeBtnIconHoverColor" | "closeBtnIconBorderRadius" | "closeBtnIconFocusShadow" | "internalMenuPaddingY" | "autocompleteMenuOffsetY" | "comboboxMenuOffsetY")[];
21
21
  export declare const CALLS_COUNT: number;
22
22
  export declare const EXECUTION_TIME: number;
@@ -427,6 +427,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
427
427
  get: function get() {
428
428
  return this.linkHoverTextDecoration;
429
429
  }
430
+ }, {
431
+ key: "btnLinkLineBorderBottomColor",
432
+ get: function get() {
433
+ return this.linkLineBorderBottomColor;
434
+ }
430
435
  }, {
431
436
  key: "btnLinkHoverLineBorderBottomStyle",
432
437
  get: function get() {
@@ -962,10 +967,115 @@ export var DefaultTheme = /*#__PURE__*/function () {
962
967
  return this.menuOffsetY;
963
968
  }
964
969
  }, {
965
- key: "menuBgDefault",
966
- get: //#endregion
970
+ key: "dropdownDefaultBg",
971
+ get: function get() {
972
+ return this.btnDefaultBg;
973
+ }
974
+ }, {
975
+ key: "dropdownBorderWidth",
976
+ get: function get() {
977
+ return this.btnBorderWidth;
978
+ }
979
+ }, {
980
+ key: "dropdownOutlineWidth",
981
+ get: function get() {
982
+ return this.btnOutlineWidth;
983
+ }
984
+ }, {
985
+ key: "dropdownLineHeightSmall",
986
+ get: function get() {
987
+ return this.btnLineHeightSmall;
988
+ }
989
+ }, {
990
+ key: "dropdownFontSizeSmall",
991
+ get: function get() {
992
+ return this.btnFontSizeSmall;
993
+ }
994
+ }, {
995
+ key: "dropdownPaddingXSmall",
996
+ get: function get() {
997
+ return this.selectPaddingXSmall;
998
+ }
999
+ }, {
1000
+ key: "dropdownPaddingYSmall",
1001
+ get: function get() {
1002
+ return this.btnPaddingYSmall;
1003
+ }
1004
+ }, {
1005
+ key: "dropdownIconSizeSmall",
1006
+ get: function get() {
1007
+ return this.btnIconSizeSmall;
1008
+ }
1009
+ }, {
1010
+ key: "dropdownLineHeightMedium",
1011
+ get: function get() {
1012
+ return this.btnLineHeightMedium;
1013
+ }
1014
+ }, {
1015
+ key: "dropdownFontSizeMedium",
1016
+ get: function get() {
1017
+ return this.btnFontSizeMedium;
1018
+ }
1019
+ }, {
1020
+ key: "dropdownPaddingXMedium",
1021
+ get: function get() {
1022
+ return this.selectPaddingXMedium;
1023
+ }
1024
+ }, {
1025
+ key: "dropdownPaddingYMedium",
1026
+ get: function get() {
1027
+ return this.btnPaddingYMedium;
1028
+ }
1029
+ }, {
1030
+ key: "dropdownIconSizeMedium",
1031
+ get: function get() {
1032
+ return this.btnIconSizeMedium;
1033
+ }
1034
+ }, {
1035
+ key: "dropdownLineHeightLarge",
1036
+ get: function get() {
1037
+ return this.btnLineHeightLarge;
1038
+ }
1039
+ }, {
1040
+ key: "dropdownFontSizeLarge",
1041
+ get: function get() {
1042
+ return this.btnFontSizeLarge;
1043
+ }
1044
+ }, {
1045
+ key: "dropdownPaddingXLarge",
1046
+ get: function get() {
1047
+ return this.selectPaddingXLarge;
1048
+ }
1049
+ }, {
1050
+ key: "dropdownPaddingYLarge",
1051
+ get: function get() {
1052
+ return this.btnPaddingYLarge;
1053
+ }
1054
+ }, {
1055
+ key: "dropdownIconSizeLarge",
1056
+ get: function get() {
1057
+ return this.btnIconSizeLarge;
1058
+ }
1059
+ }, {
1060
+ key: "dropdownBgDisabled",
1061
+ get: function get() {
1062
+ return this.btnDisabledBg;
1063
+ }
1064
+ }, {
1065
+ key: "dropdownBorderColorDisabled",
1066
+ get: function get() {
1067
+ return this.btnDisabledBorderColor;
1068
+ }
1069
+ }, {
1070
+ key: "dropdownTextColorDisabled",
1071
+ get: function get() {
1072
+ return this.btnDisabledTextColor;
1073
+ } //#endregion
967
1074
  //#region Menu
968
- function get() {
1075
+
1076
+ }, {
1077
+ key: "menuBgDefault",
1078
+ get: function get() {
969
1079
  return this.bgSecondary;
970
1080
  }
971
1081
  }, {
@@ -1526,6 +1636,16 @@ export var DefaultTheme = /*#__PURE__*/function () {
1526
1636
  get: function get() {
1527
1637
  return "0 " + this.toggleBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.toggleBorderWidth + " rgba(0, 0, 0, 0.15)";
1528
1638
  }
1639
+ }, {
1640
+ key: "toggleContainerBgHover",
1641
+ get: function get() {
1642
+ return this.toggleBgHover;
1643
+ }
1644
+ }, {
1645
+ key: "toggleContainerBgChecked",
1646
+ get: function get() {
1647
+ return this.toggleBgChecked;
1648
+ }
1529
1649
  }, {
1530
1650
  key: "toggleHandleBg",
1531
1651
  get: function get() {
@@ -3285,8 +3405,6 @@ DefaultTheme.toggleBgActive = '#e5e5e5';
3285
3405
  DefaultTheme.toggleCaptionGap = '8px';
3286
3406
  DefaultTheme.toggleButtonOffsetY = '0px';
3287
3407
  DefaultTheme.toggleContainerBg = '';
3288
- DefaultTheme.toggleContainerBgHover = '';
3289
- DefaultTheme.toggleContainerBgChecked = '';
3290
3408
  DefaultTheme.toggleContainerBgCheckedHover = '';
3291
3409
  DefaultTheme.toggleContainerBoxShadow = '';
3292
3410
  DefaultTheme.toggleContainerBoxShadowHover = '';