@salutejs/plasma-web 1.384.0-canary.1352.10591857563.0 → 1.384.0-canary.1352.10609199302.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. package/CHANGELOG.md +136 -0
  2. package/api/plasma-web.api.md +11 -5
  3. package/components/Switch/Switch.config.js +1 -1
  4. package/components/TextArea/index.d.ts +13 -0
  5. package/components/TextField/TextField.d.ts +24 -12
  6. package/css/cjs/components/TextField/TextField.js.map +1 -1
  7. package/css/es/components/TextField/TextField.js.map +1 -1
  8. package/es/components/Switch/Switch.config.js +1 -1
  9. package/package.json +9 -9
  10. package/temp/plasma-web.api.md +11 -5
package/CHANGELOG.md CHANGED
@@ -1,3 +1,139 @@
1
+ # v1.383.0 (Wed Aug 28 2024)
2
+
3
+ ### Release Notes
4
+
5
+ #### Release by 28.08.2024 ([#1403](https://github.com/salute-developers/plasma/pull/1403))
6
+
7
+ ## Components
8
+
9
+ ### Slider
10
+
11
+ - удалена лишняя зависимость `ref.current` в hooks
12
+ - исправлена документация в `plasma-web`
13
+ - для `plasma-new-hope` и `sdds-dfa` добавлены недостающие файлы документации
14
+
15
+
16
+ plasma-{new-hope, web}, sdds-dfa: removed redundant dependencies from `Slider` hooks; docs fixed (https://github.com/salute-developers/plasma/pull/1386)
17
+
18
+ ### TextField
19
+ - добавлен размер `xs` в `plasma-web`
20
+
21
+
22
+ plasma-web: size `xs` added to `TextField` (https://github.com/salute-developers/plasma/pull/1395)
23
+
24
+ ### SDDS-CS
25
+
26
+ - изменены конфигурации компонентов для `sdds-cs`
27
+
28
+ ### Radiobox/Checkbox
29
+
30
+ - добавлен фон через токены для `trigger`
31
+
32
+ ### Button
33
+
34
+ - добавлен отдельный фон через токены в состоянии `loading`
35
+
36
+
37
+ sdds-cs: Edit components config (https://github.com/salute-developers/plasma/pull/1368)
38
+
39
+
40
+ ## Icons
41
+
42
+ ### Disclosure group
43
+
44
+ - обновлен набор для `Disclosure`
45
+
46
+ <img width="371" alt="Disclosure" src="https://github.com/user-attachments/assets/37024761-5185-46fc-9a24-8285839c1776" />
47
+
48
+
49
+
50
+ feat(plasma-icons): Update `Disclosure` icons group (https://github.com/salute-developers/plasma/pull/1384)
51
+
52
+ ### Update icons list
53
+
54
+ #### Video
55
+ <img width="171" src="https://github.com/user-attachments/assets/5138f0d2-bc5a-427f-b5c3-161702b80cc5" />
56
+
57
+ #### Attention
58
+ <img width="58" src="https://github.com/user-attachments/assets/425b34f8-6744-44ad-8670-70fbb7f2aed7" />
59
+
60
+ #### Message
61
+ <img width="409" src="https://github.com/user-attachments/assets/b23057c1-b8e3-4c2a-a052-570a61570242" />
62
+
63
+ #### Zoom
64
+ <img width="128" src="https://github.com/user-attachments/assets/ac37d878-b25d-4215-9a05-84a4db8a4f1e" />
65
+
66
+
67
+ feat(plasma-icons): Update icons pack (https://github.com/salute-developers/plasma/pull/1390)
68
+
69
+ ## Tokens
70
+
71
+ * исправлены опечатки в `tokens` для `theme`: `plasma_web`, `sdds_dfa`, `sdds_serv`
72
+
73
+ fix(plasma-tokens): Fix tokens misprint in themes (https://github.com/salute-developers/plasma/pull/1402)
74
+
75
+ ### Theme-Builder
76
+
77
+ * исправлена обработка свойств `opened` для модальных окон
78
+ * исправлено отображение полей для ввода в модальном окне редактирования token
79
+ * исправлена генерация токенов `active` и `hover` состояний при изменении отключении / включении token
80
+
81
+
82
+ fix(plasma-theme-builder): Fix bugs in Theme Builder (https://github.com/salute-developers/plasma/pull/1397)
83
+
84
+
85
+ ## Infra
86
+
87
+ ### Plasma-B2C
88
+
89
+ - поднята документацию для пакета `plasma-b2c`
90
+
91
+
92
+
93
+ plasma-docs: Setup package for `plasma-b2c` (https://github.com/salute-developers/plasma/pull/1330)
94
+
95
+
96
+ ## Misc
97
+
98
+ ### Tests
99
+ - изменены тесты plasma-b2c компонентов Breadcrumbs и Price
100
+
101
+
102
+ test(plasma-b2c): update tests for Breadcrumbs and Price (https://github.com/salute-developers/plasma/pull/1353)
103
+
104
+ ### Tests
105
+ - изменены тесты plasma-b2c компонентов Badge и Chip
106
+
107
+
108
+ test(plasma-b2c): update tests for Badge and Chip (https://github.com/salute-developers/plasma/pull/1366)
109
+
110
+ ---
111
+
112
+ #### 🚀 Enhancement
113
+
114
+ - Release by 28.08.2024 [#1403](https://github.com/salute-developers/plasma/pull/1403) ([@Yakutoc](https://github.com/Yakutoc) [@simashova](https://github.com/simashova) [@neretin-trike](https://github.com/neretin-trike) [@Salute-Eva](https://github.com/Salute-Eva) [@IgorYar](https://github.com/IgorYar) [@denivladislav](https://github.com/denivladislav) [@iljs](https://github.com/iljs))
115
+ - feat(*): add custom background trigger for checkbox and rasiobox ([@iljs](https://github.com/iljs))
116
+ - feat(*): add custom loading background to button ([@iljs](https://github.com/iljs))
117
+ - feat(plasma-web): xs size added [#1395](https://github.com/salute-developers/plasma/pull/1395) ([@denivladislav](https://github.com/denivladislav))
118
+
119
+ #### 🐛 Bug Fix
120
+
121
+ - Update package-lock.json files ([@Salute-Eva](https://github.com/Salute-Eva))
122
+ - Update versions ([@Salute-Eva](https://github.com/Salute-Eva))
123
+ - chore: Update package-lock.json files \[skip ci\] ([@Salute-Eva](https://github.com/Salute-Eva))
124
+
125
+ #### Authors: 7
126
+
127
+ - [@iljs](https://github.com/iljs)
128
+ - [@Salute-Eva](https://github.com/Salute-Eva)
129
+ - Alexander Lobyntsev ([@Yakutoc](https://github.com/Yakutoc))
130
+ - Anastasia Simashova ([@simashova](https://github.com/simashova))
131
+ - Igor Yaroslavtsev ([@IgorYar](https://github.com/IgorYar))
132
+ - neretinaa ([@neretin-trike](https://github.com/neretin-trike))
133
+ - Vladislav Denisov ([@denivladislav](https://github.com/denivladislav))
134
+
135
+ ---
136
+
1
137
  # v1.377.0 (Thu Aug 22 2024)
2
138
 
3
139
  ### Release Notes
package/api/plasma-web.api.md CHANGED
@@ -2356,6 +2356,9 @@ export { TextareaHTMLAttributes }
2356
2356
 
2357
2357
  // @public (undocumented)
2358
2358
  export interface TextAreaProps extends TextAreaProps_2 {
2359
+ optional?: boolean;
2360
+ required?: boolean;
2361
+ requiredPlacement?: 'left' | 'right';
2359
2362
  // @deprecated (undocumented)
2360
2363
  resize?: 'none' | 'both' | 'horizontal' | 'vertical';
2361
2364
  }
@@ -2364,8 +2367,9 @@ export { TextareaResize }
2364
2367
 
2365
2368
  // @public
2366
2369
  export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & {
2370
+ optional?: boolean | undefined;
2367
2371
  required?: boolean | undefined;
2368
- requiredAlign?: "right" | "left" | undefined;
2372
+ requiredPlacement?: "right" | "left" | undefined;
2369
2373
  } & Pick<PropsType< {
2370
2374
  view: {
2371
2375
  default: PolymorphicClassName;
@@ -2402,11 +2406,12 @@ true: PolymorphicClassName;
2402
2406
  labelPlacement?: "outer" | "inner" | undefined;
2403
2407
  leftHelper?: string | undefined;
2404
2408
  contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
2405
- contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
2409
+ contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
2406
2410
  textBefore?: string | undefined;
2407
2411
  textAfter?: string | undefined;
2412
+ optional?: boolean | undefined;
2408
2413
  required?: boolean | undefined;
2409
- requiredAlign?: "right" | "left" | undefined;
2414
+ requiredPlacement?: "right" | "left" | undefined;
2410
2415
  onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
2411
2416
  } & {
2412
2417
  chips?: undefined;
@@ -2423,11 +2428,12 @@ true: PolymorphicClassName;
2423
2428
  labelPlacement?: "outer" | "inner" | undefined;
2424
2429
  leftHelper?: string | undefined;
2425
2430
  contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
2426
- contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
2431
+ contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
2427
2432
  textBefore?: string | undefined;
2428
2433
  textAfter?: string | undefined;
2434
+ optional?: boolean | undefined;
2429
2435
  required?: boolean | undefined;
2430
- requiredAlign?: "right" | "left" | undefined;
2436
+ requiredPlacement?: "right" | "left" | undefined;
2431
2437
  onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
2432
2438
  } & {
2433
2439
  enumerationType: "chip";
package/components/Switch/Switch.config.js CHANGED
@@ -19,7 +19,7 @@ var config = exports.config = {
19
19
  m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale, _styledComponents.switchTokens.labelOffset)
20
20
  },
21
21
  view: {
22
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
22
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
23
23
  },
24
24
  // TODO: could we not css into css ???
25
25
  labelPosition: {
package/components/TextArea/index.d.ts CHANGED
@@ -5,4 +5,17 @@ export interface TextAreaProps extends TextAreaPropsBase {
5
5
  * @deprecated не используется в компоненте
6
6
  */
7
7
  resize?: 'none' | 'both' | 'horizontal' | 'vertical';
8
+ /**
9
+ * Флаг необязательности поля
10
+ */
11
+ optional?: boolean;
12
+ /**
13
+ * Флаг обязательности поля
14
+ */
15
+ required?: boolean;
16
+ /**
17
+ * Задает выравнивание индикатора обязательности поля
18
+ * @default right
19
+ */
20
+ requiredPlacement?: 'left' | 'right';
8
21
  }
package/components/TextField/TextField.d.ts CHANGED
@@ -36,11 +36,12 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
36
36
  labelPlacement?: "outer" | "inner" | undefined;
37
37
  leftHelper?: string | undefined;
38
38
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
39
- contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
39
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
40
40
  textBefore?: string | undefined;
41
41
  textAfter?: string | undefined;
42
+ optional?: boolean | undefined;
42
43
  required?: boolean | undefined;
43
- requiredAlign?: "right" | "left" | undefined;
44
+ requiredPlacement?: "right" | "left" | undefined;
44
45
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
45
46
  } & {
46
47
  chips?: undefined;
@@ -57,11 +58,12 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
57
58
  labelPlacement?: "outer" | "inner" | undefined;
58
59
  leftHelper?: string | undefined;
59
60
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
60
- contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
61
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
61
62
  textBefore?: string | undefined;
62
63
  textAfter?: string | undefined;
64
+ optional?: boolean | undefined;
63
65
  required?: boolean | undefined;
64
- requiredAlign?: "right" | "left" | undefined;
66
+ requiredPlacement?: "right" | "left" | undefined;
65
67
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
66
68
  } & {
67
69
  enumerationType: "chip";
@@ -71,30 +73,38 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
71
73
  } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>))>;
72
74
  declare type newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;
73
75
  declare type TextFieldProps = TextFieldPropsOld & {
76
+ /**
77
+ * Флаг необязательности поля
78
+ */
79
+ optional?: boolean;
74
80
  /**
75
81
  * Флаг обязательности поля
76
82
  */
77
83
  required?: boolean;
78
84
  /**
79
85
  * Задает выравнивание индикатора обязательности поля
80
- * @default left
86
+ * @default right
81
87
  */
82
- requiredAlign?: 'left' | 'right';
88
+ requiredPlacement?: 'left' | 'right';
83
89
  };
84
90
  export declare type CustomTextFieldProps = TextFieldProps & Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;
85
91
  /**
86
92
  * Поле ввода текста.
87
93
  */
88
94
  export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOld & {
95
+ /**
96
+ * Флаг необязательности поля
97
+ */
98
+ optional?: boolean | undefined;
89
99
  /**
90
100
  * Флаг обязательности поля
91
101
  */
92
102
  required?: boolean | undefined;
93
103
  /**
94
104
  * Задает выравнивание индикатора обязательности поля
95
- * @default left
105
+ * @default right
96
106
  */
97
- requiredAlign?: "right" | "left" | undefined;
107
+ requiredPlacement?: "right" | "left" | undefined;
98
108
  } & Pick<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
99
109
  view: {
100
110
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -131,11 +141,12 @@ export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOl
131
141
  labelPlacement?: "outer" | "inner" | undefined;
132
142
  leftHelper?: string | undefined;
133
143
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
134
- contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
144
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
135
145
  textBefore?: string | undefined;
136
146
  textAfter?: string | undefined;
147
+ optional?: boolean | undefined;
137
148
  required?: boolean | undefined;
138
- requiredAlign?: "right" | "left" | undefined;
149
+ requiredPlacement?: "right" | "left" | undefined;
139
150
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
140
151
  } & {
141
152
  chips?: undefined;
@@ -152,11 +163,12 @@ export declare const TextField: React.ForwardRefExoticComponent<TextFieldPropsOl
152
163
  labelPlacement?: "outer" | "inner" | undefined;
153
164
  leftHelper?: string | undefined;
154
165
  contentLeft?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
155
- contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
166
+ contentRight?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
156
167
  textBefore?: string | undefined;
157
168
  textAfter?: string | undefined;
169
+ optional?: boolean | undefined;
158
170
  required?: boolean | undefined;
159
- requiredAlign?: "right" | "left" | undefined;
171
+ requiredPlacement?: "right" | "left" | undefined;
160
172
  onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
161
173
  } & {
162
174
  enumerationType: "chip";
package/css/cjs/components/TextField/TextField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype TextFieldProps = TextFieldPropsOld & {\n /**\n * Флаг обязательности поля\n */\n required?: boolean;\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default left\n */\n requiredAlign?: 'left' | 'right';\n};\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype TextFieldProps = TextFieldPropsOld & {\n /**\n * Флаг необязательности поля\n */\n optional?: boolean;\n /**\n * Флаг обязательности поля\n */\n required?: boolean;\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n};\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":"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"}
package/css/es/components/TextField/TextField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype TextFieldProps = TextFieldPropsOld & {\n /**\n * Флаг обязательности поля\n */\n required?: boolean;\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default left\n */\n requiredAlign?: 'left' | 'right';\n};\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":"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"}
1
+ {"version":3,"file":"TextField.js","sources":["../../../../src-css/components/TextField/TextField.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TextFieldProps as TextFieldPropsOld } from '@salutejs/plasma-hope';\nimport { textFieldConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './TextField.config';\n\nconst mergedConfig = mergeConfig(textFieldConfig, config);\nconst TextFieldComponent = component(mergedConfig);\n\ntype newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;\n\ntype TextFieldProps = TextFieldPropsOld & {\n /**\n * Флаг необязательности поля\n */\n optional?: boolean;\n /**\n * Флаг обязательности поля\n */\n required?: boolean;\n /**\n * Задает выравнивание индикатора обязательности поля\n * @default right\n */\n requiredPlacement?: 'left' | 'right';\n};\n\nexport type CustomTextFieldProps = TextFieldProps &\n Pick<newHopeTextFieldProps, 'enumerationType' | 'chips' | 'onChangeChips'>;\n\nconst statusToView: Record<NonNullable<TextFieldProps['status']>, NonNullable<newHopeTextFieldProps['view']>> = {\n success: 'positive',\n warning: 'warning',\n error: 'negative',\n};\nconst animatedHintToLabelPlacement: Record<\n NonNullable<TextFieldProps['animatedHint']>,\n NonNullable<newHopeTextFieldProps['labelPlacement']>\n> = {\n placeholder: 'outer',\n label: 'inner',\n};\n\n/**\n * Поле ввода текста.\n */\nexport const TextField = forwardRef<HTMLInputElement, CustomTextFieldProps>((props, ref) => {\n const {\n status,\n\n label,\n placeholder,\n animatedHint,\n helperText,\n\n enumerationType,\n chips,\n onSearch,\n onChangeChips,\n\n size = 'l',\n\n ...rest\n } = props;\n\n /** TODO: #1064 Remove In plasma-2.0 */\n /* eslint-disable no-underscore-dangle */\n const _view = status ? statusToView[status] : 'default';\n let _labelPlacement = animatedHint ? animatedHintToLabelPlacement[animatedHint] : 'outer';\n let _label = label ? String(label) : undefined;\n if (size !== 'l' && _labelPlacement === 'inner') {\n _label = undefined;\n _labelPlacement = 'outer';\n }\n if (size === 'l' && animatedHint === 'placeholder' && !label) {\n _label = placeholder;\n _labelPlacement = 'inner';\n }\n\n if (enumerationType === 'chip') {\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"chip\"\n chips={chips}\n onChangeChips={onChangeChips}\n />\n );\n }\n\n return (\n <TextFieldComponent\n {...rest}\n view={_view}\n labelPlacement={_labelPlacement}\n label={_label}\n size={size}\n placeholder={placeholder}\n leftHelper={helperText}\n ref={ref}\n enumerationType=\"plain\"\n onSearch={onSearch}\n />\n );\n});\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","config","TextFieldComponent","component","statusToView","success","warning","error","animatedHintToLabelPlacement","placeholder","label","TextField","forwardRef","props","ref","status","animatedHint","helperText","enumerationType","chips","onSearch","onChangeChips","_props$size","size","rest","_objectWithoutProperties","_excluded","_view","_labelPlacement","_label","String","undefined","React","createElement","_extends","view","labelPlacement","leftHelper"],"mappings":"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"}
package/es/components/Switch/Switch.config.js CHANGED
@@ -13,7 +13,7 @@ export var config = {
13
13
  m: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--plasma-typo-body1-font-family);\n ", ": var(--plasma-typo-body1-font-style);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-font-weight);\n ", ": var(--plasma-typo-body1-line-height);\n ", ": var(--plasma-typo-body1-font-size);\n ", ": var(--plasma-typo-body1-letter-spacing);\n ", ": 2.75rem;\n ", ": 1.75rem;\n ", ": calc(var(", ") / 2);\n ", ": 1.5rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n ", ": 0.75rem;\n "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
14
14
  },
15
15
  view: {
16
- "default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOff, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
16
+ "default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
17
17
  },
18
18
  // TODO: could we not css into css ???
19
19
  labelPosition: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-web",
3
- "version": "1.384.0-canary.1352.10591857563.0",
3
+ "version": "1.384.0-canary.1352.10609199302.0",
4
4
  "description": "Salute Design System / React UI kit for web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,10 +19,10 @@
19
19
  "directory": "packages/plasma-web"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-core": "1.176.0-dev.0",
23
- "@salutejs/plasma-hope": "1.306.0-dev.0",
24
- "@salutejs/plasma-new-hope": "0.134.0-canary.1352.10591857563.0",
25
- "@salutejs/plasma-themes": "0.16.0-dev.0",
22
+ "@salutejs/plasma-core": "1.176.0",
23
+ "@salutejs/plasma-hope": "1.306.0",
24
+ "@salutejs/plasma-new-hope": "0.134.0-canary.1352.10609199302.0",
25
+ "@salutejs/plasma-themes": "0.16.0",
26
26
  "@salutejs/plasma-tokens-b2b": "1.41.0",
27
27
  "@salutejs/plasma-tokens-b2c": "0.51.0",
28
28
  "@salutejs/plasma-tokens-web": "1.56.0",
@@ -49,9 +49,9 @@
49
49
  "@rollup/plugin-commonjs": "25.0.7",
50
50
  "@rollup/plugin-node-resolve": "15.2.3",
51
51
  "@salutejs/plasma-colors": "0.13.0",
52
- "@salutejs/plasma-cy-utils": "0.107.0-dev.0",
53
- "@salutejs/plasma-icons": "1.203.0-dev.0",
54
- "@salutejs/plasma-sb-utils": "0.174.0-dev.0",
52
+ "@salutejs/plasma-cy-utils": "0.107.0",
53
+ "@salutejs/plasma-icons": "1.203.0",
54
+ "@salutejs/plasma-sb-utils": "0.174.0",
55
55
  "@storybook/addon-docs": "7.6.17",
56
56
  "@storybook/addon-essentials": "7.6.17",
57
57
  "@storybook/addons": "7.6.17",
@@ -112,5 +112,5 @@
112
112
  "Fanil Zubairov"
113
113
  ],
114
114
  "sideEffects": false,
115
- "gitHead": "56a780a692670210e13118cd45e52f2c7cddc7a3"
115
+ "gitHead": "9d4175a00fd5b601ddb9f40690b9a187cbb6336d"
116
116
  }
package/temp/plasma-web.api.md CHANGED
@@ -2356,6 +2356,9 @@ export { TextareaHTMLAttributes }
2356
2356
 
2357
2357
  // @public (undocumented)
2358
2358
  export interface TextAreaProps extends TextAreaProps_2 {
2359
+ optional?: boolean;
2360
+ required?: boolean;
2361
+ requiredPlacement?: 'left' | 'right';
2359
2362
  // @deprecated (undocumented)
2360
2363
  resize?: 'none' | 'both' | 'horizontal' | 'vertical';
2361
2364
  }
@@ -2364,8 +2367,9 @@ export { TextareaResize }
2364
2367
 
2365
2368
  // @public
2366
2369
  export const TextField: React_2.ForwardRefExoticComponent<TextFieldProps_2 & {
2370
+ optional?: boolean | undefined;
2367
2371
  required?: boolean | undefined;
2368
- requiredAlign?: "right" | "left" | undefined;
2372
+ requiredPlacement?: "right" | "left" | undefined;
2369
2373
  } & Pick<PropsType< {
2370
2374
  view: {
2371
2375
  default: PolymorphicClassName;
@@ -2402,11 +2406,12 @@ true: PolymorphicClassName;
2402
2406
  labelPlacement?: "outer" | "inner" | undefined;
2403
2407
  leftHelper?: string | undefined;
2404
2408
  contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
2405
- contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
2409
+ contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
2406
2410
  textBefore?: string | undefined;
2407
2411
  textAfter?: string | undefined;
2412
+ optional?: boolean | undefined;
2408
2413
  required?: boolean | undefined;
2409
- requiredAlign?: "right" | "left" | undefined;
2414
+ requiredPlacement?: "right" | "left" | undefined;
2410
2415
  onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
2411
2416
  } & {
2412
2417
  chips?: undefined;
@@ -2423,11 +2428,12 @@ true: PolymorphicClassName;
2423
2428
  labelPlacement?: "outer" | "inner" | undefined;
2424
2429
  leftHelper?: string | undefined;
2425
2430
  contentLeft?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
2426
- contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined; /** TODO: #1064 Remove In plasma-2.0 */
2431
+ contentRight?: React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | undefined;
2427
2432
  textBefore?: string | undefined;
2428
2433
  textAfter?: string | undefined;
2434
+ optional?: boolean | undefined;
2429
2435
  required?: boolean | undefined;
2430
- requiredAlign?: "right" | "left" | undefined;
2436
+ requiredPlacement?: "right" | "left" | undefined;
2431
2437
  onSearch?: ((value: string, event?: React_2.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
2432
2438
  } & {
2433
2439
  enumerationType: "chip";