@salutejs/plasma-new-hope 0.76.3-canary.1180.8720362393.0 → 0.77.0-canary.1185.8719560164.0

package/styled-components/es/examples/plasma_b2c/components/Dropdown/Tight/Dropdown.stories.tsx

@@ -92,7 +92,7 @@ const DisclosureRightIcon = (props) => (
     </StyledDisclosureRightIcon>
 );
 
-const StoryTight = (args: StoryDropdownProps) => {
+const StoryNormal = (args: StoryDropdownProps) => {
     const [selected, setSelected] = useState('');
     const [isOpen, setIsOpen] = useState(false);
     const [isOpenDropdown2, setIsOpenDropdown2] = useState(false);
@@ -112,10 +112,10 @@ const StoryTight = (args: StoryDropdownProps) => {
         }
     };
 
-    const handleSelect = (value: string, text: string) => {
+    const handleSelect = (value: string, text: string, toggleIsOpen: React.Dispatch<React.SetStateAction<boolean>>) => {
         setSelected(value);
         onSelect(value, text);
-        setIsOpen(false);
+        toggleIsOpen(false);
     };
 
     return (
@@ -127,35 +127,51 @@ const StoryTight = (args: StoryDropdownProps) => {
                 onToggle={onMainToggle}
                 offset={[Number(skidding), Number(distance)]}
                 placement={placement}
+                role="listbox"
                 {...rest}
             >
                 {getDropdownItems('item', 6).map((item) => (
                     <DropdownItem
                         key={item.value}
                         isSelected={Boolean(item.value === selected)}
-                        onSelect={() => handleSelect(item.value, item.child)}
+                        onSelect={() => handleSelect(item.value, item.child, setIsOpen)}
                         onClick={onClick}
                         value={item.value}
+                        role="option"
                     >
                         {item.child}
                     </DropdownItem>
                 ))}
                 <Dropdown
-                    target={<DropdownItem contentRight={DisclosureRightIcon} name="test" text="Nested dropdown" />}
+                    target={
+                        <DropdownItem
+                            contentRight={DisclosureRightIcon}
+                            role="option"
+                            name="test"
+                            text="Nested dropdown"
+                        />
+                    }
                     onToggle={(is) => setIsOpenDropdown2(is)}
                     isOpen={isOpenDropdown2}
+                    role="listbox"
                     offset={[0, 0]}
-                    isNested
                     {...rest}
                 >
-                    <DropdownItem contentRight={StyledCheckbox} value="checked" onChange={onChange} text="Checkbox" />
+                    <DropdownItem
+                        contentRight={StyledCheckbox}
+                        role="option"
+                        value="checked"
+                        onChange={onChange}
+                        text="Checkbox"
+                    />
                     {getDropdownItems('nested', 4).map((item) => (
                         <DropdownItem
                             key={item.value}
                             isSelected={Boolean(item.value === selected)}
-                            onSelect={() => handleSelect(item.value, item.child)}
+                            onSelect={() => handleSelect(item.value, item.child, setIsOpenDropdown2)}
                             onClick={onClick}
                             value={item.value}
+                            role="option"
                         >
                             {item.child}
                         </DropdownItem>
@@ -166,6 +182,7 @@ const StoryTight = (args: StoryDropdownProps) => {
                         value="1"
                         onChange={onChange}
                         text="Radiobox 1"
+                        role="option"
                     />
                     <DropdownItem
                         contentLeft={StyledRadiobox}
@@ -173,14 +190,16 @@ const StoryTight = (args: StoryDropdownProps) => {
                         value="2"
                         onChange={onChange}
                         text="Radiobox 2"
+                        role="option"
                     />
                 </Dropdown>
 
                 <DropdownItem
                     isSelected={selected === 'disabled'}
-                    onSelect={() => handleSelect('disabled', 'disabled')}
+                    onSelect={() => handleSelect('disabled', 'disabled', setIsOpen)}
                     onClick={onClick}
                     value="disabled"
+                    role="option"
                     disabled
                 >
                     disabled
@@ -190,6 +209,6 @@ const StoryTight = (args: StoryDropdownProps) => {
     );
 };
 
-export const Tight: StoryObj<StoryDropdownProps> = {
-    render: (args) => <StoryTight {...args} />,
+export const Normal: StoryObj<StoryDropdownProps> = {
+    render: (args) => <StoryNormal {...args} />,
 };

package/styled-components/es/examples/plasma_web/components/Avatar/Avatar.stories.tsx

@@ -34,38 +34,13 @@ export const Default: Story = {
 };
 
 export const Accessibility: Story = {
-    args: {
-        role: 'button',
-        name: 'Геннадий Силуянович',
-        tabIndex: 0,
-        view: 'default',
-        size: 'xxl',
-        status: 'active',
-        focused: true,
-    },
-};
-
-export const AccessibilityWithURL: Story = {
     args: {
         role: 'button',
         tabIndex: 0,
         view: 'default',
         size: 'xxl',
+        name: 'Иван Фадеев',
         status: 'active',
         focused: true,
-        name: 'Микула Селянинович',
-        url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
-    },
-};
-
-export const AccessibilityWithCustomText: Story = {
-    args: {
-        role: 'button',
-        tabIndex: 0,
-        view: 'default',
-        size: 'xxl',
-        status: 'inactive',
-        focused: true,
-        customText: 'ФИО',
     },
 };

package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.config.js

@@ -15,7 +15,7 @@ export var config = {
       l: /*#__PURE__*/css(["", ";", ";", ":1.0625rem;", ":1rem;", ":1.0625rem;", ":1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
+      "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
     }
   }
 };

package/styled-components/es/examples/plasma_web/components/Dropdown/Normal/Dropdown.stories.tsx

@@ -26,7 +26,7 @@ type StoryDropdownPropsCustom = {
 type StoryDropdownProps = ComponentProps<typeof Dropdown> & StoryDropdownPropsCustom;
 
 const meta: Meta<StoryDropdownProps> = {
-    title: 'plasma_web/Dropdown',
+    title: 'plasma_b2c/Dropdown',
     decorators: [WithTheme],
     component: Dropdown,
     argTypes: {
@@ -112,10 +112,10 @@ const StoryNormal = (args: StoryDropdownProps) => {
         }
     };
 
-    const handleSelect = (value: string, text: string) => {
+    const handleSelect = (value: string, text: string, toggleIsOpen: React.Dispatch<React.SetStateAction<boolean>>) => {
         setSelected(value);
         onSelect(value, text);
-        setIsOpen(false);
+        toggleIsOpen(false);
     };
 
     return (
@@ -127,35 +127,51 @@ const StoryNormal = (args: StoryDropdownProps) => {
                 onToggle={onMainToggle}
                 offset={[Number(skidding), Number(distance)]}
                 placement={placement}
+                role="listbox"
                 {...rest}
             >
                 {getDropdownItems('item', 6).map((item) => (
                     <DropdownItem
                         key={item.value}
                         isSelected={Boolean(item.value === selected)}
-                        onSelect={() => handleSelect(item.value, item.child)}
+                        onSelect={() => handleSelect(item.value, item.child, setIsOpen)}
                         onClick={onClick}
                         value={item.value}
+                        role="option"
                     >
                         {item.child}
                     </DropdownItem>
                 ))}
                 <Dropdown
-                    target={<DropdownItem contentRight={DisclosureRightIcon} name="test" text="Nested dropdown" />}
+                    target={
+                        <DropdownItem
+                            contentRight={DisclosureRightIcon}
+                            role="option"
+                            name="test"
+                            text="Nested dropdown"
+                        />
+                    }
                     onToggle={(is) => setIsOpenDropdown2(is)}
                     isOpen={isOpenDropdown2}
+                    role="listbox"
                     offset={[0, 0]}
-                    isNested
                     {...rest}
                 >
-                    <DropdownItem contentRight={StyledCheckbox} value="checked" onChange={onChange} text="Checkbox" />
+                    <DropdownItem
+                        contentRight={StyledCheckbox}
+                        role="option"
+                        value="checked"
+                        onChange={onChange}
+                        text="Checkbox"
+                    />
                     {getDropdownItems('nested', 4).map((item) => (
                         <DropdownItem
                             key={item.value}
                             isSelected={Boolean(item.value === selected)}
-                            onSelect={() => handleSelect(item.value, item.child)}
+                            onSelect={() => handleSelect(item.value, item.child, setIsOpenDropdown2)}
                             onClick={onClick}
                             value={item.value}
+                            role="option"
                         >
                             {item.child}
                         </DropdownItem>
@@ -166,6 +182,7 @@ const StoryNormal = (args: StoryDropdownProps) => {
                         value="1"
                         onChange={onChange}
                         text="Radiobox 1"
+                        role="option"
                     />
                     <DropdownItem
                         contentLeft={StyledRadiobox}
@@ -173,14 +190,16 @@ const StoryNormal = (args: StoryDropdownProps) => {
                         value="2"
                         onChange={onChange}
                         text="Radiobox 2"
+                        role="option"
                     />
                 </Dropdown>
 
                 <DropdownItem
                     isSelected={selected === 'disabled'}
-                    onSelect={() => handleSelect('disabled', 'disabled')}
+                    onSelect={() => handleSelect('disabled', 'disabled', setIsOpen)}
                     onClick={onClick}
                     value="disabled"
+                    role="option"
                     disabled
                 >
                     disabled

package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.config.js

@@ -15,7 +15,7 @@ export var config = {
       l: /*#__PURE__*/css(["", ";", ";", ":0.8125rem;", ":1rem;", ":0.8125rem;", ":1rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], dropdownSizeCommon, dropdownItemSizeCommon, dropdownTokens.itemPaddingTop, dropdownTokens.itemPaddingRight, dropdownTokens.itemPaddingBottom, dropdownTokens.itemPaddingLeft, dropdownTokens.itemBorderRadius, dropdownTokens.itemFontFamily, dropdownTokens.itemFontSize, dropdownTokens.itemFontStyle, dropdownTokens.itemFontWeightBold, dropdownTokens.itemFontLetterSpacing, dropdownTokens.itemFontLineHeight)
     },
     view: {
-      "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
+      "default": /*#__PURE__*/css(["", ":0.4;", ":var(--surface-accent);", ":var(--surface-solid-card);", ":var(--shadow-down-soft-s);", ":var(--plasma-colors-transparent);", ":var(--surface-transparent-secondary);", ":inherit;", ":inherit;", ":inherit;", ":inherit;", ":var(--text-primary);"], dropdownTokens.disabledOpacity, dropdownTokens.focusColor, dropdownTokens.background, dropdownTokens.boxShadow, dropdownTokens.itemBackground, dropdownTokens.itemBackgroundHover, dropdownTokens.itemBackgroundSelected, dropdownTokens.itemColorSelected, dropdownTokens.itemBackgroundSelectedHover, dropdownTokens.itemColorSelectedHover, dropdownTokens.itemColor)
     }
   }
 };

package/styled-components/es/examples/plasma_web/components/Dropdown/Tight/Dropdown.stories.tsx

@@ -26,7 +26,7 @@ type StoryDropdownPropsCustom = {
 type StoryDropdownProps = ComponentProps<typeof Dropdown> & StoryDropdownPropsCustom;
 
 const meta: Meta<StoryDropdownProps> = {
-    title: 'plasma_web/Dropdown',
+    title: 'plasma_b2c/Dropdown',
     decorators: [WithTheme],
     component: Dropdown,
     argTypes: {
@@ -92,7 +92,7 @@ const DisclosureRightIcon = (props) => (
     </StyledDisclosureRightIcon>
 );
 
-const StoryTight = (args: StoryDropdownProps) => {
+const StoryNormal = (args: StoryDropdownProps) => {
     const [selected, setSelected] = useState('');
     const [isOpen, setIsOpen] = useState(false);
     const [isOpenDropdown2, setIsOpenDropdown2] = useState(false);
@@ -112,10 +112,10 @@ const StoryTight = (args: StoryDropdownProps) => {
         }
     };
 
-    const handleSelect = (value: string, text: string) => {
+    const handleSelect = (value: string, text: string, toggleIsOpen: React.Dispatch<React.SetStateAction<boolean>>) => {
         setSelected(value);
         onSelect(value, text);
-        setIsOpen(false);
+        toggleIsOpen(false);
     };
 
     return (
@@ -127,35 +127,51 @@ const StoryTight = (args: StoryDropdownProps) => {
                 onToggle={onMainToggle}
                 offset={[Number(skidding), Number(distance)]}
                 placement={placement}
+                role="listbox"
                 {...rest}
             >
                 {getDropdownItems('item', 6).map((item) => (
                     <DropdownItem
                         key={item.value}
                         isSelected={Boolean(item.value === selected)}
-                        onSelect={() => handleSelect(item.value, item.child)}
+                        onSelect={() => handleSelect(item.value, item.child, setIsOpen)}
                         onClick={onClick}
                         value={item.value}
+                        role="option"
                     >
                         {item.child}
                     </DropdownItem>
                 ))}
                 <Dropdown
-                    target={<DropdownItem contentRight={DisclosureRightIcon} name="test" text="Nested dropdown" />}
+                    target={
+                        <DropdownItem
+                            contentRight={DisclosureRightIcon}
+                            role="option"
+                            name="test"
+                            text="Nested dropdown"
+                        />
+                    }
                     onToggle={(is) => setIsOpenDropdown2(is)}
                     isOpen={isOpenDropdown2}
+                    role="listbox"
                     offset={[0, 0]}
-                    isNested
                     {...rest}
                 >
-                    <DropdownItem contentRight={StyledCheckbox} value="checked" onChange={onChange} text="Checkbox" />
+                    <DropdownItem
+                        contentRight={StyledCheckbox}
+                        role="option"
+                        value="checked"
+                        onChange={onChange}
+                        text="Checkbox"
+                    />
                     {getDropdownItems('nested', 4).map((item) => (
                         <DropdownItem
                             key={item.value}
                             isSelected={Boolean(item.value === selected)}
-                            onSelect={() => handleSelect(item.value, item.child)}
+                            onSelect={() => handleSelect(item.value, item.child, setIsOpenDropdown2)}
                             onClick={onClick}
                             value={item.value}
+                            role="option"
                         >
                             {item.child}
                         </DropdownItem>
@@ -166,6 +182,7 @@ const StoryTight = (args: StoryDropdownProps) => {
                         value="1"
                         onChange={onChange}
                         text="Radiobox 1"
+                        role="option"
                     />
                     <DropdownItem
                         contentLeft={StyledRadiobox}
@@ -173,14 +190,16 @@ const StoryTight = (args: StoryDropdownProps) => {
                         value="2"
                         onChange={onChange}
                         text="Radiobox 2"
+                        role="option"
                     />
                 </Dropdown>
 
                 <DropdownItem
                     isSelected={selected === 'disabled'}
-                    onSelect={() => handleSelect('disabled', 'disabled')}
+                    onSelect={() => handleSelect('disabled', 'disabled', setIsOpen)}
                     onClick={onClick}
                     value="disabled"
+                    role="option"
                     disabled
                 >
                     disabled
@@ -190,6 +209,6 @@ const StoryTight = (args: StoryDropdownProps) => {
     );
 };
 
-export const Tight: StoryObj<StoryDropdownProps> = {
-    render: (args) => <StoryTight {...args} />,
+export const Normal: StoryObj<StoryDropdownProps> = {
+    render: (args) => <StoryNormal {...args} />,
 };

package/styled-components/es/examples/sds_engineer/components/Avatar/Avatar.stories.tsx

@@ -30,36 +30,10 @@ export const Default: Story = {
 export const Accessibility: Story = {
     args: {
         role: 'button',
-        name: 'Геннадий Силуянович',
         tabIndex: 0,
         view: 'default',
         size: 'xxl',
-        status: 'active',
-        focused: true,
-    },
-};
-
-export const AccessibilityWithURL: Story = {
-    args: {
-        role: 'button',
-        tabIndex: 0,
-        view: 'default',
-        size: 'xxl',
-        status: 'active',
-        focused: true,
-        name: 'Микула Селянинович',
-        url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
-    },
-};
-
-export const AccessibilityWithCustomText: Story = {
-    args: {
-        role: 'button',
-        tabIndex: 0,
-        view: 'default',
-        size: 'xxl',
-        status: 'inactive',
+        name: 'Иван Фадеев',
         focused: true,
-        customText: 'ФИО',
     },
 };

package/types/components/Avatar/Avatar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootProps } from '../../engines';
-import type { AvatarProps, StatusDict } from './Avatar.types';
+import { AvatarProps } from './Avatar.types';
 export declare const avatarRoot: (Root: RootProps<HTMLDivElement, AvatarProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     size: "m" | "s" | "l" | "xxl" | "fit";
     name?: string | undefined;
@@ -9,7 +9,6 @@ export declare const avatarRoot: (Root: RootProps<HTMLDivElement, AvatarProps>)
     status?: "active" | "inactive" | undefined;
     isScalable?: boolean | undefined;
     focused?: boolean | undefined;
-    statusDict?: StatusDict | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const avatarConfig: {
     name: string;
@@ -22,7 +21,6 @@ export declare const avatarConfig: {
         status?: "active" | "inactive" | undefined;
         isScalable?: boolean | undefined;
         focused?: boolean | undefined;
-        statusDict?: StatusDict | undefined;
     } & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,OAAO,EAAE,SAAS,EAA0B,MAAM,eAAe,CAAC;AASlE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA0D9D,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;wCA4CtE,CAAC;AAEF,eAAO,MAAM,YAAY;;;mBA9CQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;CA8DtE,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAGjE,OAAO,EAAE,SAAS,EAA0B,MAAM,eAAe,CAAC;AAMlE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiC7C,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;wCA4BtE,CAAC;AAEF,eAAO,MAAM,YAAY;;;mBA9BQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;CA8CtE,CAAC"}

package/types/components/Avatar/Avatar.types.d.ts

@@ -7,14 +7,7 @@ declare type CustomAvatarProps = {
     status?: 'active' | 'inactive';
     isScalable?: boolean;
     focused?: boolean;
-    /**
-     * Словарь для озвучивания значений свойства status [a11y]
-     * @default
-     * { active: 'Активен', inactive: 'Неактивен' }
-     */
-    statusDict?: StatusDict;
 };
-export declare type StatusDict = Record<'active' | 'inactive', string>;
 export declare type AvatarProps = HTMLAttributes<HTMLDivElement> & CustomAvatarProps;
 export {};
 //# sourceMappingURL=Avatar.types.d.ts.map

package/types/components/Avatar/Avatar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,iBAAiB,GAAG;IAErB,IAAI,EAAE,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;IAEtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF,oBAAY,UAAU,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAE/D,oBAAY,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"Avatar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,aAAK,iBAAiB,GAAG;IAErB,IAAI,EAAE,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,KAAK,CAAC;IAEtC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,MAAM,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE/B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}

package/types/components/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKA6DtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBA/DQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAgF1E,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAGrE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAO1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAItD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC,iKAmFtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBArFQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;;;;;;;;CAsG1E,CAAC"}

package/types/components/Dropdown/Dropdown.tokens.d.ts

@@ -1,4 +1,5 @@
 export declare const classes: {
+    dropdownRoot: string;
     dropdownItemIsSelected: string;
     dropdownItemIsDisabled: string;
 };

package/types/components/Dropdown/Dropdown.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;CAGnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHlB,CAAC"}
+{"version":3,"file":"Dropdown.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHlB,CAAC"}

package/types/components/Dropdown/Dropdown.types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
+import type { HTMLAttributes, MutableRefObject, ReactNode, RefObject, SyntheticEvent } from 'react';
 export declare type DropdownPlacementBasic = 'top' | 'bottom' | 'right' | 'left';
 export declare type DropdownPlacement = DropdownPlacementBasic | 'auto';
 export declare type DropdownTrigger = 'hover' | 'click';
@@ -68,9 +68,14 @@ export declare type CustomDropdownProps = {
     /**
      * В каком контейнере позиционируется(по умолчанию document), можно также указать id элемента или ref для него.
      */
-    frame?: 'document' | string | React.RefObject<HTMLElement>;
+    frame?: 'document' | string | RefObject<HTMLElement>;
     size?: string;
     view?: string;
 };
 export declare type DropdownProps = HTMLAttributes<HTMLDivElement> & CustomDropdownProps;
+export interface UseKeyNavigationProps {
+    itemsRefs: MutableRefObject<Array<HTMLDivElement>>;
+    opened: boolean;
+    updateOpened?: (isOpen: boolean, event: Event | SyntheticEvent<Element, Event>) => void;
+}
 //# sourceMappingURL=Dropdown.types.d.ts.map

package/types/components/Dropdown/Dropdown.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvE,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,oBAAY,mBAAmB,GAAG;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,mBAAmB,CAAC"}
+{"version":3,"file":"Dropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEpG,oBAAY,sBAAsB,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AACzE,oBAAY,iBAAiB,GAAG,sBAAsB,GAAG,MAAM,CAAC;AAEhE,oBAAY,eAAe,GAAG,OAAO,GAAG,OAAO,CAAC;AAEhD,oBAAY,mBAAmB,GAAG;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B;;;;OAIG;IACH,SAAS,CAAC,EAAE,iBAAiB,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;IAC9D;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;IACpE;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,mBAAmB,CAAC;AAEjF,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IACnD,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,CAAC;CAC3F"}

package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,13 @@
+import { KeyboardEvent } from 'react';
+import type { UseKeyNavigationProps } from '../Dropdown.types';
+export declare const Keys: {
+    Tab: string;
+    Enter: string;
+    Escape: string;
+    ArrowUp: string;
+    ArrowDown: string;
+};
+export declare const useKeyNavigation: ({ itemsRefs, opened, updateOpened }: UseKeyNavigationProps) => {
+    readonly onKeyDownTarget: (event: KeyboardEvent<HTMLDivElement>) => void;
+};
+//# sourceMappingURL=useKeyboardNavigation.d.ts.map

package/types/components/Dropdown/hooks/useKeyboardNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoC,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE/D,eAAO,MAAM,IAAI;;;;;;CAMhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,wCAAyC,qBAAqB;sCAc3E,cAAc,cAAc,CAAC;CAsD5C,CAAC"}

package/types/components/Dropdown/index.d.ts

@@ -1,5 +1,6 @@
 export { dropdownRoot, dropdownConfig } from './Dropdown';
 export { classes as dropdownClasses, tokens as dropdownTokens } from './Dropdown.tokens';
+export { useKeyNavigation as useDropdownKeyNavigation } from './hooks/useKeyboardNavigation';
 export * from './ui';
 export type { DropdownProps, DropdownPlacementBasic, DropdownPlacement, DropdownTrigger } from './Dropdown.types';
 //# sourceMappingURL=index.d.ts.map

package/types/components/Dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzF,cAAc,MAAM,CAAC;AACrB,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,gBAAgB,IAAI,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAC7F,cAAc,MAAM,CAAC;AACrB,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

package/types/components/Dropdown/ui/DropdownItem/DropdownItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;wCA2G9E,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA7GQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8HlF,CAAC"}
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dropdown/ui/DropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAQhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;wCA4G9E,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA9GQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HlF,CAAC"}

package/types/components/Dropdown/utils/index.d.ts

@@ -1,6 +1,9 @@
-import React, { ElementType, ReactNode } from 'react';
-import type { DropdownPlacement, DropdownPlacementBasic } from '../Dropdown.types';
+import React from 'react';
+import type { ElementType, ReactElement, ReactNode } from 'react';
+import type { DropdownPlacement, DropdownPlacementBasic, DropdownProps } from '../Dropdown.types';
+import { DropdownItemProps } from '../ui/DropdownItem/DropdownItem.type';
 export declare const getPlacement: (placement: DropdownPlacement) => import("@popperjs/core").ComputedPlacement;
 export declare const getPlacements: (placements?: DropdownPlacement | DropdownPlacementBasic[] | undefined) => import("@popperjs/core").ComputedPlacement | import("@popperjs/core").ComputedPlacement[] | undefined;
 export declare const getValidComponent: (element: ElementType | ReactNode, props: object) => string | number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+export declare const getChildren: (children: ReactElement<DropdownProps | DropdownItemProps>[], externalProps: Record<string, any>) => React.ReactElement<DropdownProps | DropdownItemProps, string | React.JSXElementConstructor<any>>[];
 //# sourceMappingURL=index.d.ts.map

package/types/components/Dropdown/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAEnF,eAAO,MAAM,YAAY,cAAe,iBAAiB,+CAExD,CAAC;AAEF,eAAO,MAAM,aAAa,kLAUzB,CAAC;AAMF,eAAO,MAAM,iBAAiB,YAAa,WAAW,GAAG,SAAS,SAAS,MAAM,qFAYhF,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/utils/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClG,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AAEzE,eAAO,MAAM,YAAY,cAAe,iBAAiB,+CAExD,CAAC;AAEF,eAAO,MAAM,aAAa,kLAUzB,CAAC;AAMF,eAAO,MAAM,iBAAiB,YAAa,WAAW,GAAG,SAAS,SAAS,MAAM,qFAYhF,CAAC;AAEF,eAAO,MAAM,WAAW,aACV,aAAa,aAAa,GAAG,iBAAiB,CAAC,EAAE,iBAC5C,OAAO,MAAM,EAAE,GAAG,CAAC,uGAoDrC,CAAC"}

package/types/examples/plasma_b2c/components/Avatar/Avatar.d.ts

@@ -35,7 +35,6 @@ export declare const mergedConfig: import("../../../../engines").ComponentConfig
     status?: "active" | "inactive" | undefined;
     isScalable?: boolean | undefined;
     focused?: boolean | undefined;
-    statusDict?: import("../../../../components/Avatar/Avatar.types").StatusDict | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Avatar: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
     view: {
@@ -59,6 +58,5 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
     status?: "active" | "inactive" | undefined;
     isScalable?: boolean | undefined;
     focused?: boolean | undefined;
-    statusDict?: import("../../../../components/Avatar/Avatar.types").StatusDict | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Avatar.d.ts.map

package/types/examples/plasma_b2c/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Avatar/Avatar.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAAoC,CAAC;AAE9D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Avatar/Avatar.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAAoC,CAAC;AAE9D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC"}

package/types/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA4FlB,CAAC"}
+{"version":3,"file":"Dropdown.config.d.ts","sourceRoot":"","sources":["../../../../../../src/examples/plasma_b2c/components/Dropdown/Normal/Dropdown.config.ts"],"names":[],"mappings":"AAuBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CA6FlB,CAAC"}