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

package/api/sdds-dfa.api.md

@@ -88,8 +88,10 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
+import { DropdownItemOption } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
-import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
 import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1198,7 +1200,31 @@ xs: PolymorphicClassName;
 view: {
 default: PolymorphicClassName;
 };
-}> & DropdownProps & RefAttributes<HTMLDivElement>>;
+}> & {
+items: DropdownItemOption[];
+alwaysOpened?: boolean | undefined;
+children?: ReactNode;
+itemRole?: string | undefined;
+onHover?: ((index: number) => void) | undefined;
+onItemSelect?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
+trigger?: DropdownTrigger | undefined;
+placement?: DropdownPlacement | undefined;
+offset?: [number, number] | undefined;
+listWidth?: Property.Width<string | number> | undefined;
+hasArrow?: boolean | undefined;
+closeOnSelect?: boolean | undefined;
+closeOnOverlayClick?: boolean | undefined;
+onToggle?: ((isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | undefined;
+size?: string | undefined;
+view?: string | undefined;
+variant?: "normal" | "tight" | undefined;
+portal?: string | RefObject<HTMLElement> | undefined;
+renderItem?: ((item: DropdownItemOption) => ReactNode) | undefined;
+onItemClick?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
+listOverflow?: Property.Overflow | undefined;
+listHeight?: Property.Height<string | number> | undefined;
+hoverIndex?: number | undefined;
+} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 // @public (undocumented)
 export const DsplL: FunctionComponent<PropsType<    {

package/components/Dropdown/Dropdown.d.ts

@@ -9,5 +9,29 @@ declare const Dropdown: import("react").FunctionComponent<import("@salutejs/plas
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & {
+    items: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption[];
+    alwaysOpened?: boolean | undefined;
+    children?: import("react").ReactNode;
+    itemRole?: string | undefined;
+    onHover?: ((index: number) => void) | undefined;
+    onItemSelect?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    trigger?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownTrigger | undefined;
+    placement?: import("@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types").DropdownPlacement | undefined;
+    offset?: [number, number] | undefined;
+    listWidth?: import("csstype").Property.Width<string | number> | undefined;
+    hasArrow?: boolean | undefined;
+    closeOnSelect?: boolean | undefined;
+    closeOnOverlayClick?: boolean | undefined;
+    onToggle?: ((isOpen: boolean, event: Event | import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    variant?: "normal" | "tight" | undefined;
+    portal?: string | import("react").RefObject<HTMLElement> | undefined;
+    renderItem?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption) => import("react").ReactNode) | undefined;
+    onItemClick?: ((item: import("@salutejs/plasma-new-hope/styled-components").DropdownItemOption, event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
+    listOverflow?: import("csstype").Property.Overflow | undefined;
+    listHeight?: import("csstype").Property.Height<string | number> | undefined;
+    hoverIndex?: number | undefined;
+} & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export { Dropdown };

package/components/Switch/Switch.config.js

@@ -26,7 +26,7 @@ var config = exports.config = {
       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)
     },
     view: {
-      "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)
+      "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)
     },
     disabled: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.switchTokens.disabledOpacity)

package/es/components/Switch/Switch.config.js

@@ -20,7 +20,7 @@ export var config = {
       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)
     },
     view: {
-      "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)
+      "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)
     },
     disabled: {
       "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), switchTokens.disabledOpacity)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-dfa",
-  "version": "0.174.0-canary.1560.11837986621.0",
+  "version": "0.174.0-canary.1562.11845925215.0",
   "description": "Salute Design System / React UI kit for SDDS DFA web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-dfa"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.194.0-canary.1560.11837986621.0",
+    "@salutejs/plasma-new-hope": "0.194.0-canary.1562.11845925215.0",
     "@salutejs/sdds-themes": "0.27.0"
   },
   "peerDependencies": {
@@ -95,5 +95,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "06a688c2510015bca6554225ad48326d9fa85a5d"
+  "gitHead": "b2cfda8851a0c6010e737734d377621b50d25b7d"
 }

package/temp/sdds-dfa.api.md

@@ -88,8 +88,10 @@ import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components'
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerProps } from '@salutejs/plasma-new-hope/styled-components';
+import { DropdownItemOption } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
-import { DropdownProps } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
 import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -1198,7 +1200,31 @@ xs: PolymorphicClassName;
 view: {
 default: PolymorphicClassName;
 };
-}> & DropdownProps & RefAttributes<HTMLDivElement>>;
+}> & {
+items: DropdownItemOption[];
+alwaysOpened?: boolean | undefined;
+children?: ReactNode;
+itemRole?: string | undefined;
+onHover?: ((index: number) => void) | undefined;
+onItemSelect?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
+trigger?: DropdownTrigger | undefined;
+placement?: DropdownPlacement | undefined;
+offset?: [number, number] | undefined;
+listWidth?: Property.Width<string | number> | undefined;
+hasArrow?: boolean | undefined;
+closeOnSelect?: boolean | undefined;
+closeOnOverlayClick?: boolean | undefined;
+onToggle?: ((isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void) | undefined;
+size?: string | undefined;
+view?: string | undefined;
+variant?: "normal" | "tight" | undefined;
+portal?: string | RefObject<HTMLElement> | undefined;
+renderItem?: ((item: DropdownItemOption) => ReactNode) | undefined;
+onItemClick?: ((item: DropdownItemOption, event: SyntheticEvent<Element, Event>) => void) | undefined;
+listOverflow?: Property.Overflow | undefined;
+listHeight?: Property.Height<string | number> | undefined;
+hoverIndex?: number | undefined;
+} & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 
 // @public (undocumented)
 export const DsplL: FunctionComponent<PropsType<    {