@salutejs/sdds-cs 0.380.0-next-sbcom.0 → 0.380.1-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -155,7 +155,7 @@ const config = {
155
155
  ${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
156
156
  ${_emotion.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
157
157
 
158
- ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
158
+ ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
159
159
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
160
160
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
161
161
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -154,7 +154,7 @@ const config = {
154
154
  ${_emotion.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
155
155
  ${_emotion.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
156
156
 
157
- ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
157
+ ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
158
158
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
159
159
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
160
160
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -101,7 +101,6 @@ const config = {
101
101
 
102
102
  ${_emotion.calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
103
103
  ${_emotion.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
104
- ${_emotion.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
105
104
 
106
105
  ${_emotion.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
107
106
  ${_emotion.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -100,7 +100,6 @@ const config = {
100
100
 
101
101
  ${_emotion.calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
102
102
  ${_emotion.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
103
- ${_emotion.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
104
103
 
105
104
  ${_emotion.calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
106
105
  ${_emotion.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
@@ -248,7 +248,6 @@ const config = {
248
248
  ${_emotion.datePickerTokens.calendarHeaderWrapperPadding}: 0;
249
249
  ${_emotion.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
250
250
  ${_emotion.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
251
- ${_emotion.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
252
251
 
253
252
  ${_emotion.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
254
253
  ${_emotion.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -16,53 +16,30 @@ const config = {
16
16
  size: 'm'
17
17
  },
18
18
  variations: {
19
- size: {
20
- xxs: (0, _emotion.css)`
21
- ${_emotion.spinnerTokens.size}: 1rem;
22
- `,
23
- xs: (0, _emotion.css)`
24
- ${_emotion.spinnerTokens.size}: 1.5rem;
25
- `,
26
- s: (0, _emotion.css)`
27
- ${_emotion.spinnerTokens.size}: 2.25rem;
28
- `,
29
- m: (0, _emotion.css)`
30
- ${_emotion.spinnerTokens.size}: 3rem;
31
- `,
32
- l: (0, _emotion.css)`
33
- ${_emotion.spinnerTokens.size}: 3.5rem;
34
- `,
35
- xl: (0, _emotion.css)`
36
- ${_emotion.spinnerTokens.size}: 5.5rem;
37
- `,
38
- xxl: (0, _emotion.css)`
39
- ${_emotion.spinnerTokens.size}: 8rem;
40
- `
41
- },
42
19
  view: {
43
20
  default: (0, _emotion.css)`
44
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textPrimary};
21
+ --plasma-spinner-color: ${_sdds_cs.textPrimary};
45
22
  `,
46
23
  secondary: (0, _emotion.css)`
47
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textSecondary};
24
+ --plasma-spinner-color: ${_sdds_cs.textSecondary};
48
25
  `,
49
26
  tertiary: (0, _emotion.css)`
50
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textTertiary};
27
+ --plasma-spinner-color: ${_sdds_cs.textTertiary};
51
28
  `,
52
29
  paragraph: (0, _emotion.css)`
53
- ${_emotion.spinnerTokens.color}: var(--text-paragraph);
30
+ --plasma-spinner-color: var(--text-paragraph);
54
31
  `,
55
32
  accent: (0, _emotion.css)`
56
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textAccent};
33
+ --plasma-spinner-color: ${_sdds_cs.textAccent};
57
34
  `,
58
35
  positive: (0, _emotion.css)`
59
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textPositive};
36
+ --plasma-spinner-color: ${_sdds_cs.textPositive};
60
37
  `,
61
38
  warning: (0, _emotion.css)`
62
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textWarning};
39
+ --plasma-spinner-color: ${_sdds_cs.textWarning};
63
40
  `,
64
41
  negative: (0, _emotion.css)`
65
- ${_emotion.spinnerTokens.color}: ${_sdds_cs.textNegative};
42
+ --plasma-spinner-color: ${_sdds_cs.textNegative};
66
43
  `
67
44
  }
68
45
  }
@@ -8,8 +8,17 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
+ const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
11
12
  const _emotion = require("@salutejs/plasma-new-hope/emotion");
12
13
  const _Spinnerconfig = require("./Spinner.config");
14
+ function _interop_require_default(obj) {
15
+ return obj && obj.__esModule ? obj : {
16
+ default: obj
17
+ };
18
+ }
13
19
  const mergedConfig = (0, _emotion.mergeConfig)(_emotion.spinnerConfig, _Spinnerconfig.config);
14
20
  const SpinnerComponent = (0, _emotion.component)(mergedConfig);
15
- const Spinner = SpinnerComponent;
21
+ const Spinner = /*#__PURE__*/ (0, _styled.default)(SpinnerComponent, {
22
+ target: "e1426z6k0",
23
+ label: "Spinner"
24
+ })("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vU3Bpbm5lci5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhzcGlubmVyQ29uZmlnLCBjb25maWcpO1xuY29uc3QgU3Bpbm5lckNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgdHlwZSBTcGlubmVyUHJvcHMgPSBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gICAgLyoqXG4gICAgICog0KDQsNC30LzQtdGAINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICBzaXplPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICB2aWV3Pzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKiBAZGVwcmVjYXRlZFxuICAgICAqL1xuICAgIGNvbG9yPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkXG4gICAgICovXG4gICAgZGV2aWNlU2NhbGU/OiBudW1iZXI7XG59O1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L7RgtC+0LHRgNCw0LbQtdC90LjRjyDQuNC90LTQuNC60LDRgtC+0YDQsCDQt9Cw0LPRgNGD0LfQutC4LlxuICovXG5leHBvcnQgY29uc3QgU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyQ29tcG9uZW50KWBgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDdUIifQ== */");
@@ -145,7 +145,7 @@ export const config = {
145
145
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
146
146
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
147
147
 
148
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
148
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
149
149
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
150
150
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
151
151
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -144,7 +144,7 @@ export const config = {
144
144
  ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
145
145
  ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
146
146
 
147
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
147
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
148
148
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
149
149
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
150
150
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -91,7 +91,6 @@ export const config = {
91
91
 
92
92
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
93
93
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
94
- ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
95
94
 
96
95
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
97
96
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
@@ -90,7 +90,6 @@ export const config = {
90
90
 
91
91
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
92
92
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
93
- ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
94
93
 
95
94
  ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
96
95
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
@@ -238,7 +238,6 @@ export const config = {
238
238
  ${tokens.calendarHeaderWrapperPadding}: 0;
239
239
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
240
240
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
241
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
242
241
 
243
242
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
244
243
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -1,58 +1,35 @@
1
1
  import { textAccent, textNegative, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_cs';
2
- import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
2
+ import { css } from '@salutejs/plasma-new-hope/emotion';
3
3
  export const config = {
4
4
  defaults: {
5
5
  view: 'accent',
6
6
  size: 'm'
7
7
  },
8
8
  variations: {
9
- size: {
10
- xxs: css`
11
- ${tokens.size}: 1rem;
12
- `,
13
- xs: css`
14
- ${tokens.size}: 1.5rem;
15
- `,
16
- s: css`
17
- ${tokens.size}: 2.25rem;
18
- `,
19
- m: css`
20
- ${tokens.size}: 3rem;
21
- `,
22
- l: css`
23
- ${tokens.size}: 3.5rem;
24
- `,
25
- xl: css`
26
- ${tokens.size}: 5.5rem;
27
- `,
28
- xxl: css`
29
- ${tokens.size}: 8rem;
30
- `
31
- },
32
9
  view: {
33
10
  default: css`
34
- ${tokens.color}: ${textPrimary};
11
+ --plasma-spinner-color: ${textPrimary};
35
12
  `,
36
13
  secondary: css`
37
- ${tokens.color}: ${textSecondary};
14
+ --plasma-spinner-color: ${textSecondary};
38
15
  `,
39
16
  tertiary: css`
40
- ${tokens.color}: ${textTertiary};
17
+ --plasma-spinner-color: ${textTertiary};
41
18
  `,
42
19
  paragraph: css`
43
- ${tokens.color}: var(--text-paragraph);
20
+ --plasma-spinner-color: var(--text-paragraph);
44
21
  `,
45
22
  accent: css`
46
- ${tokens.color}: ${textAccent};
23
+ --plasma-spinner-color: ${textAccent};
47
24
  `,
48
25
  positive: css`
49
- ${tokens.color}: ${textPositive};
26
+ --plasma-spinner-color: ${textPositive};
50
27
  `,
51
28
  warning: css`
52
- ${tokens.color}: ${textWarning};
29
+ --plasma-spinner-color: ${textWarning};
53
30
  `,
54
31
  negative: css`
55
- ${tokens.color}: ${textNegative};
32
+ --plasma-spinner-color: ${textNegative};
56
33
  `
57
34
  }
58
35
  }
@@ -1,7 +1,11 @@
1
+ import styled from '@emotion/styled';
1
2
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
3
  import { config } from './Spinner.config';
3
4
  const mergedConfig = mergeConfig(spinnerConfig, config);
4
5
  const SpinnerComponent = component(mergedConfig);
5
6
  /**
6
7
  * Компонент для отображения индикатора загрузки.
7
- */ export const Spinner = SpinnerComponent;
8
+ */ export const Spinner = /*#__PURE__*/ styled(SpinnerComponent, {
9
+ target: "e1426z6k0",
10
+ label: "Spinner"
11
+ })("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3Bpbm5lci9TcGlubmVyLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IEhUTUxBdHRyaWJ1dGVzIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3Bpbm5lckNvbmZpZywgY29tcG9uZW50LCBtZXJnZUNvbmZpZyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vU3Bpbm5lci5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhzcGlubmVyQ29uZmlnLCBjb25maWcpO1xuY29uc3QgU3Bpbm5lckNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgdHlwZSBTcGlubmVyUHJvcHMgPSBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4gJiB7XG4gICAgLyoqXG4gICAgICog0KDQsNC30LzQtdGAINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICBzaXplPzogc3RyaW5nIHwgbnVtYmVyO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKi9cbiAgICB2aWV3Pzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqINCm0LLQtdGCINGB0L/QuNC90L3QtdGA0LBcbiAgICAgKiBAZGVwcmVjYXRlZFxuICAgICAqL1xuICAgIGNvbG9yPzogc3RyaW5nO1xuICAgIC8qKlxuICAgICAqIEBkZXByZWNhdGVkXG4gICAgICovXG4gICAgZGV2aWNlU2NhbGU/OiBudW1iZXI7XG59O1xuXG4vKipcbiAqINCa0L7QvNC/0L7QvdC10L3RgiDQtNC70Y8g0L7RgtC+0LHRgNCw0LbQtdC90LjRjyDQuNC90LTQuNC60LDRgtC+0YDQsCDQt9Cw0LPRgNGD0LfQutC4LlxuICovXG5leHBvcnQgY29uc3QgU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyQ29tcG9uZW50KWBgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDdUIifQ== */");
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.380.0-next-sbcom.0",
3
+ "version": "0.380.1-dev.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -42,8 +42,8 @@
42
42
  "styled-components": "^5.3.11"
43
43
  },
44
44
  "dependencies": {
45
- "@salutejs/plasma-new-hope": "0.388.0-next-sbcom.0",
46
- "@salutejs/sdds-themes": "0.87.0-next-sbcom.0",
45
+ "@salutejs/plasma-new-hope": "0.388.1-dev.0",
46
+ "@salutejs/sdds-themes": "0.87.0-dev.0",
47
47
  "classnames": "2.5.1"
48
48
  },
49
49
  "devDependencies": {
@@ -61,11 +61,11 @@
61
61
  "@originjs/vite-plugin-commonjs": "1.0.3",
62
62
  "@rollup/plugin-babel": "^6.0.4",
63
63
  "@rollup/plugin-node-resolve": "^15.1.0",
64
- "@salutejs/plasma-colors": "0.28.0-next-sbcom.0",
65
- "@salutejs/plasma-core": "1.249.0-next-sbcom.0",
66
- "@salutejs/plasma-cy-utils": "0.179.0-next-sbcom.0",
67
- "@salutejs/plasma-icons": "1.257.0-next-sbcom.0",
68
- "@salutejs/plasma-sb-utils": "0.251.0-next-sbcom.0",
64
+ "@salutejs/plasma-colors": "0.28.0-dev.0",
65
+ "@salutejs/plasma-core": "1.249.0-dev.0",
66
+ "@salutejs/plasma-cy-utils": "0.179.0-dev.0",
67
+ "@salutejs/plasma-icons": "1.257.1-dev.0",
68
+ "@salutejs/plasma-sb-utils": "0.251.1-dev.0",
69
69
  "@types/node": "16.7.13",
70
70
  "@types/react": "18.0.28",
71
71
  "@types/react-dom": "18.0.11",
@@ -107,5 +107,5 @@
107
107
  "sideEffects": [
108
108
  "*.css"
109
109
  ],
110
- "gitHead": "1214cb8ea4c61ff3df59c99d4b73d7652764a7ef"
110
+ "gitHead": "ed4c47d66e4b9e902ba7b56c72b5df1da7230489"
111
111
  }
@@ -47,7 +47,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
47
47
  size?: string;
48
48
  name?: string;
49
49
  url?: string;
50
- customText?: import("react").ReactNode;
50
+ customText?: string;
51
51
  status?: "active" | "inactive";
52
52
  isScalable?: boolean;
53
53
  focused?: boolean;
@@ -76,7 +76,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
76
76
  size?: string;
77
77
  name?: string;
78
78
  url?: string;
79
- customText?: import("react").ReactNode;
79
+ customText?: string;
80
80
  status?: "active" | "inactive";
81
81
  isScalable?: boolean;
82
82
  focused?: boolean;
@@ -128,7 +128,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
128
128
  size?: string;
129
129
  name?: string;
130
130
  url?: string;
131
- customText?: import("react").ReactNode;
131
+ customText?: string;
132
132
  status?: "active" | "inactive";
133
133
  isScalable?: boolean;
134
134
  focused?: boolean;
@@ -157,7 +157,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
157
157
  size?: string;
158
158
  name?: string;
159
159
  url?: string;
160
- customText?: import("react").ReactNode;
160
+ customText?: string;
161
161
  status?: "active" | "inactive";
162
162
  isScalable?: boolean;
163
163
  focused?: boolean;
@@ -4,15 +4,6 @@ export declare const config: {
4
4
  size: string;
5
5
  };
6
6
  variations: {
7
- size: {
8
- xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
- l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
- xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
- xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
- };
16
7
  view: {
17
8
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
9
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -1,14 +1,27 @@
1
- import type { ComponentProps, FunctionComponent } from 'react';
2
- declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
3
- size: {
4
- xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
5
- xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
6
- s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
- m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
- l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
- xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
- xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
- };
1
+ import type { HTMLAttributes } from 'react';
2
+ export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
3
+ /**
4
+ * Размер спиннера
5
+ */
6
+ size?: string | number;
7
+ /**
8
+ * Цвет спиннера
9
+ */
10
+ view?: string;
11
+ /**
12
+ * Цвет спиннера
13
+ * @deprecated
14
+ */
15
+ color?: string;
16
+ /**
17
+ * @deprecated
18
+ */
19
+ deviceScale?: number;
20
+ };
21
+ /**
22
+ * Компонент для отображения индикатора загрузки.
23
+ */
24
+ export declare const Spinner: import("@emotion/styled").StyledComponent<(import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
12
25
  view: {
13
26
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
27
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -19,28 +32,21 @@ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-h
19
32
  warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
20
33
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
34
  };
22
- }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
35
+ }> & ((HTMLAttributes<HTMLDivElement> & {
23
36
  width?: never;
24
37
  height?: never;
25
38
  size?: string | number;
26
39
  view?: string;
27
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
40
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
28
41
  width: number;
29
42
  height: number;
30
43
  size?: never;
31
44
  view?: string;
32
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
45
+ } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
33
46
  width: string;
34
47
  height: string;
35
48
  size?: never;
36
49
  view?: string;
37
- } & import("react").RefAttributes<HTMLDivElement>))>;
38
- type Variations = ComponentProps<typeof SpinnerComponent>;
39
- type SpinnerComponentProps = Omit<Variations, 'size'> & {
40
- size?: Variations['size'] | number;
41
- };
42
- /**
43
- * Компонент для отображения индикатора загрузки.
44
- */
45
- export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
46
- export {};
50
+ } & import("react").RefAttributes<HTMLDivElement>))) & {
51
+ theme?: import("@emotion/react").Theme;
52
+ }, {}, {}>;
@@ -1 +1,2 @@
1
1
  export { Spinner } from './Spinner';
2
+ export type { SpinnerProps } from './Spinner';