@salutejs/sdds-cs 0.229.1-canary.1707.12823225023.0 → 0.230.0-dev.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';
@@ -769,8 +770,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;
@@ -778,7 +779,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> & {
@@ -820,27 +860,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;
@@ -852,11 +874,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;
@@ -868,27 +888,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;
@@ -900,11 +902,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 }
@@ -1285,12 +1285,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 }
 
@@ -2449,7 +2444,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;
@@ -2475,7 +2470,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

@@ -45,7 +45,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;
@@ -71,4 +71,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/components/ViewContainer/ViewContainer.config.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _sdds_cs = /*#__PURE__*/require("@salutejs/sdds-themes/tokens/sdds_cs");
-var _templateObject;
+var _sdds_cs = /*#__PURE__*/require("@salutejs/sdds-themes/es/tokens/sdds_cs");
+var _templateObject; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   variations: {

package/emotion/cjs/components/ViewContainer/ViewContainer.config.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
-var _sdds_cs = /*#__PURE__*/require("@salutejs/sdds-themes/tokens/sdds_cs");
-var _templateObject;
+var _sdds_cs = /*#__PURE__*/require("@salutejs/sdds-themes/es/tokens/sdds_cs");
+var _templateObject; // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   variations: {

package/emotion/es/components/ViewContainer/ViewContainer.config.js

@@ -1,7 +1,9 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css } from '@salutejs/plasma-new-hope/emotion';
-import { viewContainer } from '@salutejs/sdds-themes/tokens/sdds_cs';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import { viewContainer } from '@salutejs/sdds-themes/es/tokens/sdds_cs';
 export var config = {
   variations: {
     view: {

package/es/components/ViewContainer/ViewContainer.config.js

@@ -1,7 +1,9 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css } from '@salutejs/plasma-new-hope/styled-components';
-import { viewContainer } from '@salutejs/sdds-themes/tokens/sdds_cs';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore
+import { viewContainer } from '@salutejs/sdds-themes/es/tokens/sdds_cs';
 export var config = {
   variations: {
     view: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.229.1-canary.1707.12823225023.0",
+  "version": "0.230.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.240.1-canary.1707.12823225023.0",
+    "@salutejs/plasma-new-hope": "0.241.0-dev.0",
     "@salutejs/sdds-themes": "0.31.0"
   },
   "peerDependencies": {
@@ -99,8 +99,8 @@
     "build:styled-components:esm": "BABEL_ENV=esm SC_NAMESPACE=sdds-srvc babel ./src --out-dir ./es --extensions .ts,.tsx",
     "postbuild:styled-components": "rm -rf src-sc",
     "postbuild:emotion": "rm -rf src-emotion",
-    "pregenerate:typings": "rm -rf components/**/*.d.ts && rm -f index.d.ts && rm -f mixins/index.d.ts && rm -f tokens/index.d.ts",
-    "generate:typings": "tsc --outDir . --emitDeclarationOnly",
+    "remove:typings": "rm -rf components/**/*.d.ts && rm -f index.d.ts && rm -f mixins/index.d.ts && rm -f tokens/index.d.ts",
+    "generate:typings": "npm run remove:typings && tsc --outDir . --emitDeclarationOnly",
     "storybook": "storybook dev -p ${PORT:-7007} -c .storybook",
     "prestorybook:emotion": "npm run prebuild:emotion",
     "storybook:emotion": "USE_EMOTION_COMPONENTS=true storybook dev -p ${PORT:-7002} -c .storybook",
@@ -122,5 +122,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "00f61092304f8cbfcb21419885e049842e6f8d35"
+  "gitHead": "4cf77737e0764a42f4df5eac4bbd7a9847539a2d"
 }