@skbkontur/react-ui 5.6.7 → 5.6.8

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.
@@ -4,21 +4,38 @@ import type { TGetRootNode } from '../../lib/rootNode';
4
4
  declare const types: readonly ["big", "mini", "normal"];
5
5
  export type SpinnerType = (typeof types)[number];
6
6
  export interface SpinnerProps extends CommonProps {
7
- /** Задает подпись под спиннером.
8
- * @default "Загрузка" */
7
+ /**
8
+ * Подпись спиннера
9
+ */
9
10
  caption?: React.ReactNode;
10
- /** Переводит спиннер в "затемнённый режим".
11
- * Цвет спиннера в "затемнённом режиме" определяется переменной `spinnerDimmedColor`. */
12
- dimmed?: boolean;
13
- /** Задает размер спиннера и текста.
14
- * @default normal. */
11
+ /**
12
+ * Размер индикатора и текста
13
+ *
14
+ * @default normal
15
+ */
15
16
  type?: SpinnerType;
16
- /** Уменьшает спиннер для вставки в инлайн элемент. При type = "big"|"normal" размер спиннера уменьшается. */
17
+ /**
18
+ * Одноцветный режим. Удобная альтернатива пропа `dimmed`
19
+ */
20
+ color?: React.CSSProperties['color'];
21
+ /**
22
+ * Уменьшает размер индикатора для работы в строках. Если задан, то размер индикитора из `type` игнорируется
23
+ *
24
+ * @default false
25
+ */
17
26
  inline?: boolean;
18
- /** Задает толщину спиннера. */
27
+ /**
28
+ * Толщина индикатора в пикселях.
29
+ *
30
+ * @default 2
31
+ */
19
32
  width?: number;
20
- /** Задает цвет спиннера. Не работает с пропом dimmed. */
21
- color?: React.CSSProperties['color'];
33
+ /**
34
+ * Одноцветный режим. Цвет спиннера не переливается. Можно кастомизировать переменной `spinnerDimmedColor`
35
+ *
36
+ * @default false
37
+ */
38
+ dimmed?: boolean;
22
39
  }
