@skbkontur/react-ui 4.17.2 → 4.17.3

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 (6) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/cjs/components/Link/Link.styles.js +5 -5
  3. package/cjs/components/Link/Link.styles.js.map +1 -1
  4. package/components/Link/Link.styles/Link.styles.js +2 -2
  5. package/components/Link/Link.styles/Link.styles.js.map +1 -1
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.17.3](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.17.2...@skbkontur/react-ui@4.17.3) (2023-11-14)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **Link:** return underline when hovering over icon ([#3313](https://github.com/skbkontur/retail-ui/issues/3313)) ([aa4c9f0](https://github.com/skbkontur/retail-ui/commit/aa4c9f0e2fb2a15b61c52709356baeaac1bbb313))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [4.17.2](https://github.com/skbkontur/retail-ui/compare/@skbkontur/react-ui@4.17.1...@skbkontur/react-ui@4.17.2) (2023-11-13)
7
18
 
8
19
  **Note:** Version bump only for package @skbkontur/react-ui
package/cjs/components/Link/Link.styles.js CHANGED
@@ -37,10 +37,13 @@ var styles = (0, _Emotion.memoizeStyle)({
37
37
  },
38
38
 
39
39
  lineRoot: function lineRoot() {
40
- return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n border-radius: 1px;\n outline: none;\n text-decoration: none;\n "])));
40
+ return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n border-radius: 1px;\n outline: none;\n text-decoration: none;\n &:hover .", " {\n border-bottom-color: currentColor !important;\n }\n "])),
41
41
 
42
42
 
43
43
 
44
+ globalClasses.text);
45
+
46
+
44
47
 
45
48
  },
46
49
 
@@ -51,7 +54,7 @@ var styles = (0, _Emotion.memoizeStyle)({
51
54
 
52
55
  // Планировалось добавить transition и color-mix(in srgb, currentColor 50%, transparent) в lineText.
53
56
  // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.
54
- return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\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 "])),
57
+ return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n @supports (border-bottom-color: ", ") {\n transition: border-bottom-color ", " ", ";\n border-bottom-style: ", ";\n border-bottom-width: ", ";\n border-bottom-color: transparent;\n }\n "])),
55
58
  t.linkLineBorderBottomColor,
56
59
  t.transitionDuration, t.transitionTimingFunction,
57
60
  t.linkLineBorderBottomStyle,
@@ -59,9 +62,6 @@ var styles = (0, _Emotion.memoizeStyle)({
59
62
 
60
63
 
61
64
 
62
-
63
-
64
-
65
65
  },
66
66
 
67
67
  lineTextWrapperFocused: function lineTextWrapperFocused(t) {
package/cjs/components/Link/Link.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["Link.styles.ts"],"names":["globalClasses","text","line","keyframes","oldLineText","t","delay","parseFloat","linkLineBorderBottomOpacity","css","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"]}
1
+ {"version":3,"sources":["Link.styles.ts"],"names":["globalClasses","text","line","keyframes","oldLineText","t","delay","parseFloat","linkLineBorderBottomOpacity","css","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 &:hover .${globalClasses.text} {\n border-bottom-color: currentColor !important;\n }\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 }\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"]}
package/components/Link/Link.styles/Link.styles.js CHANGED
@@ -19,7 +19,7 @@ export var styles = memoizeStyle({
19
19
  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n ", ";\n position: relative;\n "])), linkMixin(t.linkHoverTextDecoration));
20
20
  },
21
21
  lineRoot: function lineRoot() {
22
- return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n border-radius: 1px;\n outline: none;\n text-decoration: none;\n "])));
22
+ return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n border-radius: 1px;\n outline: none;\n text-decoration: none;\n &:hover .", " {\n border-bottom-color: currentColor !important;\n }\n "])), globalClasses.text);
23
23
  },
24
24
  lineTextWrapper: function lineTextWrapper(t) {
25
25
  // При hover'е подчеркивание из прозрачного переходит в currentColor.
@@ -27,7 +27,7 @@ export var styles = memoizeStyle({
27
27
  // достигается эффект перехода currentColor с половинной прозрачностью до currentColor.
28
28
  // Планировалось добавить transition и color-mix(in srgb, currentColor 50%, transparent) в lineText.
29
29
  // Однако, в chrome и edge сочетание transition, color-mix и currentColor вызывает моргание при transition.
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);
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 }\n "])), t.linkLineBorderBottomColor, t.transitionDuration, t.transitionTimingFunction, t.linkLineBorderBottomStyle, t.linkLineBorderBottomWidth);
31
31
  },
32
32
  lineTextWrapperFocused: function lineTextWrapperFocused(t) {
33
33
  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n @supports (border-bottom-color: ", ") {\n border-bottom-color: currentColor;\n }\n "])), t.linkLineBorderBottomColor);
package/components/Link/Link.styles/Link.styles.js.map CHANGED
@@ -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","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"]}
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 &:hover .${globalClasses.text} {\n border-bottom-color: currentColor !important;\n }\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 }\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"]}
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@skbkontur/react-ui",
3
- "version": "4.17.2",
3
+ "version": "4.17.3",
4
4
  "description": "UI Components",
5
5
  "main": "cjs/index.js",
6
6
  "module": "index.js",
7
7
  "sideEffects": false,
8
- "homepage": "https://tech.skbkontur.ru/react-ui/4.17.2/",
8
+ "homepage": "https://tech.skbkontur.ru/react-ui/4.17.3/",
9
9
  "repository": {
10
10
  "type": "git",
11
11
  "url": "git@github.com:skbkontur/retail-ui.git"