@salutejs/sdds-finportal 0.168.0-canary.1560.11837986621.0 → 0.168.0-canary.1562.11851866538.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -92,8 +92,10 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
92
92
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
93
93
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
94
94
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
95
+ import { DropdownItemOption } from '@salutejs/plasma-new-hope/styled-components';
95
96
  import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
96
- import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
97
+ import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
98
+ import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
97
99
  import { dsplL } from '@salutejs/sdds-themes/tokens';
98
100
  import { dsplLBold } from '@salutejs/sdds-themes/tokens';
99
101
  import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1249,7 +1251,31 @@ xs: PolymorphicClassName;
1249
1251
  view: {
1250
1252
  default: PolymorphicClassName;
1251
1253
  };
1252
- }> & DropdownProps & RefAttributes<HTMLDivElement>>;
1254
+ }> & {
1255
+ items: DropdownItemOption[];
1256
+ alwaysOpened?: boolean | undefined;
1257
+ children?: ReactNode;
1258
+ itemRole?: string | undefined;
1259
+ onHover?: ((index: number) => void) | undefined;
1260
+ onItemSelect?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
1261
+ trigger?: DropdownTrigger | undefined;
1262
+ placement?: DropdownPlacement | undefined;
1263
+ offset?: [number, number] | undefined;
1264
+ listWidth?: Property.Width<string | number> | undefined;
1265
+ hasArrow?: boolean | undefined;
1266
+ closeOnSelect?: boolean | undefined;
1267
+ closeOnOverlayClick?: boolean | undefined;
1268
+ onToggle?: ((isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | undefined;
1269
+ size?: string | undefined;
1270
+ view?: string | undefined;
1271
+ variant?: "normal" | "tight" | undefined;
1272
+ portal?: string | RefObject<HTMLElement> | undefined;
1273
+ renderItem?: ((item: DropdownItemOption) => ReactNode) | undefined;
1274
+ onItemClick?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
1275
+ listOverflow?: Property.Overflow | undefined;
1276
+ listHeight?: Property.Height<string | number> | undefined;
1277
+ hoverIndex?: number | undefined;
1278
+ } & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
1253
1279
 
1254
1280
  // @public (undocumented)
1255
1281
  export const DsplL: FunctionComponent<PropsType< {
@@ -9,5 +9,29 @@ declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plas
9
9
  view: {
10
10
  default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
11
11
  };
12
- }> & import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
12
+ }> & {
13
+ items: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption[];
14
+ alwaysOpened?: boolean | undefined;
15
+ children?: import("react").ReactNode;
16
+ itemRole?: string | undefined;
17
+ onHover?: ((index: number) => void) | undefined;
18
+ onItemSelect?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
19
+ trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownTrigger | undefined;
20
+ placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement | undefined;
21
+ offset?: [number, number] | undefined;
22
+ listWidth?: import("csstype").Property.Width<string | number> | undefined;
23
+ hasArrow?: boolean | undefined;
24
+ closeOnSelect?: boolean | undefined;
25
+ closeOnOverlayClick?: boolean | undefined;
26
+ onToggle?: ((isOpen: boolean, event: Event | import("react").SyntheticEvent<Element, Event>) => void) | undefined;
27
+ size?: string | undefined;
28
+ view?: string | undefined;
29
+ variant?: "normal" | "tight" | undefined;
30
+ portal?: string | import("react").RefObject<HTMLElement> | undefined;
31
+ renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption) => import("react").ReactNode) | undefined;
32
+ onItemClick?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
33
+ listOverflow?: import("csstype").Property.Overflow | undefined;
34
+ listHeight?: import("csstype").Property.Height<string | number> | undefined;
35
+ hoverIndex?: number | undefined;
36
+ } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
13
37
  export { Dropdown };
@@ -26,7 +26,7 @@ var config = exports.config = {
26
26
  s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 1.25rem;\n ", ": calc(var(", ") / 2);\n ", ": 1rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n "])), _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)
27
27
  },