23
40
  export declare const SpinnerDataTids: {
24
41
  readonly root: "Spinner__root";
@@ -26,11 +43,6 @@ export declare const SpinnerDataTids: {
26
43
  type DefaultProps = Required<Pick<SpinnerProps, 'type'>>;
27
44
  /**
28
45
  * `Spinner` — это зацикленный индикатор, не отображающий прогресс выполнения задачи.
29
- *
30
- * Используйте `Spinner`, чтобы показать, что система выполняет команду, которую дал пользователь.
31
- * Не применяйте `Spinner` для заполнения паузы при загрузке контента, для этого предназначен GlobalLoader.
32
- *
33
- * Используйте компонент `Spinner`, если вам нужен спиннер, без дополнительного функционала, который предоставляет компонент Loader.
34
46
  */
35
47
  export declare class Spinner extends React.Component<SpinnerProps> {
36
48
  static __KONTUR_REACT_UI__: string;
@@ -16,7 +16,7 @@ export var styles = memoizeStyle({
16
16
  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge));
17
17
  },
18
18
  textarea: function textarea(t) {
19
- return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin: ", ";\n -webkit-appearance: none;\n background: ", ";\n background-clip: ", ";\n border: ", " solid ", ";\n border-top-color: ", ";\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n max-width: 100%;\n min-width: ", ";\n outline: none;\n transition:\n border-color ", " ", ",\n height 0.2s ease-out;\n vertical-align: ", ";\n width: 100%;\n border-radius: ", ";\n white-space: pre-wrap;\n\n &:focus {\n border-color: ", ";\n box-shadow: 0 0 0 ", " ", ";\n position: relative;\n z-index: 2;\n\n &::placeholder {\n color: ", ";\n }\n }\n\n &::placeholder {\n color: ", ";\n }\n\n &:-moz-placeholder {\n color: ", ";\n }\n\n &::-moz-placeholder {\n color: ", ";\n }\n "])), t.textareaMargin, t.textareaBg, t.textareaBackgroundClip, t.textareaBorderWidth, t.textareaBorderColor, t.textareaBorderTopColor, t.textareaShadow, t.textareaColor, t.textareaWidth, t.transitionDuration, t.transitionTimingFunction, t.textareaVerticalAlign, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
19
+ return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n margin: ", ";\n -webkit-appearance: none;\n background: ", ";\n background-clip: ", ";\n border: ", " solid ", ";\n border-top-color: ", ";\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n max-width: 100%;\n width: 100%;\n outline: none;\n transition:\n border-color ", " ", ",\n height 0.2s ease-out;\n vertical-align: ", ";\n border-radius: ", ";\n white-space: pre-wrap;\n\n &:focus {\n border-color: ", ";\n box-shadow: 0 0 0 ", " ", ";\n position: relative;\n z-index: 2;\n\n &::placeholder {\n color: ", ";\n }\n }\n\n &::placeholder {\n color: ", ";\n }\n\n &:-moz-placeholder {\n color: ", ";\n }\n\n &::-moz-placeholder {\n color: ", ";\n }\n "])), t.textareaMargin, t.textareaBg, t.textareaBackgroundClip, t.textareaBorderWidth, t.textareaBorderColor, t.textareaBorderTopColor, t.textareaShadow, t.textareaColor, t.transitionDuration, t.transitionTimingFunction, t.textareaVerticalAlign, t.textareaBorderRadius, t.textareaBorderColorFocus, t.textareaOutlineWidth, t.textareaBorderColorFocus, t.textareaPlaceholderColorLight, t.textareaPlaceholderColor, t.textareaPlaceholderColor, t.textareaPlaceholderColor);
20
20
  },
21
21
  textareaSmall: function textareaSmall(t) {
22
22
  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall));
@@ -1 +1 @@
1
- {"version":3,"names":["css","memoizeStyle","counterSizeMixin","rootTextareaSizeMixin","textareaSizeMixin","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootSmall","t","_templateObject2","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","_templateObject3","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","_templateObject4","textareaFontSizeLarge","textareaLineHeightLarge","textarea","_templateObject5","textareaMargin","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","textareaWidth","transitionDuration","transitionTimingFunction","textareaVerticalAlign","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","_templateObject6","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","_templateObject7","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","_templateObject8","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","_templateObject9","textareaBorderColorHover","error","_templateObject10","textareaBorderColorError","warning","_templateObject11","textareaBorderColorWarning","disabled","_templateObject12","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","_templateObject13","placeholder","_templateObject14","counterContainer","_templateObject15","counter","_templateObject16","textareaCounterBg","textareaCounterColor","counterSmall","_templateObject17","counterMedium","_templateObject18","counterLarge","_templateObject19","counterError","_templateObject20","textareaCounterErrorColor","counterHelp","_templateObject21","disableAnimations","_templateObject22"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n display: inline-block;\n position: relative;\n `;\n },\n rootSmall(t: Theme) {\n return css`\n ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n `;\n },\n\n textarea(t: Theme) {\n return css`\n margin: ${t.textareaMargin};\n -webkit-appearance: none;\n background: ${t.textareaBg};\n background-clip: ${t.textareaBackgroundClip};\n border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n border-top-color: ${t.textareaBorderTopColor};\n box-shadow: ${t.textareaShadow};\n box-sizing: border-box;\n color: ${t.textareaColor};\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n max-width: 100%;\n min-width: ${t.textareaWidth};\n outline: none;\n transition:\n border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n height 0.2s ease-out;\n vertical-align: ${t.textareaVerticalAlign};\n width: 100%;\n border-radius: ${t.textareaBorderRadius};\n white-space: pre-wrap;\n\n &:focus {\n border-color: ${t.textareaBorderColorFocus};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n position: relative;\n z-index: 2;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorLight};\n }\n }\n\n &::placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n\n &:-moz-placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n\n &::-moz-placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n `;\n },\n textareaSmall(t: Theme) {\n return css`\n ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n `;\n },\n textareaMedium(t: Theme) {\n return css`\n ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n `;\n },\n textareaLarge(t: Theme) {\n return css`\n ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n `;\n },\n\n hovering(t: Theme) {\n return css`\n &:enabled:hover:not(:focus) {\n border-color: ${t.textareaBorderColorHover};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n &:focus {\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n &:focus {\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.textareaTextColorDisabled};\n background: ${t.textareaDisabledBg};\n border-color: ${t.textareaDisabledBorderColor};\n box-shadow: none;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorDisabled};\n }\n `;\n },\n\n fake() {\n return css`\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n `;\n },\n\n placeholder() {\n return css`\n -ms-user-select: none;\n color: #aaa;\n left: 12px;\n overflow: hidden;\n position: absolute;\n right: 12px;\n top: 9px;\n user-select: none;\n z-index: 3;\n `;\n },\n\n counterContainer(t: Theme) {\n return css`\n position: absolute;\n top: 0;\n border: ${t.textareaBorderWidth} solid transparent;\n box-sizing: content-box;\n `;\n },\n\n counter(t: Theme) {\n return css`\n position: absolute;\n z-index: 3;\n text-align: right;\n background: ${t.textareaCounterBg};\n color: ${t.textareaCounterColor};\n border-radius: 2px;\n `;\n },\n counterSmall(t: Theme) {\n return css`\n ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n `;\n },\n counterMedium(t: Theme) {\n return css`\n ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n `;\n },\n counterLarge(t: Theme) {\n return css`\n ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n `;\n },\n\n counterError(t: Theme) {\n return css`\n color: ${t.textareaCounterErrorColor};\n `;\n },\n\n counterHelp() {\n return css`\n margin-left: 4px;\n cursor: pointer;\n `;\n },\n\n disableAnimations() {\n return css`\n transition: none;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["css","memoizeStyle","counterSizeMixin","rootTextareaSizeMixin","textareaSizeMixin","styles","root","_templateObject","_taggedTemplateLiteralLoose","rootSmall","t","_templateObject2","textareaFontSizeSmall","textareaLineHeightSmall","rootMedium","_templateObject3","textareaFontSizeMedium","textareaLineHeightMedium","rootLarge","_templateObject4","textareaFontSizeLarge","textareaLineHeightLarge","textarea","_templateObject5","textareaMargin","textareaBg","textareaBackgroundClip","textareaBorderWidth","textareaBorderColor","textareaBorderTopColor","textareaShadow","textareaColor","transitionDuration","transitionTimingFunction","textareaVerticalAlign","textareaBorderRadius","textareaBorderColorFocus","textareaOutlineWidth","textareaPlaceholderColorLight","textareaPlaceholderColor","textareaSmall","_templateObject6","textareaPaddingYSmall","textareaPaddingXSmall","textareaMinHeightSmall","textareaMedium","_templateObject7","textareaPaddingYMedium","textareaPaddingXMedium","textareaMinHeightMedium","textareaLarge","_templateObject8","textareaPaddingYLarge","textareaPaddingXLarge","textareaMinHeightLarge","hovering","_templateObject9","textareaBorderColorHover","error","_templateObject10","textareaBorderColorError","warning","_templateObject11","textareaBorderColorWarning","disabled","_templateObject12","textareaTextColorDisabled","textareaDisabledBg","textareaDisabledBorderColor","textareaPlaceholderColorDisabled","fake","_templateObject13","placeholder","_templateObject14","counterContainer","_templateObject15","counter","_templateObject16","textareaCounterBg","textareaCounterColor","counterSmall","_templateObject17","counterMedium","_templateObject18","counterLarge","_templateObject19","counterError","_templateObject20","textareaCounterErrorColor","counterHelp","_templateObject21","disableAnimations","_templateObject22"],"sources":["Textarea.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport { counterSizeMixin, rootTextareaSizeMixin, textareaSizeMixin } from './Textarea.mixins';\n\nexport const styles = memoizeStyle({\n root() {\n return css`\n display: inline-block;\n position: relative;\n `;\n },\n rootSmall(t: Theme) {\n return css`\n ${rootTextareaSizeMixin(t.textareaFontSizeSmall, t.textareaLineHeightSmall)};\n `;\n },\n rootMedium(t: Theme) {\n return css`\n ${rootTextareaSizeMixin(t.textareaFontSizeMedium, t.textareaLineHeightMedium)};\n `;\n },\n rootLarge(t: Theme) {\n return css`\n ${rootTextareaSizeMixin(t.textareaFontSizeLarge, t.textareaLineHeightLarge)};\n `;\n },\n\n textarea(t: Theme) {\n return css`\n margin: ${t.textareaMargin};\n -webkit-appearance: none;\n background: ${t.textareaBg};\n background-clip: ${t.textareaBackgroundClip};\n border: ${t.textareaBorderWidth} solid ${t.textareaBorderColor};\n border-top-color: ${t.textareaBorderTopColor};\n box-shadow: ${t.textareaShadow};\n box-sizing: border-box;\n color: ${t.textareaColor};\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n max-width: 100%;\n width: 100%;\n outline: none;\n transition:\n border-color ${t.transitionDuration} ${t.transitionTimingFunction},\n height 0.2s ease-out;\n vertical-align: ${t.textareaVerticalAlign};\n border-radius: ${t.textareaBorderRadius};\n white-space: pre-wrap;\n\n &:focus {\n border-color: ${t.textareaBorderColorFocus};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorFocus};\n position: relative;\n z-index: 2;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorLight};\n }\n }\n\n &::placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n\n &:-moz-placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n\n &::-moz-placeholder {\n color: ${t.textareaPlaceholderColor};\n }\n `;\n },\n textareaSmall(t: Theme) {\n return css`\n ${textareaSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall, t.textareaMinHeightSmall)};\n `;\n },\n textareaMedium(t: Theme) {\n return css`\n ${textareaSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium, t.textareaMinHeightMedium)};\n `;\n },\n textareaLarge(t: Theme) {\n return css`\n ${textareaSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge, t.textareaMinHeightLarge)};\n `;\n },\n\n hovering(t: Theme) {\n return css`\n &:enabled:hover:not(:focus) {\n border-color: ${t.textareaBorderColorHover};\n }\n `;\n },\n\n error(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaBorderWidth} ${t.textareaBorderColorError};\n\n &:focus {\n border-color: ${t.textareaBorderColorError};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorError};\n }\n `;\n },\n\n warning(t: Theme) {\n return css`\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n\n &:focus {\n border-color: ${t.textareaBorderColorWarning};\n box-shadow: 0 0 0 ${t.textareaOutlineWidth} ${t.textareaBorderColorWarning};\n }\n `;\n },\n\n disabled(t: Theme) {\n return css`\n color: ${t.textareaTextColorDisabled};\n background: ${t.textareaDisabledBg};\n border-color: ${t.textareaDisabledBorderColor};\n box-shadow: none;\n\n &::placeholder {\n color: ${t.textareaPlaceholderColorDisabled};\n }\n `;\n },\n\n fake() {\n return css`\n height: 0;\n left: 0;\n position: absolute;\n top: 0;\n visibility: hidden;\n width: 100%;\n `;\n },\n\n placeholder() {\n return css`\n -ms-user-select: none;\n color: #aaa;\n left: 12px;\n overflow: hidden;\n position: absolute;\n right: 12px;\n top: 9px;\n user-select: none;\n z-index: 3;\n `;\n },\n\n counterContainer(t: Theme) {\n return css`\n position: absolute;\n top: 0;\n border: ${t.textareaBorderWidth} solid transparent;\n box-sizing: content-box;\n `;\n },\n\n counter(t: Theme) {\n return css`\n position: absolute;\n z-index: 3;\n text-align: right;\n background: ${t.textareaCounterBg};\n color: ${t.textareaCounterColor};\n border-radius: 2px;\n `;\n },\n counterSmall(t: Theme) {\n return css`\n ${counterSizeMixin(t.textareaPaddingYSmall, t.textareaPaddingXSmall)};\n `;\n },\n counterMedium(t: Theme) {\n return css`\n ${counterSizeMixin(t.textareaPaddingYMedium, t.textareaPaddingXMedium)};\n `;\n },\n counterLarge(t: Theme) {\n return css`\n ${counterSizeMixin(t.textareaPaddingYLarge, t.textareaPaddingXLarge)};\n `;\n },\n\n counterError(t: Theme) {\n return css`\n color: ${t.textareaCounterErrorColor};\n `;\n },\n\n counterHelp() {\n return css`\n margin-left: 4px;\n cursor: pointer;\n `;\n },\n\n disableAnimations() {\n return css`\n transition: none;\n `;\n },\n});\n"],"mappings":"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","ignoreList":[]}
@@ -2077,6 +2077,8 @@ export var BasicThemeClass = /*#__PURE__*/function () {
2077
2077
  var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
2078
2078
  return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
2079
2079
  }
2080
+
2081
+ /** @deprecated Перестала использоваться с версии `react-ui@5.6.7`. */
2080
2082
  }, {
2081
2083
  key: "textareaPaddingYSmall",
2082
2084
  get: function get() {