@salutejs/sdds-cs 0.372.0-next-sbcom.0 → 0.372.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.
@@ -133,7 +133,7 @@ const config = {
133
133
  ${_emotion.autocompleteTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
134
134
  ${_emotion.autocompleteTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
135
135
 
136
- ${_emotion.autocompleteTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
136
+ ${_emotion.autocompleteTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
137
137
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
138
138
  ${_emotion.autocompleteTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
139
139
  ${_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;
@@ -171,7 +171,7 @@ const config = {
171
171
  ${_emotion.comboboxTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
172
172
  ${_emotion.comboboxTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
173
173
 
174
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
174
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
175
175
  ${_emotion.comboboxTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
176
176
  ${_emotion.comboboxTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
177
177
  ${_emotion.comboboxTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -302,7 +302,7 @@ const config = {
302
302
  ${_emotion.comboboxTokens.disclosureIconColorHover}: transparent;
303
303
  ${_emotion.comboboxTokens.textFieldPadding}: 0;
304
304
  ${_emotion.comboboxTokens.textFieldLabelOffset}: 0.25rem;
305
- ${_emotion.comboboxTokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
305
+ ${_emotion.comboboxTokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
306
306
  ${_emotion.comboboxTokens.textFieldBorderColor}: transparent;
307
307
  ${_emotion.comboboxTokens.textFieldBorderWidth}: 0;
308
308
  `
@@ -249,7 +249,6 @@ const config = {
249
249
  ${_emotion.datePickerTokens.calendarHeaderWrapperPadding}: 0;
250
250
  ${_emotion.datePickerTokens.calendarHeaderArrowGap}: 0.5rem;
251
251
  ${_emotion.datePickerTokens.calendarHeaderArrowCustomSize}: 1.5rem;
252
- ${_emotion.datePickerTokens.calendarHeaderArrowSize}: 1.5rem;
253
252
 
254
253
  ${_emotion.datePickerTokens.calendarHeaderPadding}: 0 0 0 0.5rem;
255
254
  ${_emotion.datePickerTokens.calendarHeaderDateGap}: 0.25rem;
@@ -135,7 +135,7 @@ const config = {
135
135
  ${_emotion.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
136
136
  ${_emotion.selectTokens.textFieldLabelLineHeight}: ${_sdds_cs.bodyS.lineHeight};
137
137
 
138
- ${_emotion.selectTokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
138
+ ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
139
139
  ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
140
140
  ${_emotion.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
141
141
  ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -123,7 +123,7 @@ const config = {
123
123
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
124
124
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
125
125
 
126
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
126
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
127
127
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
128
128
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
129
129
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -150,7 +150,7 @@ const config = {
150
150
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
151
151
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
152
152
 
153
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem;
153
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem;
154
154
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
155
155
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
156
156
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -223,7 +223,7 @@ const config = {
223
223
  ${_emotion.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
224
224
  ${_emotion.textFieldTokens.titleCaptionLineHeight}: ${_sdds_cs.bodyXS.lineHeight};
225
225
 
226
- ${_emotion.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
226
+ ${_emotion.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
227
227
  ${_emotion.textFieldTokens.leftHelperFontFamily}: ${_sdds_cs.bodyS.fontFamily};
228
228
  ${_emotion.textFieldTokens.leftHelperFontSize}: ${_sdds_cs.bodyS.fontSize};
229
229
  ${_emotion.textFieldTokens.leftHelperFontStyle}: ${_sdds_cs.bodyS.fontStyle};
@@ -76,6 +76,8 @@ const config = {
76
76
  ${_emotion.timePickerTokens.scrollbarColor}: ${_sdds_cs.surfaceSolidTertiary};
77
77
  ${_emotion.timePickerTokens.scrollbarTrackColor}: var(--surface-transparent-primary);
78
78
 
79
+ ${_emotion.timePickerTokens.disabledOpacity}: 0.4;
80
+
79
81
  ${_emotion.timePickerTokens.leftHelperColor}: ${_sdds_cs.textSecondary};
80
82
  ${_emotion.timePickerTokens.leftHelperColorError}: ${_sdds_cs.textNegative};
81
83
  ${_emotion.timePickerTokens.leftHelperColorSuccess}: ${_sdds_cs.textPositive};
@@ -123,7 +123,7 @@ export const config = {
123
123
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
124
124
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
125
125
 
126
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
126
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
127
127
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
128
128
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
129
129
  ${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;
@@ -161,7 +161,7 @@ export const config = {
161
161
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
162
162
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
163
163
 
164
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
164
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
165
165
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
166
166
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
167
167
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -292,7 +292,7 @@ export const config = {
292
292
  ${tokens.disclosureIconColorHover}: transparent;
293
293
  ${tokens.textFieldPadding}: 0;
294
294
  ${tokens.textFieldLabelOffset}: 0.25rem;
295
- ${tokens.textFieldLeftHelperPadding}: 0rem 0 0 0;
295
+ ${tokens.textFieldLeftHelperOffset}: 0rem 0 0 0;
296
296
  ${tokens.textFieldBorderColor}: transparent;
297
297
  ${tokens.textFieldBorderWidth}: 0;
298
298
  `
@@ -239,7 +239,6 @@ export const config = {
239
239
  ${tokens.calendarHeaderWrapperPadding}: 0;
240
240
  ${tokens.calendarHeaderArrowGap}: 0.5rem;
241
241
  ${tokens.calendarHeaderArrowCustomSize}: 1.5rem;
242
- ${tokens.calendarHeaderArrowSize}: 1.5rem;
243
242
 
244
243
  ${tokens.calendarHeaderPadding}: 0 0 0 0.5rem;
245
244
  ${tokens.calendarHeaderDateGap}: 0.25rem;
@@ -125,7 +125,7 @@ export const config = {
125
125
  ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};
126
126
  ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};
127
127
 
128
- ${tokens.textFieldLeftHelperPadding}: 0.25rem 0 0 0;
128
+ ${tokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
129
129
  ${tokens.textFieldLeftHelperFontFamily}: ${bodyS.fontFamily};
130
130
  ${tokens.textFieldLeftHelperFontSize}: ${bodyS.fontSize};
131
131
  ${tokens.textFieldLeftHelperFontStyle}: ${bodyS.fontStyle};
@@ -113,7 +113,7 @@ export const config = {
113
113
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
114
114
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
115
115
 
116
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
116
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
117
117
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
118
118
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
119
119
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
@@ -140,7 +140,7 @@ export const config = {
140
140
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
141
141
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
142
142
 
143
- ${tokens.leftHelperPadding}: 0.25rem;
143
+ ${tokens.leftHelperOffset}: 0.25rem;
144
144
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
145
145
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
146
146
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
@@ -213,7 +213,7 @@ export const config = {
213
213
  ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
214
214
  ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
215
215
 
216
- ${tokens.leftHelperPadding}: 0.25rem 0 0 0;
216
+ ${tokens.leftHelperOffset}: 0.25rem 0 0 0;
217
217
  ${tokens.leftHelperFontFamily}: ${bodyS.fontFamily};
218
218
  ${tokens.leftHelperFontSize}: ${bodyS.fontSize};
219
219
  ${tokens.leftHelperFontStyle}: ${bodyS.fontStyle};
@@ -66,6 +66,8 @@ export const config = {
66
66
  ${tokens.scrollbarColor}: ${surfaceSolidTertiary};
67
67
  ${tokens.scrollbarTrackColor}: var(--surface-transparent-primary);
68
68
 
69
+ ${tokens.disabledOpacity}: 0.4;
70
+
69
71
  ${tokens.leftHelperColor}: ${textSecondary};
70
72
  ${tokens.leftHelperColorError}: ${textNegative};
71
73
  ${tokens.leftHelperColorSuccess}: ${textPositive};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.372.0-next-sbcom.0",
3
+ "version": "0.372.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.380.0-next-sbcom.0",
46
- "@salutejs/sdds-themes": "0.81.0-next-sbcom.0"
45
+ "@salutejs/plasma-new-hope": "0.380.0",
46
+ "@salutejs/sdds-themes": "0.81.0"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@babel/cli": "7.24.1",
@@ -57,11 +57,11 @@
57
57
  "@emotion/react": ">=11",
58
58
  "@emotion/styled": ">=11",
59
59
  "@originjs/vite-plugin-commonjs": "1.0.3",
60
- "@salutejs/plasma-colors": "0.23.0-next-sbcom.0",
61
- "@salutejs/plasma-core": "1.243.0-next-sbcom.0",
62
- "@salutejs/plasma-cy-utils": "0.173.0-next-sbcom.0",
63
- "@salutejs/plasma-icons": "1.250.0-next-sbcom.0",
64
- "@salutejs/plasma-sb-utils": "0.244.0-next-sbcom.0",
60
+ "@salutejs/plasma-colors": "0.23.0",
61
+ "@salutejs/plasma-core": "1.243.0",
62
+ "@salutejs/plasma-cy-utils": "0.173.0",
63
+ "@salutejs/plasma-icons": "1.250.0",
64
+ "@salutejs/plasma-sb-utils": "0.244.0",
65
65
  "@types/node": "16.7.13",
66
66
  "@types/react": "18.0.28",
67
67
  "@types/react-dom": "18.0.11",
@@ -102,5 +102,5 @@
102
102
  "salute.developers@gmail.com"
103
103
  ],
104
104
  "sideEffects": false,
105
- "gitHead": "d87b826ff9a20bab3c406addd10a799b934a285f"
105
+ "gitHead": "04055758469aeb757156213b778bc6e24ee278ba"
106
106
  }
@@ -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;
@@ -70,12 +70,13 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
70
70
  counterView?: undefined;
71
71
  count?: undefined;
72
72
  maxCount?: undefined;
73
+ thousandSeparator?: undefined;
73
74
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
74
75
  shape?: string;
75
76
  size?: string;
76
77
  name?: string;
77
78
  url?: string;
78
- customText?: import("react").ReactNode;
79
+ customText?: string;
79
80
  status?: "active" | "inactive";
80
81
  isScalable?: boolean;
81
82
  focused?: boolean;
@@ -88,6 +89,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
88
89
  counterView?: string | undefined;
89
90
  count?: number | undefined;
90
91
  maxCount?: number | undefined;
92
+ thousandSeparator?: (boolean | string) | undefined;
91
93
  } & {
92
94
  badgeView?: undefined;
93
95
  pilled?: undefined;
@@ -126,7 +128,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
126
128
  size?: string;
127
129
  name?: string;
128
130
  url?: string;
129
- customText?: import("react").ReactNode;
131
+ customText?: string;
130
132
  status?: "active" | "inactive";
131
133
  isScalable?: boolean;
132
134
  focused?: boolean;
@@ -149,12 +151,13 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
149
151
  counterView?: undefined;
150
152
  count?: undefined;
151
153
  maxCount?: undefined;
154
+ thousandSeparator?: undefined;
152
155
  } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
153
156
  shape?: string;
154
157
  size?: string;
155
158
  name?: string;
156
159
  url?: string;
157
- customText?: import("react").ReactNode;
160
+ customText?: string;
158
161
  status?: "active" | "inactive";
159
162
  isScalable?: boolean;
160
163
  focused?: boolean;
@@ -167,6 +170,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
167
170
  counterView?: string | undefined;
168
171
  count?: number | undefined;
169
172
  maxCount?: number | undefined;
173
+ thousandSeparator?: (boolean | string) | undefined;
170
174
  } & {
171
175
  badgeView?: undefined;
172
176
  pilled?: undefined;
@@ -18,6 +18,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
18
18
  multiplicityMinutes?: import("@salutejs/plasma-new-hope/types/components/TimePickerGrid/TimePickerGrid.types.js").TimePickerMultiplicity;
19
19
  multiplicitySeconds?: import("@salutejs/plasma-new-hope/types/components/TimePickerGrid/TimePickerGrid.types.js").TimePickerMultiplicity;
20
20
  columnsQuantity?: 2 | 3;
21
+ hasTimeFormat?: boolean;
21
22
  min?: string | Date;
22
23
  max?: string | Date;
23
24
  appearance?: "default" | "clear" | "viewMode";
@@ -64,6 +65,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
64
65
  multiplicityMinutes?: import("@salutejs/plasma-new-hope/types/components/TimePickerGrid/TimePickerGrid.types.js").TimePickerMultiplicity;
65
66
  multiplicitySeconds?: import("@salutejs/plasma-new-hope/types/components/TimePickerGrid/TimePickerGrid.types.js").TimePickerMultiplicity;
66
67
  columnsQuantity?: 2 | 3;
68
+ hasTimeFormat?: boolean;
67
69
  min?: string | Date;
68
70
  max?: string | Date;
69
71
  appearance?: "default" | "clear" | "viewMode";