@salutejs/sdds-cs 0.357.0-next-platform-ai.0 → 0.357.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 (24) hide show
  1. package/dist/emotion/cjs/components/Combobox/Combobox.config.js +13 -1
  2. package/dist/emotion/cjs/components/Slider/Slider.config.js +17 -5
  3. package/dist/emotion/cjs/components/Steps/StepItem.config.js +30 -0
  4. package/dist/emotion/cjs/components/Steps/Steps.config.js +0 -6
  5. package/dist/emotion/cjs/components/Steps/Steps.js +5 -1
  6. package/dist/emotion/es/components/Combobox/Combobox.config.js +13 -1
  7. package/dist/emotion/es/components/Slider/Slider.config.js +17 -5
  8. package/dist/emotion/es/components/Steps/StepItem.config.js +20 -0
  9. package/dist/emotion/es/components/Steps/Steps.config.js +0 -6
  10. package/dist/emotion/es/components/Steps/Steps.js +5 -1
  11. package/package.json +9 -10
  12. package/types/components/Accordion/Accordion.d.ts +1 -1
  13. package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
  14. package/types/components/Calendar/Calendar.d.ts +2 -2
  15. package/types/components/Cell/Cell.d.ts +3 -3
  16. package/types/components/Combobox/Combobox.config.d.ts +4 -0
  17. package/types/components/Combobox/Combobox.d.ts +11 -0
  18. package/types/components/DatePicker/DatePicker.d.ts +2 -2
  19. package/types/components/Slider/Slider.config.d.ts +6 -0
  20. package/types/components/Slider/Slider.d.ts +9 -2
  21. package/types/components/Steps/StepItem.config.d.ts +10 -0
  22. package/types/components/TimePicker/TimePicker.d.ts +6 -2
  23. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  24. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
