@salutejs/sdds-cs 0.227.1-canary.1692.12540362812.0 → 0.228.0-canary.1696.12710467472.0

package/api/sdds-cs.api.md

@@ -67,6 +67,7 @@ import { CommitInstanceCallback } from '@salutejs/plasma-new-hope/types/componen
 import { ComponentProps } from 'react';
 import { CounterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { counterTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { CustomCounterProps } from '@salutejs/plasma-new-hope/types/components/Counter/Counter.types';
 import { CustomHeaderTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
 import { CustomHorizontalTabsProps } from '@salutejs/plasma-new-hope/types/components/Tabs/Tabs.types';
 import { CustomPopoverProps } from '@salutejs/plasma-new-hope/types/components/Popover/Popover.types';
@@ -768,8 +769,8 @@ fit: PolymorphicClassName;
 focused: {
 true: PolymorphicClassName;
 };
-}> & HTMLAttributes<HTMLDivElement> & {
-size: "s" | "m" | "l" | "xxl" | "fit";
+}> & ((HTMLAttributes<HTMLDivElement> & {
+size?: string | undefined;
 name?: string | undefined;
 url?: string | undefined;
 customText?: string | undefined;
@@ -777,7 +778,46 @@ status?: "active" | "inactive" | undefined;
 isScalable?: boolean | undefined;
 focused?: boolean | undefined;
 statusLabels?: StatusLabels | undefined;
-} & RefAttributes<HTMLDivElement>>;
+hasExtra?: boolean | undefined;
+type?: "badge" | "counter" | undefined;
+extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
+} & {
+badgeView?: string | undefined;
+pilled?: boolean | undefined;
+text?: string | undefined;
+customColor?: string | undefined;
+customBackgroundColor?: string | undefined;
+contentLeft?: ReactNode;
+contentRight?: ReactNode;
+} & {
+counterView?: undefined;
+count?: undefined;
+maxCount?: undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+size?: string | undefined;
+name?: string | undefined;
+url?: string | undefined;
+customText?: string | undefined;
+status?: "active" | "inactive" | undefined;
+isScalable?: boolean | undefined;
+focused?: boolean | undefined;
+statusLabels?: StatusLabels | undefined;
+hasExtra?: boolean | undefined;
+type?: "badge" | "counter" | undefined;
+extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
+} & {
+counterView?: string | undefined;
+count?: number | undefined;
+maxCount?: number | undefined;
+} & {
+badgeView?: undefined;
+pilled?: undefined;
+text?: undefined;
+customColor?: undefined;
+customBackgroundColor?: undefined;
+contentLeft?: undefined;
+contentRight?: undefined;
+} & RefAttributes<HTMLDivElement>))>;
 
 // @public (undocumented)
 export const AvatarGroup: FunctionComponent<PropsType<Variants> & HTMLAttributes<HTMLDivElement> & {
@@ -819,27 +859,9 @@ view?: string | undefined;
 contentLeft?: ReactNode;
 contentRight?: undefined;
 } & {
-children?: ReactNode;
-} & {
 clear?: true | undefined;
-pilled?: false | undefined;
-transparent?: false | undefined;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
-text?: string | undefined;
-customColor?: string | undefined;
-customBackgroundColor?: string | undefined;
-maxWidth?: Property.Width<string | number> | undefined;
-size?: string | undefined;
-view?: string | undefined;
-} & {
-contentLeft?: ReactNode;
-contentRight?: undefined;
-} & {
-children?: ReactNode;
-} & {
-pilled?: true | undefined;
-transparent?: boolean | undefined;
-clear?: false | undefined;
+pilled?: undefined;
+transparent?: undefined;
 } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
 customColor?: string | undefined;
@@ -851,11 +873,9 @@ view?: string | undefined;
 contentLeft?: ReactNode;
 contentRight?: undefined;
 } & {
-children?: ReactNode;
-} & {
 pilled?: boolean | undefined;
-transparent?: true | undefined;
-clear?: false | undefined;
+transparent?: boolean | undefined;
+clear?: undefined;
 } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
 customColor?: string | undefined;
@@ -867,27 +887,9 @@ view?: string | undefined;
 contentLeft?: undefined;
 contentRight?: ReactNode;
 } & {
-children?: ReactNode;
-} & {
 clear?: true | undefined;
-pilled?: false | undefined;
-transparent?: false | undefined;
-} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
-text?: string | undefined;
-customColor?: string | undefined;
-customBackgroundColor?: string | undefined;
-maxWidth?: Property.Width<string | number> | undefined;
-size?: string | undefined;
-view?: string | undefined;
-} & {
-contentLeft?: undefined;
-contentRight?: ReactNode;
-} & {
-children?: ReactNode;
-} & {
-pilled?: true | undefined;
-transparent?: boolean | undefined;
-clear?: false | undefined;
+pilled?: undefined;
+transparent?: undefined;
 } & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
 customColor?: string | undefined;
