@salutejs/sdds-dfa 0.322.0-canary.2214.17533375543.0 → 0.322.0-canary.2214.17665690388.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.
@@ -78,7 +78,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
78
78
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
79
79
  variant?: "normal" | "tight";
80
80
  zIndex?: React.CSSProperties["zIndex"];
81
- listOverflow?: React.CSSProperties["overflow"];
82
81
  listMaxHeight?: React.CSSProperties["height"];
83
82
  listWidth?: React.CSSProperties["width"];
84
83
  portal?: string | React.RefObject<HTMLElement>;
@@ -90,6 +89,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
90
89
  virtual?: boolean;
91
90
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
92
91
  onToggle?: (isOpen: boolean) => void;
92
+ mode?: "default" | "radio";
93
93
  size?: string;
94
94
  view?: string;
95
95
  chipView?: string;
@@ -98,6 +98,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
98
98
  isOpen?: boolean;
99
99
  listHeight?: React.CSSProperties["height"];
100
100
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
101
+ listOverflow?: React.CSSProperties["overflow"];
101
102
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
102
103
  hintText: string;
103
104
  hintTrigger?: "hover" | "click";
@@ -136,7 +137,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
136
137
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
137
138
  variant?: "normal" | "tight";
138
139
  zIndex?: React.CSSProperties["zIndex"];
139
- listOverflow?: React.CSSProperties["overflow"];
140
140
  listMaxHeight?: React.CSSProperties["height"];
141
141
  listWidth?: React.CSSProperties["width"];
142
142
  portal?: string | React.RefObject<HTMLElement>;
@@ -148,6 +148,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
148
148
  virtual?: boolean;
149
149
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
150
150
  onToggle?: (isOpen: boolean) => void;
151
+ mode?: "default" | "radio";
151
152
  size?: string;
152
153
  view?: string;
153
154
  chipView?: string;
@@ -156,6 +157,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
156
157
  isOpen?: boolean;
157
158
  listHeight?: React.CSSProperties["height"];
158
159
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
160
+ listOverflow?: React.CSSProperties["overflow"];
159
161
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
160
162
  hintTrigger?: never;
161
163
  hintText?: never;
@@ -193,7 +195,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
193
195
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
194
196
  variant?: "normal" | "tight";
195
197
  zIndex?: React.CSSProperties["zIndex"];
196
- listOverflow?: React.CSSProperties["overflow"];
197
198
  listMaxHeight?: React.CSSProperties["height"];
198
199
  listWidth?: React.CSSProperties["width"];
199
200
  portal?: string | React.RefObject<HTMLElement>;
@@ -205,6 +206,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
205
206
  virtual?: boolean;
206
207
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
207
208
  onToggle?: (isOpen: boolean) => void;
209
+ mode?: "default" | "radio";
208
210
  size?: string;
209
211
  view?: string;
210
212
  chipView?: string;
@@ -213,6 +215,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
213
215
  isOpen?: boolean;
214
216
  listHeight?: React.CSSProperties["height"];
215
217
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
218
+ listOverflow?: React.CSSProperties["overflow"];
216
219
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").RequiredProps & {
217
220
  hintTrigger?: never;
218
221
  hintText?: never;
@@ -251,7 +254,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
251
254
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
252
255
  variant?: "normal" | "tight";
253
256
  zIndex?: React.CSSProperties["zIndex"];
254
- listOverflow?: React.CSSProperties["overflow"];
255
257
  listMaxHeight?: React.CSSProperties["height"];
256
258
  listWidth?: React.CSSProperties["width"];
257
259
  portal?: string | React.RefObject<HTMLElement>;
@@ -263,6 +265,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
263
265
  virtual?: boolean;
264
266
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
265
267
  onToggle?: (isOpen: boolean) => void;
268
+ mode?: "default" | "radio";
266
269
  size?: string;
267
270
  view?: string;
268
271
  chipView?: string;
@@ -271,6 +274,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
271
274
  isOpen?: boolean;
272
275
  listHeight?: React.CSSProperties["height"];
273
276
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
277
+ listOverflow?: React.CSSProperties["overflow"];
274
278
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
275
279
  target: "button-like";
276
280
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
@@ -296,7 +300,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
296
300
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
297
301
  variant?: "normal" | "tight";
298
302
  zIndex?: React.CSSProperties["zIndex"];
299
- listOverflow?: React.CSSProperties["overflow"];
300
303
  listMaxHeight?: React.CSSProperties["height"];
301
304
  listWidth?: React.CSSProperties["width"];
302
305
  portal?: string | React.RefObject<HTMLElement>;
@@ -308,6 +311,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
308
311
  virtual?: boolean;
309
312
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
310
313
  onToggle?: (isOpen: boolean) => void;
314
+ mode?: "default" | "radio";
311
315
  size?: string;
312
316
  view?: string;
313
317
  chipView?: string;
@@ -316,6 +320,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
316
320
  isOpen?: boolean;
317
321
  listHeight?: React.CSSProperties["height"];
