@salutejs/sdds-cs 0.377.0-dev.0 → 0.378.0-next-sbcom.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.clear.config.js +1 -1
  2. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js +1 -1
  3. package/dist/emotion/cjs/components/Calendar/Calendar.config.js +1 -0
  4. package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js +1 -0
  5. package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +1 -0
  6. package/dist/emotion/cjs/components/Spinner/Spinner.config.js +31 -8
  7. package/dist/emotion/cjs/components/Spinner/Spinner.js +1 -10
  8. package/dist/emotion/es/components/Autocomplete/Autocomplete.clear.config.js +1 -1
  9. package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js +1 -1
  10. package/dist/emotion/es/components/Calendar/Calendar.config.js +1 -0
  11. package/dist/emotion/es/components/Calendar/CalendarDouble.config.js +1 -0
  12. package/dist/emotion/es/components/DatePicker/DatePicker.config.js +1 -0
  13. package/dist/emotion/es/components/Spinner/Spinner.config.js +32 -9
  14. package/dist/emotion/es/components/Spinner/Spinner.js +1 -5
  15. package/package.json +9 -9
  16. package/types/components/Avatar/Avatar.d.ts +4 -4
  17. package/types/components/Spinner/Spinner.config.d.ts +9 -0
  18. package/types/components/Spinner/Spinner.d.ts +24 -30
  19. package/types/components/Spinner/index.d.ts +0 -1