@@ -899,11 +901,9 @@ view?: string | undefined;
 contentLeft?: undefined;
 contentRight?: ReactNode;
 } & {
-children?: ReactNode;
-} & {
 pilled?: boolean | undefined;
-transparent?: true | undefined;
-clear?: false | undefined;
+transparent?: boolean | undefined;
+clear?: undefined;
 } & RefAttributes<HTMLDivElement>))>;
 
 export { BadgeProps }
@@ -1284,12 +1284,7 @@ negative: PolymorphicClassName;
 size: {
 s: PolymorphicClassName;
 };
-}> & HTMLAttributes<HTMLDivElement> & {
-count: number;
-maxCount?: number | undefined;
-size?: string | undefined;
-view?: string | undefined;
-} & RefAttributes<HTMLDivElement>>;
+}> & HTMLAttributes<HTMLDivElement> & CustomCounterProps & RefAttributes<HTMLDivElement>>;
 
 export { CounterProps }
 
@@ -2447,7 +2442,7 @@ onDecrement?: ((value: number) => void) | undefined;
 } & {
 segmentation?: "clear" | undefined;
 inputBackgroundType?: undefined;
-} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "onChange" | "size" | "value"> & RefAttributes<HTMLInputElement>) | ({
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "onChange" | "value"> & RefAttributes<HTMLInputElement>) | ({
 value?: number | undefined;
 min?: number | undefined;
 max?: number | undefined;
@@ -2472,7 +2467,7 @@ onDecrement?: ((value: number) => void) | undefined;
 } & {
 segmentation?: string | undefined;
 inputBackgroundType?: string | undefined;
-} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "onChange" | "size" | "value"> & RefAttributes<HTMLInputElement>))>;
+} & Omit<InputHTMLAttributes_2<HTMLInputElement>, "size" | "onChange" | "value"> & RefAttributes<HTMLInputElement>))>;
 
 export { numberInputClasses }
 

package/components/Avatar/Avatar.d.ts

@@ -23,8 +23,8 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     focused: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}>, import("react").HTMLAttributes<HTMLDivElement> & {
-    size: "s" | "m" | "l" | "xxl" | "fit";
+}>, (import("react").HTMLAttributes<HTMLDivElement> & {
+    size?: string | undefined;
     name?: string | undefined;
     url?: string | undefined;
     customText?: string | undefined;
@@ -32,7 +32,46 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     isScalable?: boolean | undefined;
     focused?: boolean | undefined;
     statusLabels?: import("@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types").StatusLabels | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+    hasExtra?: boolean | undefined;
+    type?: "badge" | "counter" | undefined;
+    extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
+} & {
+    badgeView?: string | undefined;
+    pilled?: boolean | undefined;
+    text?: string | undefined;
+    customColor?: string | undefined;
+    customBackgroundColor?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+} & {
+    counterView?: undefined;
+    count?: undefined;
+    maxCount?: undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    size?: string | undefined;
+    name?: string | undefined;
+    url?: string | undefined;
+    customText?: string | undefined;
+    status?: "active" | "inactive" | undefined;
+    isScalable?: boolean | undefined;
+    focused?: boolean | undefined;
+    statusLabels?: import("@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types").StatusLabels | undefined;
+    hasExtra?: boolean | undefined;
+    type?: "badge" | "counter" | undefined;
+    extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
+} & {
+    counterView?: string | undefined;
+    count?: number | undefined;
+    maxCount?: number | undefined;
+} & {
+    badgeView?: undefined;
+    pilled?: undefined;
+    text?: undefined;
+    customColor?: undefined;
+    customBackgroundColor?: undefined;
+    contentLeft?: undefined;
+    contentRight?: undefined;
+} & import("react").RefAttributes<HTMLDivElement>)>;
 declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -45,8 +84,32 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     focused: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & {
-    size: "s" | "m" | "l" | "xxl" | "fit";
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+    size?: string | undefined;
+    name?: string | undefined;
+    url?: string | undefined;
+    customText?: string | undefined;
+    status?: "active" | "inactive" | undefined;
+    isScalable?: boolean | undefined;
+    focused?: boolean | undefined;
+    statusLabels?: import("@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types").StatusLabels | undefined;
+    hasExtra?: boolean | undefined;
+    type?: "badge" | "counter" | undefined;
+    extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
+} & {
+    badgeView?: string | undefined;
+    pilled?: boolean | undefined;
+    text?: string | undefined;
+    customColor?: string | undefined;
+    customBackgroundColor?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+} & {
+    counterView?: undefined;
+    count?: undefined;
+    maxCount?: undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    size?: string | undefined;
     name?: string | undefined;
     url?: string | undefined;
     customText?: string | undefined;
@@ -54,5 +117,20 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     isScalable?: boolean | undefined;
     focused?: boolean | undefined;
     statusLabels?: import("@salutejs/plasma-new-hope/types/components/Avatar/Avatar.types").StatusLabels | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+    hasExtra?: boolean | undefined;
+    type?: "badge" | "counter" | undefined;
+    extraPlacement?: "top-right" | "top-left" | "bottom-right" | "bottom-left" | undefined;
+} & {
+    counterView?: string | undefined;
+    count?: number | undefined;
+    maxCount?: number | undefined;
+} & {
+    badgeView?: undefined;
+    pilled?: undefined;
+    text?: undefined;
+    customColor?: undefined;
+    customBackgroundColor?: undefined;
+    contentLeft?: undefined;
+    contentRight?: undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;
 export { Avatar, mergedConfig };

package/components/Badge/Badge.d.ts

@@ -31,28 +31,10 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
 } & {
     contentLeft?: import("react").ReactNode;
     contentRight?: undefined;
-} & {
-    children?: import("react").ReactNode;
 } & {
     clear?: true | undefined;
-    pilled?: false | undefined;
-    transparent?: false | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
-    text?: string | undefined;
-    customColor?: string | undefined;
-    customBackgroundColor?: string | undefined;
-    maxWidth?: import("csstype").Property.Width<string | number> | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-} & {
-    contentLeft?: import("react").ReactNode;
-    contentRight?: undefined;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    pilled?: true | undefined;
-    transparent?: boolean | undefined;
-    clear?: false | undefined;
+    pilled?: undefined;
+    transparent?: undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     text?: string | undefined;
     customColor?: string | undefined;
@@ -63,12 +45,10 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
 } & {
     contentLeft?: import("react").ReactNode;
     contentRight?: undefined;
-} & {
-    children?: import("react").ReactNode;
 } & {
     pilled?: boolean | undefined;
-    transparent?: true | undefined;
-    clear?: false | undefined;
+    transparent?: boolean | undefined;
+    clear?: undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     text?: string | undefined;
     customColor?: string | undefined;
@@ -79,28 +59,10 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
 } & {
     contentLeft?: undefined;
     contentRight?: import("react").ReactNode;
-} & {
-    children?: import("react").ReactNode;
 } & {
     clear?: true | undefined;
-    pilled?: false | undefined;
-    transparent?: false | undefined;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
-    text?: string | undefined;
-    customColor?: string | undefined;
-    customBackgroundColor?: string | undefined;
-    maxWidth?: import("csstype").Property.Width<string | number> | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-} & {
-    contentLeft?: undefined;
-    contentRight?: import("react").ReactNode;
-} & {
-    children?: import("react").ReactNode;
-} & {
-    pilled?: true | undefined;
-    transparent?: boolean | undefined;
-    clear?: false | undefined;
+    pilled?: undefined;
+    transparent?: undefined;
 } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
     text?: string | undefined;
     customColor?: string | undefined;