28
28
  view: {
29
- "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": 0rem;\n ", ": transparent;\n ", ": transparent;\n ", ": transparent;\n ", ": transparent;\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), _styledComponents.switchTokens.labelColor, _styledComponents.switchTokens.descriptionColor, _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.trackBorderWidth, _styledComponents.switchTokens.trackBorderColorOff, _styledComponents.switchTokens.trackBorderColorOffHover, _styledComponents.switchTokens.trackBorderColorOn, _styledComponents.switchTokens.trackBorderColorOnHover, _styledComponents.switchTokens.thumbBackgroundColorOff, _styledComponents.switchTokens.thumbBackgroundColorOn, _styledComponents.switchTokens.thumbBoxShadow)
29
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\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.labelColor, _styledComponents.switchTokens.descriptionColor, _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOnHover, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.trackBackgroundColorOffHover, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
30
30
  },
31
31
  disabled: {
32
32
  "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.switchTokens.disabledOpacity)
@@ -20,7 +20,7 @@ export var config = {
20
20
  s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 2rem;\n ", ": 1.25rem;\n ", ": calc(var(", ") / 2);\n ", ": 1rem;\n ", ": calc(var(", ") / 2);\n ", ": 0.125rem;\n ", ": 1.25;\n "])), switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
21
21
  },
22
22
  view: {
23
- "default": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-accent-hover);\n ", ": var(--surface-transparent-tertiary);\n ", ": var(--surface-transparent-tertiary-hover);\n ", ": 0rem;\n ", ": transparent;\n ", ": transparent;\n ", ": transparent;\n ", ": transparent;\n ", ": var(--on-dark-surface-solid-default);\n ", ": var(--on-dark-surface-solid-default);\n ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n "])), switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.trackBorderWidth, switchTokens.trackBorderColorOff, switchTokens.trackBorderColorOffHover, switchTokens.trackBorderColorOn, switchTokens.trackBorderColorOnHover, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
23
+ "default": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\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.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
24
24
  },
25
25
  disabled: {
26
26
  "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), switchTokens.disabledOpacity)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-finportal",
3
- "version": "0.168.0-canary.1560.11837986621.0",
3
+ "version": "0.168.0-canary.1562.11851866538.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS FinPortal 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-finportal"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.194.0-canary.1560.11837986621.0",
22
+ "@salutejs/plasma-new-hope": "0.194.0-canary.1562.11851866538.0",
23
23
  "@salutejs/sdds-themes": "0.27.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Vasiliy Loginevskiy"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "06a688c2510015bca6554225ad48326d9fa85a5d"
97
+ "gitHead": "31a26f7b2e4fdc07bee9b216f1d201b67be3a85b"
98
98
  }
@@ -92,8 +92,10 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
92
92
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
93
93
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
94
94
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
95
+ import { DropdownItemOption } from '@salutejs/plasma-new-hope/styled-components';
95
96
  import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
96
- import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
97
+ import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
98
+ import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
97
99
  import { dsplL } from '@salutejs/sdds-themes/tokens';
98
100
  import { dsplLBold } from '@salutejs/sdds-themes/tokens';
99
101
  import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1249,7 +1251,31 @@ xs: PolymorphicClassName;
1249
1251
  view: {
1250
1252
  default: PolymorphicClassName;
1251
1253
  };
1252
- }> & DropdownProps & RefAttributes<HTMLDivElement>>;
1254
+ }> & {
1255
+ items: DropdownItemOption[];
1256
+ alwaysOpened?: boolean | undefined;
1257
+ children?: ReactNode;
1258
+ itemRole?: string | undefined;
1259
+ onHover?: ((index: number) => void) | undefined;
1260
+ onItemSelect?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
1261
+ trigger?: DropdownTrigger | undefined;
1262
+ placement?: DropdownPlacement | undefined;
1263
+ offset?: [number, number] | undefined;
1264
+ listWidth?: Property.Width<string | number> | undefined;
1265
+ hasArrow?: boolean | undefined;
1266
+ closeOnSelect?: boolean | undefined;
1267
+ closeOnOverlayClick?: boolean | undefined;
1268
+ onToggle?: ((isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | undefined;
1269
+ size?: string | undefined;
1270
+ view?: string | undefined;
1271
+ variant?: "normal" | "tight" | undefined;
1272
+ portal?: string | RefObject<HTMLElement> | undefined;
1273
+ renderItem?: ((item: DropdownItemOption) => ReactNode) | undefined;
1274
+ onItemClick?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
1275
+ listOverflow?: Property.Overflow | undefined;
1276
+ listHeight?: Property.Height<string | number> | undefined;
1277
+ hoverIndex?: number | undefined;
1278
+ } & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
1253
1279
 
1254
1280
  // @public (undocumented)
1255
1281
  export const DsplL: FunctionComponent<PropsType< {