318
322
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
323
+ listOverflow?: React.CSSProperties["overflow"];
319
324
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & {
320
325
  target: "button-like";
321
326
  view?: "default" | "accent" | "secondary" | "clear" | "positive" | "warning" | "negative" | "dark" | "black" | "white";
@@ -342,7 +347,6 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
342
347
  placement?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacement | Array<import("@salutejs/plasma-new-hope/types/components/Select/Select.types").SelectPlacementBasic>;
343
348
  variant?: "normal" | "tight";
344
349
  zIndex?: React.CSSProperties["zIndex"];
345
- listOverflow?: React.CSSProperties["overflow"];
346
350
  listMaxHeight?: React.CSSProperties["height"];
347
351
  listWidth?: React.CSSProperties["width"];
348
352
  portal?: string | React.RefObject<HTMLElement>;
@@ -354,6 +358,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
354
358
  virtual?: boolean;
355
359
  onScroll?: (e: React.UIEvent<HTMLElement>) => void;
356
360
  onToggle?: (isOpen: boolean) => void;
361
+ mode?: "default" | "radio";
357
362
  size?: string;
358
363
  view?: string;
359
364
  chipView?: string;
@@ -362,6 +367,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
362
367
  isOpen?: boolean;
363
368
  listHeight?: React.CSSProperties["height"];
364
369
  onScrollBottom?: (e: React.UIEvent<HTMLElement>) => void;
370
+ listOverflow?: React.CSSProperties["overflow"];
365
371
  } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & React.RefAttributes<HTMLButtonElement>))>;
366
372
  export type SelectProps<K extends ItemOptionSelect> = DistributiveOmit<SelectPropsNewHope<K>, 'size' | 'view' | 'chipView' | 'disabled'> & DistributivePick<ComponentProps<typeof SelectNewHope>, 'size' | 'view' | 'chipView' | 'disabled'>;
367
373
  declare const Select: <K extends ItemOptionSelect>(props: SelectProps<K> & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
@@ -36,7 +36,9 @@ function _templateObject() {
36
36
  ": var(--text-accent);\n ",
37
37
  ": 0.4;\n ",
38
38
  ": var(--text-secondary);\n ",
39
- ": var(--text-secondary);\n "
39
+ ": var(--text-secondary);\n ",
40
+ ": var(--surface-positive);\n ",
41
+ ": var(--surface-solid-default);\n "
40
42
  ]);
41
43
  _templateObject = function _templateObject() {
42
44
  return data;
@@ -170,7 +172,7 @@ var config = {
170
172
  },
171
173
  variations: {
172
174
  view: {
173
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor)
175
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
174
176
  },
175
177
  size: {
176
178
  l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
@@ -1,4 +1,63 @@
1
- import { autocompleteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ function _object_spread(target) {
15
+ for(var i = 1; i < arguments.length; i++){
16
+ var source = arguments[i] != null ? arguments[i] : {};
17
+ var ownKeys = Object.keys(source);
18
+ if (typeof Object.getOwnPropertySymbols === "function") {
19
+ ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
20
+ return Object.getOwnPropertyDescriptor(source, sym).enumerable;
21
+ }));
22
+ }
23
+ ownKeys.forEach(function(key) {
24
+ _define_property(target, key, source[key]);
25
+ });
26
+ }
27
+ return target;
28
+ }
29
+ function ownKeys(object, enumerableOnly) {
30
+ var keys = Object.keys(object);
31
+ if (Object.getOwnPropertySymbols) {
32
+ var symbols = Object.getOwnPropertySymbols(object);
33
+ if (enumerableOnly) {
34
+ symbols = symbols.filter(function(sym) {
35
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
36
+ });
37
+ }
38
+ keys.push.apply(keys, symbols);
39
+ }
40
+ return keys;
41
+ }
42
+ function _object_spread_props(target, source) {
43
+ source = source != null ? source : {};
44
+ if (Object.getOwnPropertyDescriptors) {
45
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
46
+ } else {
47
+ ownKeys(Object(source)).forEach(function(key) {
48
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
49
+ });
50
+ }
51
+ return target;
52
+ }
53
+ import { autocompleteConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
54
+ import React from 'react';
2
55
  import { config } from './Autocomplete.config';
3
56
  var mergedConfig = mergeConfig(autocompleteConfig, config);
4
- export var Autocomplete = component(mergedConfig);
57
+ export var AutocompleteComponent = component(mergedConfig);
58
+ var AutocompleteWithoutRef = function(props, ref) {
59
+ return /*#__PURE__*/ React.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
60
+ ref: ref
61
+ }));
62
+ };
63
+ export var Autocomplete = fixedForwardRef(AutocompleteWithoutRef);
@@ -25,7 +25,9 @@ function _templateObject() {
25
25
  ": var(--text-accent);\n ",
26
26
  ": 0.4;\n ",
27
27
  ": var(--text-secondary);\n ",
28
- ": var(--text-secondary);\n "
28
+ ": var(--text-secondary);\n ",
29
+ ": var(--surface-positive);\n ",
30
+ ": var(--surface-solid-default);\n "
29
31
  ]);
30
32
  _templateObject = function _templateObject() {
31
33
  return data;
@@ -160,7 +162,7 @@ export var config = {
160
162
  },
161
163
  variations: {
162
164
  view: {
163
- default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor)
165
+ default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
164
166
  },
165
167
  size: {
166
168
  l: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.322.0-canary.2214.17533375543.0",
3
+ "version": "0.322.0-canary.2214.17665690388.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.336.0-canary.2214.17533375543.0",
22
+ "@salutejs/plasma-new-hope": "0.336.0-canary.2214.17665690388.0",
23
23
  "@salutejs/sdds-themes": "0.47.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "758626fc78706a5d39481efaa71a92a30c60d61f"
97
+ "gitHead": "0f9c6af7b35d877be57a501e07287d703dd35cc7"
98
98
  }