package/dist/emotion/cjs/components/Combobox/Combobox.config.js CHANGED
@@ -13,7 +13,8 @@ const config = {
13
13
  defaults: {
14
14
  view: 'default',
15
15
  size: 's',
16
- labelPlacement: 'outer'
16
+ labelPlacement: 'outer',
17
+ chipView: 'default'
17
18
  },
18
19
  variations: {
19
20
  view: {
@@ -266,6 +267,17 @@ const config = {
266
267
  `,
267
268
  outer: (0, _emotion.css)``
268
269
  },
270
+ chipView: {
271
+ default: (0, _emotion.css)`
272
+ ${_emotion.comboboxTokens.textFieldChipColor}: var(--inverse-text-primary);
273
+ ${_emotion.comboboxTokens.textFieldChipColorHover}: var(--inverse-text-primary);
274
+ ${_emotion.comboboxTokens.textFieldChipBackground}: var(--surface-solid-default);
275
+ ${_emotion.comboboxTokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
276
+ ${_emotion.comboboxTokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
277
+ ${_emotion.comboboxTokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
278
+ ${_emotion.comboboxTokens.textFieldChipOpacityReadonly}: 1;
279
+ `
280
+ },
269
281
  disabled: {
270
282
  true: (0, _emotion.css)`
271
283
  ${_emotion.comboboxTokens.textFieldDisabledOpacity}: 1;
package/dist/emotion/cjs/components/Slider/Slider.config.js CHANGED
@@ -12,7 +12,8 @@ const _emotion = require("@salutejs/plasma-new-hope/emotion");
12
12
  const config = {
13
13
  defaults: {
14
14
  view: 'default',
15
- size: 's'
15
+ size: 's',
16
+ pointerSize: 'small'
16
17
  },
17
18
  variations: {
18
19
  view: {
@@ -107,10 +108,6 @@ const config = {
107
108
  ${_emotion.sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
108
109
  ${_emotion.sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
109
110
 
110
- ${_emotion.sliderTokens.thumbSize}: 1rem;
111
- ${_emotion.sliderTokens.thumbSizeLarge}: 1.25rem;
112
- ${_emotion.sliderTokens.thumbBorder}: 0.0625rem solid;
113
-
114
111
  ${_emotion.sliderTokens.tickSize}: 0.5rem;
115
112
 
116
113
  ${_emotion.sliderTokens.currentValueTopOffset}: 1.25rem;
@@ -133,6 +130,21 @@ const config = {
133
130
  ${_emotion.sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
134
131
  `
135
132
  },
133
+ pointerSize: {
134
+ small: (0, _emotion.css)`
135
+ ${_emotion.sliderTokens.thumbSize}: 1rem;
136
+ ${_emotion.sliderTokens.thumbBorderStyle}: solid;
137
+ ${_emotion.sliderTokens.thumbBorderWidth}: 0.0625rem;
138
+ `,
139
+ large: (0, _emotion.css)`
140
+ ${_emotion.sliderTokens.thumbSize}: 1.25rem;
141
+ ${_emotion.sliderTokens.thumbBorderStyle}: solid;
142
+ ${_emotion.sliderTokens.thumbBorderWidth}: 0.0625rem;
143
+ `,
144
+ none: (0, _emotion.css)`
145
+ ${_emotion.sliderTokens.thumbSize}: 0rem;
146
+ `
147
+ },
136
148
  disabled: {
137
149
  true: (0, _emotion.css)`
138
150
  ${_emotion.sliderTokens.disabledOpacity}: 0.4;
package/dist/emotion/cjs/components/Steps/StepItem.config.js ADDED
@@ -0,0 +1,30 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "config", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return config;
9
+ }
10
+ });
11
+ const _emotion = require("@salutejs/plasma-new-hope/emotion");
12
+ const config = {
13
+ defaults: {
14
+ view: 'default'
15
+ },
16
+ variations: {
17
+ view: {
18
+ default: (0, _emotion.css)`
19
+ ${_emotion.stepsTokens.completedIndicatorColor}: var(--inverse-text-primary);
20
+ ${_emotion.stepsTokens.completedIndicatorColorHover}: var(--inverse-text-primary);
21
+ ${_emotion.stepsTokens.completedIndicatorBackground}: var(--surface-solid-default);
22
+ ${_emotion.stepsTokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
23
+ ${_emotion.stepsTokens.completedTitleColor}: var(--text-primary);
24
+ ${_emotion.stepsTokens.completedTitleColorHover}: var(--text-primary-hover);
25
+
26
+ ${_emotion.stepsTokens.dividerColor}: var(--surface-solid-default);
27
+ `
28
+ }
29
+ }
30
+ };
package/dist/emotion/cjs/components/Steps/Steps.config.js CHANGED
@@ -55,7 +55,6 @@ const config = {
55
55
  ${_emotion.stepsTokens.dividerColor}: var(--surface-positive);
56
56
  ${_emotion.stepsTokens.dividerGradientColor}: linear-gradient(90deg, var(--surface-positive) 35%, var(--on-dark-surface-solid-primary) 100%);
57
57
  ${_emotion.stepsTokens.dividerVerticalGradientColor}: linear-gradient(180deg, var(--surface-positive) 35%, var(--on-dark-surface-solid-primary) 100%);
58
- ${_emotion.stepsTokens.dividerVerticalIndentColor}: var(--on-dark-surface-solid-primary);
59
58
 
60
59
  ${_emotion.stepsTokens.disabledOpacity}: 0.4;
61
60
  `
@@ -73,11 +72,6 @@ const config = {
73
72
  ${_emotion.stepsTokens.contentVerticalPadding}: 0.5rem;
74
73
  ${_emotion.stepsTokens.verticalContentPaddingLeft}: 1rem;
75
74
 
76
- ${_emotion.stepsTokens.smallIndicatorIndentHeight}: 0.5rem;
77
- ${_emotion.stepsTokens.largeIndicatorIndentHeight}: 0.5rem;
78
- ${_emotion.stepsTokens.smallBulletIndentHeight}: 1rem;
79
- ${_emotion.stepsTokens.largeBulletIndentHeight}: 0.75rem;
80
-
81
75
  ${_emotion.stepsTokens.indicatorFontFamily}: var(--plasma-typo-body-s-font-family);
82
76
  ${_emotion.stepsTokens.indicatorFontSize}: var(--plasma-typo-body-s-font-size);
83
77
  ${_emotion.stepsTokens.indicatorFontStyle}: var(--plasma-typo-body-s-font-style);
package/dist/emotion/cjs/components/Steps/Steps.js CHANGED
@@ -9,7 +9,11 @@ Object.defineProperty(exports, "Steps", {
9
9
  }
10
10
  });
11
11
  const _emotion = require("@salutejs/plasma-new-hope/emotion");
12
+ const _StepItemconfig = require("./StepItem.config");
12
13
  const _Stepsconfig = require("./Steps.config");
13
- const mergedConfig = (0, _emotion.mergeConfig)(_emotion.stepsConfig, _Stepsconfig.config);
14
+ const mergedItemConfig = (0, _emotion.mergeConfig)(_emotion.stepItemConfig, _StepItemconfig.config);
15
+ const StepItem = (0, _emotion.component)(mergedItemConfig);
16
+ const stepsConfig = (0, _emotion.stepsConfig)(StepItem);
17
+ const mergedConfig = (0, _emotion.mergeConfig)(stepsConfig, _Stepsconfig.config);
14
18
  const StepsComponent = (0, _emotion.component)(mergedConfig);
15
19
  const Steps = StepsComponent;
package/dist/emotion/es/components/Combobox/Combobox.config.js CHANGED
@@ -3,7 +3,8 @@ export const config = {
3
3
  defaults: {
4
4
  view: 'default',
5
5
  size: 's',
6
- labelPlacement: 'outer'
6
+ labelPlacement: 'outer',
7
+ chipView: 'default'
7
8
  },
8
9
  variations: {
9
10
  view: {
@@ -256,6 +257,17 @@ export const config = {
256
257
  `,
257
258
  outer: css``
258
259
  },
260
+ chipView: {
261
+ default: css`
262
+ ${tokens.textFieldChipColor}: var(--inverse-text-primary);
263
+ ${tokens.textFieldChipColorHover}: var(--inverse-text-primary);
264
+ ${tokens.textFieldChipBackground}: var(--surface-solid-default);
265
+ ${tokens.textFieldChipBackgroundHover}: var(--surface-solid-default-hover);
266
+ ${tokens.textFieldChipCloseIconColor}: var(--inverse-text-secondary);
267
+ ${tokens.textFieldChipCloseIconColorHover}: var(--inverse-text-primary);
268
+ ${tokens.textFieldChipOpacityReadonly}: 1;
269
+ `
270
+ },
259
271
  disabled: {
260
272
  true: css`
261
273
  ${tokens.textFieldDisabledOpacity}: 1;
package/dist/emotion/es/components/Slider/Slider.config.js CHANGED
@@ -2,7 +2,8 @@ import { css, sliderTokens } from '@salutejs/plasma-new-hope/emotion';
2
2
  export const config = {
3
3
  defaults: {
4
4
  view: 'default',
5
- size: 's'
5
+ size: 's',
6
+ pointerSize: 'small'
6
7
  },
7
8
  variations: {
8
9
  view: {
@@ -97,10 +98,6 @@ export const config = {
97
98
  ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
98
99
  ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);
99
100
 
100
- ${sliderTokens.thumbSize}: 1rem;
101
- ${sliderTokens.thumbSizeLarge}: 1.25rem;
102
- ${sliderTokens.thumbBorder}: 0.0625rem solid;
103
-
104
101
  ${sliderTokens.tickSize}: 0.5rem;
105
102
 
106
103
  ${sliderTokens.currentValueTopOffset}: 1.25rem;
@@ -123,6 +120,21 @@ export const config = {
123
120
  ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);
124
121
  `
125
122
  },
123
+ pointerSize: {
124
+ small: css`
125
+ ${sliderTokens.thumbSize}: 1rem;
126
+ ${sliderTokens.thumbBorderStyle}: solid;
127
+ ${sliderTokens.thumbBorderWidth}: 0.0625rem;
128
+ `,
129
+ large: css`
130
+ ${sliderTokens.thumbSize}: 1.25rem;
131
+ ${sliderTokens.thumbBorderStyle}: solid;
132
+ ${sliderTokens.thumbBorderWidth}: 0.0625rem;
133
+ `,
134
+ none: css`
135
+ ${sliderTokens.thumbSize}: 0rem;
136
+ `
137
+ },
126
138
  disabled: {
127
139
  true: css`
128
140
  ${sliderTokens.disabledOpacity}: 0.4;
package/dist/emotion/es/components/Steps/StepItem.config.js ADDED
@@ -0,0 +1,20 @@
1
+ import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
2
+ export const config = {
3
+ defaults: {
4
+ view: 'default'
5
+ },
6
+ variations: {
7
+ view: {
8
+ default: css`
9
+ ${tokens.completedIndicatorColor}: var(--inverse-text-primary);
10
+ ${tokens.completedIndicatorColorHover}: var(--inverse-text-primary);
11
+ ${tokens.completedIndicatorBackground}: var(--surface-solid-default);
12
+ ${tokens.completedIndicatorBackgroundHover}: var(--surface-solid-default-hover);
13
+ ${tokens.completedTitleColor}: var(--text-primary);
14
+ ${tokens.completedTitleColorHover}: var(--text-primary-hover);
15
+
16
+ ${tokens.dividerColor}: var(--surface-solid-default);
17
+ `
18
+ }
19
+ }
20
+ };
package/dist/emotion/es/components/Steps/Steps.config.js CHANGED
@@ -45,7 +45,6 @@ export const config = {
45
45
  ${tokens.dividerColor}: var(--surface-positive);
46
46
  ${tokens.dividerGradientColor}: linear-gradient(90deg, var(--surface-positive) 35%, var(--on-dark-surface-solid-primary) 100%);
47
47
  ${tokens.dividerVerticalGradientColor}: linear-gradient(180deg, var(--surface-positive) 35%, var(--on-dark-surface-solid-primary) 100%);
48
- ${tokens.dividerVerticalIndentColor}: var(--on-dark-surface-solid-primary);
49
48
 
50
49
  ${tokens.disabledOpacity}: 0.4;
51
50
  `
@@ -63,11 +62,6 @@ export const config = {
63
62
  ${tokens.contentVerticalPadding}: 0.5rem;
64
63
  ${tokens.verticalContentPaddingLeft}: 1rem;
65
64
 
66
- ${tokens.smallIndicatorIndentHeight}: 0.5rem;
67
- ${tokens.largeIndicatorIndentHeight}: 0.5rem;
68
- ${tokens.smallBulletIndentHeight}: 1rem;
69
- ${tokens.largeBulletIndentHeight}: 0.75rem;
70
-
71
65
  ${tokens.indicatorFontFamily}: var(--plasma-typo-body-s-font-family);
72
66
  ${tokens.indicatorFontSize}: var(--plasma-typo-body-s-font-size);
73
67
  ${tokens.indicatorFontStyle}: var(--plasma-typo-body-s-font-style);
package/dist/emotion/es/components/Steps/Steps.js CHANGED
@@ -1,5 +1,9 @@
1
- import { stepsConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
1
+ import { stepsConfig as rawStepsConfig, stepItemConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
+ import { config as itemConfig } from './StepItem.config';
2
3
  import { config } from './Steps.config';
4
+ const mergedItemConfig = mergeConfig(stepItemConfig, itemConfig);
5
+ const StepItem = component(mergedItemConfig);
6
+ const stepsConfig = rawStepsConfig(StepItem);
3
7
  const mergedConfig = mergeConfig(stepsConfig, config);
4
8
  const StepsComponent = component(mergedConfig);
5
9
  export const Steps = StepsComponent;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.357.0-next-platform-ai.0",
3
+ "version": "0.357.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.1"
43
43
  },
44
44
  "dependencies": {
45
- "@salutejs/plasma-new-hope": "0.365.0-next-platform-ai.0",
46
- "@salutejs/sdds-themes": "0.67.0-next-platform-ai.0"
45
+ "@salutejs/plasma-new-hope": "0.365.0",
46
+ "@salutejs/sdds-themes": "0.67.0"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@babel/cli": "7.24.1",
@@ -58,10 +58,10 @@
58
58
  "@emotion/styled": ">=11",
59
59
  "@originjs/vite-plugin-commonjs": "1.0.3",
60
60
  "@salutejs/plasma-colors": "0.16.0",
61
- "@salutejs/plasma-core": "1.228.0-next-platform-ai.0",
62
- "@salutejs/plasma-cy-utils": "0.158.0-next-platform-ai.0",
63
- "@salutejs/plasma-icons": "1.239.0-next-platform-ai.0",
64
- "@salutejs/plasma-sb-utils": "0.229.0-next-platform-ai.0",
61
+ "@salutejs/plasma-core": "1.228.0",
62
+ "@salutejs/plasma-cy-utils": "0.158.0",
63
+ "@salutejs/plasma-icons": "1.239.0",
64
+ "@salutejs/plasma-sb-utils": "0.229.0",
65
65
  "@types/node": "16.7.13",
66
66
  "@types/react": "18.0.28",
67
67
  "@types/react-dom": "18.0.11",
@@ -94,8 +94,7 @@
94
94
  "typeCoverage": {
95
95
  "ignoreFiles": [
96
96
  "src/**/*.component-test.tsx",
97
- "src/**/*.stories.tsx",
98
- "src/**/*.perftest.tsx"
97
+ "src/**/*.stories.tsx"
99
98
  ],
100
99
  "atLeast": 99.94
101
100
  },
@@ -103,5 +102,5 @@
103
102
  "salute.developers@gmail.com"
104
103
  ],
105
104
  "sideEffects": false,
106
- "gitHead": "b604477f17c0e2ea4d6cc37020432d3b9e2a3cb0"
105
+ "gitHead": "11abf991079928e06b77546d823d7259d0365187"
107
106
  }
package/types/components/Accordion/Accordion.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare const Accordion: import("react").FunctionComponent<import("@salut
7
7
  size: {
8
8
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
9
9
  };
10
- }> & {
10
+ }> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & {
11
11
  view?: string;
12
12
  size?: string;
13
13
  singleActive?: boolean;
package/types/components/Autocomplete/Autocomplete.d.ts CHANGED
@@ -76,7 +76,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
76
76
  chipType?: never;
77
77
  chipView?: never;
78
78
  chipValidator?: never;
79
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
79
+ }, "chipView" | "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
80
80
  labelPlacement?: string;
81
81
  readOnly?: boolean;
82
82
  disabled?: boolean;
@@ -135,7 +135,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
135
135
  chipValidator?: (value: string) => {
136
136
  view?: string;
137
137
  };
138
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
138
+ }, "chipView" | "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
139
139
  labelPlacement?: string;
140
140
  readOnly?: boolean;
141
141
  disabled?: boolean;
@@ -192,7 +192,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
192
192
  chipType?: never;
193
193
  chipView?: never;
194
194
  chipValidator?: never;
195
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
195
+ }, "chipView" | "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
196
196
  labelPlacement?: string;
197
197
  readOnly?: boolean;
198
198
  disabled?: boolean;
@@ -251,7 +251,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
251
251
  chipValidator?: (value: string) => {
252
252
  view?: string;
253
253
  };
254
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
254
+ }, "chipView" | "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
255
255
  labelPlacement?: string;
256
256
  readOnly?: boolean;
257
257
  disabled?: boolean;
@@ -308,7 +308,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
308
308
  chipType?: never;
309
309
  chipView?: never;
310
310
  chipValidator?: never;
311
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
311
+ }, "chipView" | "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
312
312
  labelPlacement?: string;
313
313
  readOnly?: boolean;
314
314
  disabled?: boolean;
@@ -367,7 +367,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
367
367
  chipValidator?: (value: string) => {
368
368
  view?: string;
369
369
  };
370
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
370
+ }, "chipView" | "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
371
371
  labelPlacement?: string;
372
372
  readOnly?: boolean;
373
373
  disabled?: boolean;
@@ -424,7 +424,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
424
424
  chipType?: never;
425
425
  chipView?: never;
426
426
  chipValidator?: never;
427
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
427
+ }, "chipView" | "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
428
428
  labelPlacement?: string;
429
429
  readOnly?: boolean;
430
430
  disabled?: boolean;
@@ -483,7 +483,7 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
483
483
  chipValidator?: (value: string) => {
484
484
  view?: string;
485
485
  };
486
- }, "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipView" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>))>;
486
+ }, "chipView" | "labelPlacement" | "chips" | "onChangeChips" | "enumerationType" | "chipType" | "chipValidator"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "defaultValue" | "onScroll" | "required" | "value"> & React.RefAttributes<HTMLInputElement>))>;
487
487
  type PropsFromConfig = keyof typeof config['variations'];
488
488
  type Props<T extends SuggestionItemType> = DistributiveOmit<AutocompleteProps<T>, PropsFromConfig> & DistributivePick<ComponentProps<typeof AutocompleteComponent>, PropsFromConfig>;
489
489
  export declare const Autocomplete: <T extends SuggestionItemType>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
package/types/components/Calendar/Calendar.d.ts CHANGED
@@ -17,7 +17,7 @@ export declare const CalendarDouble: import("react").FunctionComponent<import("@
17
17
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
18
  };
19
19
  }> & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").Calendar & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarConfigProps & import("react").RefAttributes<HTMLDivElement>>;
20
- export declare const CalendarBaseRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarBaseProps>) => import("react").ReactElement<CalendarBaseProps, string | import("react").JSXElementConstructor<any>>;
21
- export declare const CalendarDoubleRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarDoubleProps>) => import("react").ReactElement<CalendarDoubleProps, string | import("react").JSXElementConstructor<any>>;
20
+ export declare const CalendarBaseRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, onChangeSingleValue, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarBaseProps>) => import("react").ReactElement<CalendarBaseProps, string | import("react").JSXElementConstructor<any>>;
21
+ export declare const CalendarDoubleRange: ({ value, min, max, disabledList, eventList, eventMonthList, disabledMonthList, eventYearList, disabledYearList, onChangeValue, onChangeStartOfRange, onChangeSingleValue, ...rest }: import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarRange<CalendarDoubleProps>) => import("react").ReactElement<CalendarDoubleProps, string | import("react").JSXElementConstructor<any>>;
22
22
  export declare const Calendar: FC<import("@salutejs/plasma-new-hope/emotion").CalendarProps>;
