@salutejs/plasma-new-hope 0.76.5-canary.1188.8748029637.0 → 0.76.6-canary.1183.8752730341.0

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

@@ -30,10 +30,36 @@ export const Default: Story = {
 export const Accessibility: Story = {
     args: {
         role: 'button',
+        name: 'Геннадий Силуянович',
         tabIndex: 0,
         view: 'default',
         size: 'xxl',
-        name: 'Иван Фадеев',
+        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',
         focused: true,
+        customText: 'ФИО',
     },
 };

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { RootProps } from '../../engines';
-import { AvatarProps } from './Avatar.types';
+import type { AvatarProps, StatusLabels } 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,6 +9,7 @@ export declare const avatarRoot: (Root: RootProps<HTMLDivElement, AvatarProps>)
     status?: "active" | "inactive" | undefined;
     isScalable?: boolean | undefined;
     focused?: boolean | undefined;
+    statusLabels?: StatusLabels | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export declare const avatarConfig: {
     name: string;
@@ -21,6 +22,7 @@ export declare const avatarConfig: {
         status?: "active" | "inactive" | undefined;
         isScalable?: boolean | undefined;
         focused?: boolean | undefined;
+        statusLabels?: StatusLabels | 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;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"}
+{"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,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAuDhE,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;wCAwCtE,CAAC;AAEF,eAAO,MAAM,YAAY;;;mBA1CQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;CA0DtE,CAAC"}

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

@@ -7,7 +7,14 @@ declare type CustomAvatarProps = {
     status?: 'active' | 'inactive';
     isScalable?: boolean;
     focused?: boolean;
+    /**
+     * Словарь для озвучивания значений свойства status [a11y]
+     * @default
+     * { active: 'Активен', inactive: 'Неактивен' }
+     */
+    statusLabels?: StatusLabels;
 };
+export declare type StatusLabels = 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;CACrB,CAAC;AAEF,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;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;CAC/B,CAAC;AAEF,oBAAY,YAAY,GAAG,MAAM,CAAC,QAAQ,GAAG,UAAU,EAAE,MAAM,CAAC,CAAC;AAEjE,oBAAY,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/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_web/components/Avatar/Avatar.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAAoC,CAAC;AAE9D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC"}

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

@@ -21,5 +21,6 @@ export declare const Avatar: import("react").FunctionComponent<import("../../../
     status?: "active" | "inactive" | undefined;
     isScalable?: boolean | undefined;
     focused?: boolean | undefined;
+    statusLabels?: import("../../../../components/Avatar/Avatar.types").StatusLabels | undefined;
 } & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../src/examples/sds_engineer/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;kDAA0B,CAAC"}