package/dist/emotion/cjs/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -143,7 +143,7 @@ const config = {
143
143
  ${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
144
144
  ${_emotion.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
145
145
 
146
- ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
146
+ ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
147
147
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
148
148
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
149
149
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -142,7 +142,7 @@ const config = {
142
142
  ${_emotion.autocompleteTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
143
143
  ${_emotion.autocompleteTokens.textFieldTitleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
144
144
 
145
- ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
145
+ ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
146
146
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
147
147
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
148
148
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
package/dist/emotion/cjs/components/Calendar/Calendar.config.js CHANGED
@@ -101,6 +101,7 @@ const config = {
101
101
 
102
102
  ${_emotion.calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
103
103
  ${_emotion.calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
104
+ ${_emotion.calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
104
105
 
105
106
  ${_emotion.calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
106
107
  ${_emotion.calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/cjs/components/Calendar/CalendarDouble.config.js CHANGED
@@ -100,6 +100,7 @@ const config = {
100
100
 
101
101
  ${_emotion.calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
102
102
  ${_emotion.calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
103
+ ${_emotion.calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
103
104
 
104
105
  ${_emotion.calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
105
106
  ${_emotion.calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js CHANGED
@@ -250,6 +250,7 @@ const config = {
250
250
  ${_emotion.datePickerTokens.calendarHeaderWrapperPadding}: 0;
251
251
  ${_emotion.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
252
252
  ${_emotion.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
253
+ ${_emotion.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
253
254
 
254
255
  ${_emotion.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
255
256
  ${_emotion.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/cjs/components/Spinner/Spinner.config.js CHANGED
@@ -16,30 +16,53 @@ 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
+ },
19
42
  view: {
20
43
  default: (0, _emotion.css)`
21
- --plasma-spinner-color: ${_sdds_cs.textPrimary};
44
+ ${_emotion.spinnerTokens.color}: ${_sdds_cs.textPrimary};
22
45
  `,
23
46
  secondary: (0, _emotion.css)`
24
- --plasma-spinner-color: ${_sdds_cs.textSecondary};
47
+ ${_emotion.spinnerTokens.color}: ${_sdds_cs.textSecondary};
25
48
  `,
26
49
  tertiary: (0, _emotion.css)`
27
- --plasma-spinner-color: ${_sdds_cs.textTertiary};
50
+ ${_emotion.spinnerTokens.color}: ${_sdds_cs.textTertiary};
28
51
  `,
29
52
  paragraph: (0, _emotion.css)`
30
- --plasma-spinner-color: var(--text-paragraph);
53
+ ${_emotion.spinnerTokens.color}: var(--text-paragraph);
31
54
  `,
32
55
  accent: (0, _emotion.css)`
33
- --plasma-spinner-color: ${_sdds_cs.textAccent};
56
+ ${_emotion.spinnerTokens.color}: ${_sdds_cs.textAccent};
34
57
  `,
35
58
  positive: (0, _emotion.css)`
36
- --plasma-spinner-color: ${_sdds_cs.textPositive};
59
+ ${_emotion.spinnerTokens.color}: ${_sdds_cs.textPositive};
37
60
  `,
38
61
  warning: (0, _emotion.css)`
39
- --plasma-spinner-color: ${_sdds_cs.textWarning};
62
+ ${_emotion.spinnerTokens.color}: ${_sdds_cs.textWarning};
40
63
  `,
41
64
  negative: (0, _emotion.css)`
42
- --plasma-spinner-color: ${_sdds_cs.textNegative};
65
+ ${_emotion.spinnerTokens.color}: ${_sdds_cs.textNegative};
43
66
  `
44
67
  }
45
68
  }
package/dist/emotion/cjs/components/Spinner/Spinner.js CHANGED
@@ -8,17 +8,8 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
- const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
12
11
  const _emotion = require("@salutejs/plasma-new-hope/emotion");
13
12
  const _Spinnerconfig = require("./Spinner.config");
14
- function _interop_require_default(obj) {
15
- return obj && obj.__esModule ? obj : {
16
- default: obj
17
- };
18
- }
19
13
  const mergedConfig = (0, _emotion.mergeConfig)(_emotion.spinnerConfig, _Spinnerconfig.config);
20
14
  const SpinnerComponent = (0, _emotion.component)(mergedConfig);
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== */");
15
+ const Spinner = SpinnerComponent;
package/dist/emotion/es/components/Autocomplete/Autocomplete.clear.config.js CHANGED
@@ -133,7 +133,7 @@ export const config = {
133
133
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
134
134
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
135
135
 
136
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
136
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
137
137
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
138
138
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
139
139
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/Autocomplete/Autocomplete.config.js CHANGED
@@ -132,7 +132,7 @@ export const config = {
132
132
  ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
133
133
  ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};
134
134
 
135
- ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
135
+ ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
136
136
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
137
137
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
138
138
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
package/dist/emotion/es/components/Calendar/Calendar.config.js CHANGED
@@ -91,6 +91,7 @@ export const config = {
91
91
 
92
92
  ${calendarBaseTokens.calendarHeaderArrowGap}: 0.5rem;
93
93
  ${calendarBaseTokens.calendarArrowHeaderCustomSize}: 1.5rem;
94
+ ${calendarBaseTokens.calendarHeaderArrowSize}: 1.5rem;
94
95
 
95
96
  ${calendarBaseTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
96
97
  ${calendarBaseTokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/es/components/Calendar/CalendarDouble.config.js CHANGED
@@ -90,6 +90,7 @@ export const config = {
90
90
 
91
91
  ${calendarDoubleTokens.calendarHeaderArrowGap}: 0.5rem;
92
92
  ${calendarDoubleTokens.calendarArrowHeaderCustomSize}: 1.5rem;
93
+ ${calendarDoubleTokens.calendarHeaderArrowSize}: 1.5rem;
93
94
 
94
95
  ${calendarDoubleTokens.calendarDaysPadding}: 0.5rem 0 0 0;
95
96
  ${calendarDoubleTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
package/dist/emotion/es/components/DatePicker/DatePicker.config.js CHANGED
@@ -240,6 +240,7 @@ export const config = {
240
240
  ${tokens.calendarHeaderWrapperPadding}: 0;
241
241
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
242
242
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
243
+ ${tokens.calendarHeaderArrowSize}: 1.5rem;
243
244
 
244
245
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
245
246
  ${tokens.calendarHeaderDateGap}: 0.25rem;
package/dist/emotion/es/components/Spinner/Spinner.config.js CHANGED
@@ -1,35 +1,58 @@
1
1
  import { textAccent, textNegative, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_cs';
2
- import { css } from '@salutejs/plasma-new-hope/emotion';
2
+ import { css, spinnerTokens as tokens } 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
+ },
9
32
  view: {
10
33
  default: css`
11
- --plasma-spinner-color: ${textPrimary};
34
+ ${tokens.color}: ${textPrimary};
12
35
  `,
13
36
  secondary: css`
14
- --plasma-spinner-color: ${textSecondary};
37
+ ${tokens.color}: ${textSecondary};
15
38
  `,
16
39
  tertiary: css`
17
- --plasma-spinner-color: ${textTertiary};
40
+ ${tokens.color}: ${textTertiary};
18
41
  `,
19
42
  paragraph: css`
20
- --plasma-spinner-color: var(--text-paragraph);
43
+ ${tokens.color}: var(--text-paragraph);
21
44
  `,
22
45
  accent: css`
23
- --plasma-spinner-color: ${textAccent};
46
+ ${tokens.color}: ${textAccent};
24
47
  `,
25
48
  positive: css`
26
- --plasma-spinner-color: ${textPositive};
49
+ ${tokens.color}: ${textPositive};
27
50
  `,
28
51
  warning: css`
29
- --plasma-spinner-color: ${textWarning};
52
+ ${tokens.color}: ${textWarning};
30
53
  `,
31
54
  negative: css`
32
- --plasma-spinner-color: ${textNegative};
55
+ ${tokens.color}: ${textNegative};
33
56
  `
34
57
  }
35
58
  }
package/dist/emotion/es/components/Spinner/Spinner.js CHANGED
@@ -1,11 +1,7 @@
1
- import styled from '@emotion/styled';
2
1
  import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
3
2
  import { config } from './Spinner.config';
4
3
  const mergedConfig = mergeConfig(spinnerConfig, config);
5
4
  const SpinnerComponent = component(mergedConfig);
6
5
  /**
7
6
  * Компонент для отображения индикатора загрузки.
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== */");
7
+ */ export const Spinner = SpinnerComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.377.0-dev.0",
3
+ "version": "0.378.0-next-sbcom.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.385.0-dev.0",
46
- "@salutejs/sdds-themes": "0.85.0-dev.0",
45
+ "@salutejs/plasma-new-hope": "0.386.0-next-sbcom.0",
46
+ "@salutejs/sdds-themes": "0.86.0-next-sbcom.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.26.0-dev.0",
65
- "@salutejs/plasma-core": "1.247.0-dev.0",
66
- "@salutejs/plasma-cy-utils": "0.177.0-dev.0",
67
- "@salutejs/plasma-icons": "1.254.0-dev.0",
68
- "@salutejs/plasma-sb-utils": "0.248.0-dev.0",
64
+ "@salutejs/plasma-colors": "0.27.0-next-sbcom.0",
65
+ "@salutejs/plasma-core": "1.248.0-next-sbcom.0",
66
+ "@salutejs/plasma-cy-utils": "0.178.0-next-sbcom.0",
67
+ "@salutejs/plasma-icons": "1.255.0-next-sbcom.0",
68
+ "@salutejs/plasma-sb-utils": "0.249.0-next-sbcom.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": "192f858f2e44fc11fc92b19949cbe9b40eb12210"
110
+ "gitHead": "5680b021d11a986cb0e16bb9cd54303d5f250cc0"
111
111
  }
package/types/components/Avatar/Avatar.d.ts CHANGED
@@ -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?: string;
50
+ customText?: import("react").ReactNode;
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?: string;
79
+ customText?: import("react").ReactNode;
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?: string;
131
+ customText?: import("react").ReactNode;
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?: string;
160
+ customText?: import("react").ReactNode;
161
161
  status?: "active" | "inactive";
162
162
  isScalable?: boolean;
163
163
  focused?: boolean;
package/types/components/Spinner/Spinner.config.d.ts CHANGED
@@ -4,6 +4,15 @@ 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
+ };
7
16
  view: {
8
17
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
18
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
package/types/components/Spinner/Spinner.d.ts CHANGED
@@ -1,27 +1,14 @@
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<{
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
+ };
25
12
  view: {
26
13
  default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
27
14
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -32,21 +19,28 @@ export declare const Spinner: import("@emotion/styled").StyledComponent<(import(
32
19
  warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
33
20
  negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
34
21
  };
35
- }> & ((HTMLAttributes<HTMLDivElement> & {
22
+ }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
36
23
  width?: never;
37
24
  height?: never;
38
25
  size?: string | number;
39
26
  view?: string;
40
- } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
27
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
41
28
  width: number;
42
29
  height: number;
43
30
  size?: never;
44
31
  view?: string;
45
- } & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
32
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
46
33
  width: string;
47
34
  height: string;
48
35
  size?: never;
49
36
  view?: string;
50
- } & import("react").RefAttributes<HTMLDivElement>))) & {
51
- theme?: import("@emotion/react").Theme;
52
- }, {}, {}>;
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 {};
package/types/components/Spinner/index.d.ts CHANGED
@@ -1,2 +1 @@
1
1
  export { Spinner } from './Spinner';
2
- export type { SpinnerProps } from './Spinner';