@salutejs/sdds-dfa 0.174.0-canary.1560.11837986621.0 → 0.174.0-canary.1562.11851866538.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -88,8 +88,10 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
88
88
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
89
89
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
90
90
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
91
+ import { DropdownItemOption } from '@salutejs/plasma-new-hope/styled-components';
91
92
  import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
92
- import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
93
+ import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
94
+ import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
93
95
  import { dsplL } from '@salutejs/sdds-themes/tokens';
94
96
  import { dsplLBold } from '@salutejs/sdds-themes/tokens';
95
97
  import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1198,7 +1200,31 @@ xs: PolymorphicClassName;
1198
1200
  view: {
1199
1201
  default: PolymorphicClassName;
1200
1202
  };
1201
- }> & DropdownProps & RefAttributes<HTMLDivElement>>;
1203
+ }> & {
1204
+ items: DropdownItemOption[];
1205
+ alwaysOpened?: boolean | undefined;
1206
+ children?: ReactNode;
1207
+ itemRole?: string | undefined;
1208
+ onHover?: ((index: number) => void) | undefined;
1209
+ onItemSelect?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
1210
+ trigger?: DropdownTrigger | undefined;
1211
+ placement?: DropdownPlacement | undefined;
1212
+ offset?: [number, number] | undefined;
1213
+ listWidth?: Property.Width<string | number> | undefined;
1214
+ hasArrow?: boolean | undefined;
1215
+ closeOnSelect?: boolean | undefined;
1216
+ closeOnOverlayClick?: boolean | undefined;
1217
+ onToggle?: ((isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | undefined;
1218
+ size?: string | undefined;
1219
+ view?: string | undefined;
1220
+ variant?: "normal" | "tight" | undefined;
1221
+ portal?: string | RefObject<HTMLElement> | undefined;
1222
+ renderItem?: ((item: DropdownItemOption) => ReactNode) | undefined;
1223
+ onItemClick?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
1224
+ listOverflow?: Property.Overflow | undefined;
1225
+ listHeight?: Property.Height<string | number> | undefined;
1226
+ hoverIndex?: number | undefined;
1227
+ } & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
1202
1228
 
1203
1229
  // @public (undocumented)
1204
1230
  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-dfa",
3
- "version": "0.174.0-canary.1560.11837986621.0",
3
+ "version": "0.174.0-canary.1562.11851866538.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.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": {
@@ -95,5 +95,5 @@
95
95
  "Anton Vinogradov"
96
96
  ],
97
97
  "sideEffects": false,
98
- "gitHead": "06a688c2510015bca6554225ad48326d9fa85a5d"
98
+ "gitHead": "31a26f7b2e4fdc07bee9b216f1d201b67be3a85b"
99
99
  }
@@ -88,8 +88,10 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
88
88
  import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
89
89
  import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
90
90
  import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
91
+ import { DropdownItemOption } from '@salutejs/plasma-new-hope/styled-components';
91
92
  import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
92
- import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
93
+ import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
94
+ import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
93
95
  import { dsplL } from '@salutejs/sdds-themes/tokens';
94
96
  import { dsplLBold } from '@salutejs/sdds-themes/tokens';
95
97
  import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1198,7 +1200,31 @@ xs: PolymorphicClassName;
1198
1200
  view: {
1199
1201
  default: PolymorphicClassName;
1200
1202
  };
1201
- }> & DropdownProps & RefAttributes<HTMLDivElement>>;
1203
+ }> & {
1204
+ items: DropdownItemOption[];
1205
+ alwaysOpened?: boolean | undefined;
1206
+ children?: ReactNode;
1207
+ itemRole?: string | undefined;
1208
+ onHover?: ((index: number) => void) | undefined;
1209
+ onItemSelect?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
1210
+ trigger?: DropdownTrigger | undefined;
1211
+ placement?: DropdownPlacement | undefined;
1212
+ offset?: [number, number] | undefined;
1213
+ listWidth?: Property.Width<string | number> | undefined;
1214
+ hasArrow?: boolean | undefined;
1215
+ closeOnSelect?: boolean | undefined;
1216
+ closeOnOverlayClick?: boolean | undefined;
1217
+ onToggle?: ((isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | undefined;
1218
+ size?: string | undefined;
1219
+ view?: string | undefined;
1220
+ variant?: "normal" | "tight" | undefined;
1221
+ portal?: string | RefObject<HTMLElement> | undefined;
1222
+ renderItem?: ((item: DropdownItemOption) => ReactNode) | undefined;
1223
+ onItemClick?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
1224
+ listOverflow?: Property.Overflow | undefined;
1225
+ listHeight?: Property.Height<string | number> | undefined;
1226
+ hoverIndex?: number | undefined;
1227
+ } & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
1202
1228
 
1203
1229
  // @public (undocumented)
1204
1230
  export const DsplL: FunctionComponent<PropsType< {