@@ -111,10 +73,8 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
 } & {
     contentLeft?: undefined;
     contentRight?: import("react").ReactNode;
-} & {
-    children?: import("react").ReactNode;
 } & {
     pilled?: boolean | undefined;
-    transparent?: true | undefined;
-    clear?: false | undefined;
+    transparent?: boolean | undefined;
+    clear?: undefined;
 } & import("react").RefAttributes<HTMLDivElement>))>;

package/components/Counter/Counter.d.ts

@@ -12,9 +12,4 @@ export declare const Counter: import("react").FunctionComponent<import("@salutej
     size: {
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & {
-    count: number;
-    maxCount?: number | undefined;
-    size?: string | undefined;
-    view?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+}> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/Counter/Counter.types").CustomCounterProps & import("react").RefAttributes<HTMLDivElement>>;

package/components/NumberInput/NumberInput.d.ts

@@ -44,7 +44,7 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
 } & {
     segmentation?: "clear" | undefined;
     inputBackgroundType?: undefined;
-} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>) | ({
     value?: number | undefined;
     min?: number | undefined;
     max?: number | undefined;
@@ -69,4 +69,4 @@ export declare const NumberInput: import("react").FunctionComponent<import("@sal
 } & {
     segmentation?: string | undefined;
     inputBackgroundType?: string | undefined;
-} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onChange" | "size" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "value"> & import("react").RefAttributes<HTMLInputElement>))>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.227.1-canary.1692.12540362812.0",
+  "version": "0.228.0-canary.1696.12710467472.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -52,7 +52,7 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.238.1-canary.1692.12540362812.0",
+    "@salutejs/plasma-new-hope": "0.239.0-canary.1696.12710467472.0",
     "@salutejs/sdds-themes": "0.31.0"
   },
   "peerDependencies": {
@@ -75,10 +75,10 @@
     "@emotion/styled": ">=11",
     "@microsoft/api-extractor": "7.38.3",
     "@salutejs/plasma-colors": "0.14.0",
-    "@salutejs/plasma-core": "1.191.1-canary.1692.12540362812.0",
+    "@salutejs/plasma-core": "1.191.0-dev.0",
     "@salutejs/plasma-cy-utils": "0.122.0-dev.0",
     "@salutejs/plasma-icons": "1.210.0",
-    "@salutejs/plasma-sb-utils": "0.190.1-canary.1692.12540362812.0",
+    "@salutejs/plasma-sb-utils": "0.190.0-dev.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -144,5 +144,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "33ed71c72aa266aa679d6c95e86a804ca686f9a7"
+  "gitHead": "7757851b7d6d55d527cb6992cea39ed1daf27a10"
 }