23
23
  export type { CalendarStateType };
package/types/components/Cell/Cell.d.ts CHANGED
@@ -9,7 +9,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
9
9
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
10
10
  xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
11
11
  };
12
- }> & (({
12
+ }> & ((import("react").HTMLAttributes<HTMLDivElement> & {
13
13
  size?: string;
14
14
  view?: string;
15
15
  contentLeft?: import("react").ReactNode;
@@ -24,7 +24,7 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
24
24
  subtitle?: string;
25
25
  label?: string;
26
26
  children?: never;
27
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>) | ({
27
+ } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
28
28
  size?: string;
29
29
  view?: string;
30
30
  contentLeft?: import("react").ReactNode;
@@ -39,4 +39,4 @@ export declare const Cell: import("react").FunctionComponent<import("@salutejs/p
39
39
  subtitle?: never;
40
40
  label?: never;
41
41
  children?: import("react").ReactNode;
42
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>))>;
42
+ } & import("react").RefAttributes<HTMLDivElement>))>;
package/types/components/Combobox/Combobox.config.d.ts CHANGED
@@ -3,6 +3,7 @@ export declare const config: {
3
3
  view: string;
4
4
  size: string;
5
5
  labelPlacement: string;
6
+ chipView: string;
6
7
  };
7
8
  variations: {
8
9
  view: {
@@ -16,6 +17,9 @@ export declare const config: {
16
17
  inner: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
18
  outer: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
19
  };
20
+ chipView: {
21
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
22
+ };
19
23
  disabled: {
20
24
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
21
25
  };
package/types/components/Combobox/Combobox.d.ts CHANGED
@@ -13,6 +13,9 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
13
13
  inner: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
14
14
  outer: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
15
  };
16
+ chipView: {
17
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
+ };
16
19
  disabled: {
17
20
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
21
  };
@@ -56,6 +59,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
56
59
  alwaysOpened?: boolean;
57
60
  size?: string;
58
61
  view?: string;
62
+ chipView?: string;
59
63
  hintSize?: string;
60
64
  hintView?: string;
61
65
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
@@ -119,6 +123,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
119
123
  alwaysOpened?: boolean;
120
124
  size?: string;
121
125
  view?: string;
126
+ chipView?: string;
122
127
  hintSize?: string;
123
128
  hintView?: string;
124
129
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
@@ -182,6 +187,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
182
187
  alwaysOpened?: boolean;
183
188
  size?: string;
184
189
  view?: string;
190
+ chipView?: string;
185
191
  hintSize?: string;
186
192
  hintView?: string;
187
193
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
@@ -245,6 +251,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
245
251
  alwaysOpened?: boolean;
246
252
  size?: string;
247
253
  view?: string;
254
+ chipView?: string;
248
255
  hintSize?: string;
249
256
  hintView?: string;
250
257
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
@@ -308,6 +315,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
308
315
  alwaysOpened?: boolean;
309
316
  size?: string;
310
317
  view?: string;
318
+ chipView?: string;
311
319
  hintSize?: string;
312
320
  hintView?: string;
313
321
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Omit<{
@@ -375,6 +383,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
375
383
  alwaysOpened?: boolean;
376
384
  size?: string;
377
385
  view?: string;
386
+ chipView?: string;
378
387
  hintSize?: string;
379
388
  hintView?: string;
380
389
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Omit<{
@@ -442,6 +451,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
442
451
  alwaysOpened?: boolean;
443
452
  size?: string;
444
453
  view?: string;
454
+ chipView?: string;
445
455
  hintSize?: string;
446
456
  hintView?: string;
447
457
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Omit<{
@@ -509,6 +519,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
509
519
  alwaysOpened?: boolean;
510
520
  size?: string;
511
521
  view?: string;
522
+ chipView?: string;
512
523
  hintSize?: string;
513
524
  hintView?: string;
514
525
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Omit<{
package/types/components/DatePicker/DatePicker.d.ts CHANGED
@@ -16,7 +16,7 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
16
16
  requiredPlacement?: "left" | "right";
17
17
  required?: boolean;
18
18
  hasRequiredIndicator?: boolean;
19
- value?: Date | string;
19
+ value?: Date | string | null;
20
20
  preserveInvalidOnBlur?: boolean;
21
21
  defaultDate?: Date;
22
22
  placeholder?: string;
@@ -56,7 +56,7 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
56
56
  requiredPlacement?: "left" | "right";
57
57
  required?: boolean;
58
58
  hasRequiredIndicator?: boolean;
59
- value?: Date | string;
59
+ value?: Date | string | null;
60
60
  preserveInvalidOnBlur?: boolean;
61
61
  defaultDate?: Date;
62
62
  placeholder?: string;
package/types/components/Slider/Slider.config.d.ts CHANGED
@@ -2,6 +2,7 @@ export declare const config: {
2
2
  defaults: {
3
3
  view: string;
4
4
  size: string;
5
+ pointerSize: string;
5
6
  };
6
7
  variations: {
7
8
  view: {
@@ -11,6 +12,11 @@ export declare const config: {
11
12
  size: {
12
13
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
13
14
  };
15
+ pointerSize: {
16
+ small: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
+ large: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
18
+ none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
+ };
14
20
  disabled: {
15
21
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
22
  };
package/types/components/Slider/Slider.d.ts CHANGED
@@ -10,6 +10,11 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
10
10
  size: {
11
11
  s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
12
12
  };
13
+ pointerSize: {
14
+ small: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
+ large: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
16
+ none: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
17
+ };
13
18
  disabled: {
14
19
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
15
20
  };
@@ -25,6 +30,7 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
25
30
  sliderAlign?: never | "none";
26
31
  reversed?: never;
27
32
  labelReversed?: never;
33
+ valuePlacement?: "top" | "bottom" | "none";
28
34
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
29
35
  onChangeCommitted?: (value: number) => void;
30
36
  ariaLabel?: string;
@@ -53,6 +59,7 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
53
59
  scaleAlign?: never;
54
60
  reversed?: boolean;
55
61
  labelReversed?: boolean;
62
+ valuePlacement?: "left" | "right" | "none";
56
63
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
57
64
  onChangeCommitted?: (value: number) => void;
58
65
  ariaLabel?: string;
@@ -82,6 +89,7 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
82
89
  sliderAlign?: never | "none";
83
90
  reversed?: never;
84
91
  labelReversed?: never;
92
+ valuePlacement?: "top" | "bottom" | "none";
85
93
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
86
94
  onChangeCommitted?: (value: number) => void;
87
95
  ariaLabel?: string;
@@ -110,6 +118,7 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
110
118
  scaleAlign?: never;
111
119
  reversed?: boolean;
112
120
  labelReversed?: boolean;
121
+ valuePlacement?: "left" | "right" | "none";
113
122
  } & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
114
123
  onChangeCommitted?: (value: number) => void;
115
124
  ariaLabel?: string;
@@ -143,7 +152,6 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
143
152
  labelPlacement?: never;
144
153
  ariaLabel?: string[];
145
154
  type?: "double";
146
- pointerSize?: "small" | "large";
147
155
  } & import("react").RefAttributes<HTMLDivElement>) | (import("@salutejs/plasma-new-hope/types/components/Slider/components/SliderBase/SliderBase.types.js").SliderBaseProps & import("@salutejs/plasma-new-hope/types/components/Slider/components/index.js").SliderInternalProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
148
156
  onChange?: (value: number[]) => void;
149
157
  name?: never;
@@ -160,5 +168,4 @@ export declare const Slider: import("react").FunctionComponent<import("@salutejs
160
168
  labelPlacement?: never;
161
169
  ariaLabel?: string[];
162
170
  type?: "double";
163
- pointerSize?: "small" | "large";
164
171
  } & import("react").RefAttributes<HTMLDivElement>))>;
package/types/components/Steps/StepItem.config.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ };
5
+ variations: {
6
+ view: {
7
+ default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
8
+ };
9
+ };
10
+ };
package/types/components/TimePicker/TimePicker.d.ts CHANGED
@@ -16,6 +16,8 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
16
16
  dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
17
17
  dropdownHeight?: import("react").CSSProperties["height"];
18
18
  columnsQuantity?: 2 | 3;
19
+ min?: string | Date;
20
+ max?: string | Date;
19
21
  appearance?: "default" | "clear";
20
22
  hasClearDivider?: boolean;
21
23
  size?: string;
@@ -38,7 +40,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
38
40
  textBefore?: string;
39
41
  textAfter?: string;
40
42
  autoComplete?: string;
41
- onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent) => void;
43
+ onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent | import("react").ChangeEvent<HTMLInputElement> | null, formattedValues: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent) => void;
42
44
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
43
45
  hintText: string;
44
46
  hintTrigger?: "hover" | "click";
@@ -56,6 +58,8 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
56
58
  dropdownWidth?: "auto" | "fullWidth" | import("react").CSSProperties["width"];
57
59
  dropdownHeight?: import("react").CSSProperties["height"];
58
60
  columnsQuantity?: 2 | 3;
61
+ min?: string | Date;
62
+ max?: string | Date;
59
63
  appearance?: "default" | "clear";
60
64
  hasClearDivider?: boolean;
61
65
  size?: string;
@@ -78,7 +82,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
78
82
  textBefore?: string;
79
83
  textAfter?: string;
80
84
  autoComplete?: string;
81
- onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent) => void;
85
+ onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent | import("react").ChangeEvent<HTMLInputElement> | null, formattedValues: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types.js").TimePickerChangeEvent) => void;
82
86
  } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
83
87
  hintTrigger?: never;
84
88
  hintText?: never;
package/types/components/Tokens/Colors/Colors.styles.d.ts CHANGED
@@ -62,6 +62,8 @@ export declare const StyledAccordionItem: import("@emotion/styled").StyledCompon
62
62
  eventKey?: number;
63
63
  index?: number;
64
64
  view?: string;
65
+ titleProps?: React.HTMLAttributes<HTMLElement>;
66
+ bodyProps?: React.HTMLAttributes<HTMLDivElement>;
65
67
  } & import("react").RefAttributes<HTMLDivElement> & {
66
68
  theme?: import("@emotion/react").Theme;
67
69
  }, {}, {}>;
package/types/components/Tokens/Typography/Typography.styles.d.ts CHANGED
@@ -70,6 +70,8 @@ export declare const StyledAccordionItem: import("@emotion/styled").StyledCompon
70
70
  eventKey?: number;
71
71
  index?: number;
72
72
  view?: string;
73
+ titleProps?: React.HTMLAttributes<HTMLElement>;
74
+ bodyProps?: React.HTMLAttributes<HTMLDivElement>;
73
75
  } & import("react").RefAttributes<HTMLDivElement> & {
74
76
  theme?: import("@emotion/react").Theme;
75
77
  }, {}, {}>;