@salutejs/sdds-cs 0.374.0-next-sbcom.0 → 0.374.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.374.0-next-sbcom.0",
+  "version": "0.374.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -42,8 +42,9 @@
     "styled-components": "^5.3.1"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.382.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.83.0-next-sbcom.0"
+    "@salutejs/plasma-new-hope": "0.382.0",
+    "@salutejs/sdds-themes": "0.83.0",
+    "classnames": "2.5.1"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -56,12 +57,15 @@
     "@emotion/babel-plugin": "11.11.0",
     "@emotion/react": ">=11",
     "@emotion/styled": ">=11",
+    "@ironkinoko/rollup-plugin-styles": "^4.0.3",
     "@originjs/vite-plugin-commonjs": "1.0.3",
-    "@salutejs/plasma-colors": "0.25.0-next-sbcom.0",
-    "@salutejs/plasma-core": "1.245.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.175.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.252.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.246.0-next-sbcom.0",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-node-resolve": "^15.1.0",
+    "@salutejs/plasma-colors": "0.25.0",
+    "@salutejs/plasma-core": "1.245.0",
+    "@salutejs/plasma-cy-utils": "0.175.0",
+    "@salutejs/plasma-icons": "1.252.0",
+    "@salutejs/plasma-sb-utils": "0.246.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -72,6 +76,7 @@
     "default-browser-id": "2.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "rollup": "^3.28.0",
     "styled-components": "5.3.1",
     "typescript-coverage-report": "0.7.0"
   },
@@ -81,11 +86,9 @@
     "build:emotion": "rm -rf dist/emotion && npm run build:emotion:esm && npm run build:emotion:cjs",
     "build:emotion:cjs": "swc ./src --ignore \"src/components/_beta/**\" -d ./dist/emotion/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs",
     "build:emotion:esm": "swc ./src --ignore \"src/components/_beta/**\" -d ./dist/emotion/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6",
-    "build:beta": "rm -rf dist/beta && npm run build:beta:esm && npm run build:beta:cjs",
-    "build:beta:cjs": "swc ./src/components/_beta -d ./dist/beta/cjs --strip-leading-paths --config-file ../../swc.config.json -C module.type=commonjs && mv dist/beta/cjs/components/_beta/* dist/beta/cjs && rimraf dist/beta/cjs/components",
-    "build:beta:esm": "swc ./src/components/_beta -d ./dist/beta/es --strip-leading-paths --config-file ../../swc.config.json -C module.type=es6 && mv dist/beta/es/components/_beta/* dist/beta/es && rimraf dist/beta/es/components",
+    "build:beta": "rm -rf dist/beta && rollup -c rollup.beta.config.mjs",
     "postbuild": "npm run generate:typings",
-    "generate:typings": "rm -rf types && tsc && rm -rf dist/beta/types && tsc -p src/components/_beta/tsconfig.json",
+    "generate:typings": "tsc && tsc -p src/components/_beta/tsconfig.json",
     "storybook": "storybook dev -p ${PORT:-7007} -c .storybook",
     "storybook:build": "storybook build -c .storybook -o build-sb",
     "typescript-coverage": "npx typescript-coverage-report > /dev/null",
@@ -101,6 +104,8 @@
   "contributors": [
     "salute.developers@gmail.com"
   ],
-  "sideEffects": false,
-  "gitHead": "7ff9df365bf813c404c56f60af1d8c280f7e29ea"
+  "sideEffects": [
+    "*.css"
+  ],
+  "gitHead": "a419e9303c97682114c77f181eedcbf37b52adf3"
 }

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

@@ -47,7 +47,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -76,7 +76,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/emotion").Componen
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -128,7 +128,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -157,7 +157,7 @@ declare const Avatar: import("react").FunctionComponent<import("@salutejs/plasma
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;

package/types/components/Combobox/Combobox.d.ts

@@ -24,6 +24,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     };
 }> & (({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -89,6 +90,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -154,6 +156,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -219,6 +222,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -284,6 +288,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -353,6 +358,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -422,6 +428,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;
@@ -491,6 +498,7 @@ declare const ComboboxNew: React.FunctionComponent<import("@salutejs/plasma-new-
     _offset?: [number, number];
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "onChange" | "defaultValue" | "placeholder" | "onScroll" | "value"> & React.RefAttributes<HTMLInputElement>) | ({
     items: ComboboxItemOption[];
+    sortItems?: ((a: ComboboxItemOption, b: ComboboxItemOption) => number) | undefined;
     treeView?: boolean;
     arrowPlacement?: "left" | "right";
     placement?: import("@salutejs/plasma-new-hope/types/components/Combobox/Combobox.types.js").Placement;

package/types/components/Drawer/Drawer.config.d.ts

@@ -19,3 +19,10 @@ export declare const config: {
 export declare const headerConfig: {
     base: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
 };
+export declare const contentConfig: {
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+        };
+    };
+};

package/types/components/Drawer/Drawer.d.ts

@@ -31,7 +31,11 @@ export declare const Drawer: import("react").FunctionComponent<import("@salutejs
 /**
  * Компонент части контента Drawer.
  */
-export declare const DrawerContent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<import("@salutejs/plasma-new-hope/types/engines/types.js").Variants> & {
+export declare const DrawerContent: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
+    };
+}> & {
     view?: string;
 } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 /**

package/types/components/Notification/Notification.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
-import { NotificationProps as NotificationPropsNewHope, NotificationPlacement } from '@salutejs/plasma-new-hope/emotion';
+import { NotificationProps as NotificationPropsNewHope, NotificationDefaultArgs, NotificationPlacement } from '@salutejs/plasma-new-hope/emotion';
 export type { NotificationPlacement };
 export declare const NotificationNewHope: React.FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
@@ -25,4 +25,5 @@ export declare const NotificationsProvider: React.FC<{
     frame?: string;
     placement?: NotificationPlacement;
     UNSAFE_SSR_ENABLED?: boolean;
+    defaultNotificationArgs?: NotificationDefaultArgs<NotificationProps>;
 }>;

package/types/components/Spinner/Spinner.config.d.ts

@@ -4,15 +4,6 @@ export declare const config: {
         size: string;
     };
     variations: {
-        size: {
-            xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-            xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        };
         view: {
             default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
             secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/Spinner/Spinner.d.ts

@@ -1,14 +1,27 @@
-import type { ComponentProps, FunctionComponent } from 'react';
-declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
-    size: {
-        xxs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        xs: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        l: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        xl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-        xxl: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
-    };
+import type { HTMLAttributes } from 'react';
+export type SpinnerProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Размер спиннера
+     */
+    size?: string | number;
+    /**
+     * Цвет спиннера
+     */
+    view?: string;
+    /**
+     * Цвет спиннера
+     * @deprecated
+     */
+    color?: string;
+    /**
+     * @deprecated
+     */
+    deviceScale?: number;
+};
+/**
+ * Компонент для отображения индикатора загрузки.
+ */
+export declare const Spinner: import("@emotion/styled").StyledComponent<(import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -19,20 +32,21 @@ declare const SpinnerComponent: FunctionComponent<import("@salutejs/plasma-new-h
         warning: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         negative: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & {
+}> & ((HTMLAttributes<HTMLDivElement> & {
+    width?: never;
+    height?: never;
     size?: string | number;
     view?: string;
-    width?: string | number;
-    height?: string | number;
-    color?: string;
-    deviceScale?: number;
-} & import("react").RefAttributes<HTMLDivElement>>;
-type Variations = ComponentProps<typeof SpinnerComponent>;
-type SpinnerComponentProps = Omit<Variations, 'size'> & {
-    size?: Variations['size'] | number;
-};
-/**
- * Компонент для отображения индикатора загрузки.
- */
-export declare const Spinner: FunctionComponent<SpinnerComponentProps>;
-export {};
+} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+    width: number;
+    height: number;
+    size?: never;
+    view?: string;
+} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+    width: string;
+    height: string;
+    size?: never;
+    view?: string;
+} & import("react").RefAttributes<HTMLDivElement>))) & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

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

@@ -1,2 +1,2 @@
 export { Spinner } from './Spinner';
-export type { SpinnerProps } from '@salutejs/plasma-new-hope/emotion';
+export type { SpinnerProps } from './Spinner';

package/dist/beta/cjs/Popover/Popover.closeInner.config.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
-const _emotion = require("@salutejs/plasma-new-hope/emotion");
-const config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
-    },
-    variations: {
-        view: {
-            default: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.backgroundColor}: ${_sdds_cs.surfaceSolidCard};
-                ${_emotion._beta_popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
-                ${_emotion._beta_popoverTokens.iconColor}: ${_sdds_cs.textSecondary};
-                ${_emotion._beta_popoverTokens.iconColorHover}: ${_sdds_cs.textSecondaryHover};
-                ${_emotion._beta_popoverTokens.iconColorActive}: ${_sdds_cs.textSecondaryActive};
-            `,
-            info: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.backgroundColor}: ${_sdds_cs.surfaceAccent};
-                ${_emotion._beta_popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
-                ${_emotion._beta_popoverTokens.iconColor}: ${_sdds_cs.onDarkTextSecondary};
-                ${_emotion._beta_popoverTokens.iconColorHover}: ${_sdds_cs.onDarkTextSecondaryHover};
-                ${_emotion._beta_popoverTokens.iconColorActive}: ${_sdds_cs.onDarkTextSecondaryActive};
-            `
-        },
-        size: {
-            m: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.borderRadius}: 1rem;
-                ${_emotion._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
-                ${_emotion._beta_popoverTokens.iconOffset}: 0.625rem;
-                ${_emotion._beta_popoverTokens.tailWidth}: 20px;
-                ${_emotion._beta_popoverTokens.tailHeight}: 8px;
-                ${_emotion._beta_popoverTokens.tailSideCurvature}: -10%;
-            `,
-            s: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.borderRadius}: 0.75rem;
-                ${_emotion._beta_popoverTokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
-                ${_emotion._beta_popoverTokens.iconOffset}: 0.5rem;
-                ${_emotion._beta_popoverTokens.tailWidth}: 20px;
-                ${_emotion._beta_popoverTokens.tailHeight}: 8px;
-                ${_emotion._beta_popoverTokens.tailSideCurvature}: -10%;
-            `
-        }
-    }
-};

package/dist/beta/cjs/Popover/Popover.closeNone.config.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
-const _emotion = require("@salutejs/plasma-new-hope/emotion");
-const config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
-    },
-    variations: {
-        view: {
-            default: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.backgroundColor}: ${_sdds_cs.surfaceSolidCard};
-                ${_emotion._beta_popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
-            `,
-            info: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.backgroundColor}: ${_sdds_cs.surfaceAccent};
-                ${_emotion._beta_popoverTokens.boxShadow}: ${_sdds_cs.shadowDownHardM};
-            `
-        },
-        size: {
-            m: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.borderRadius}: 1rem;
-                ${_emotion._beta_popoverTokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
-                ${_emotion._beta_popoverTokens.tailWidth}: 20px;
-                ${_emotion._beta_popoverTokens.tailHeight}: 8px;
-                ${_emotion._beta_popoverTokens.tailSideCurvature}: -10%;
-            `,
-            s: (0, _emotion.css)`
-                ${_emotion._beta_popoverTokens.borderRadius}: 0.75rem;
-                ${_emotion._beta_popoverTokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
-                ${_emotion._beta_popoverTokens.tailWidth}: 20px;
-                ${_emotion._beta_popoverTokens.tailHeight}: 8px;
-                ${_emotion._beta_popoverTokens.tailSideCurvature}: -10%;
-            `
-        }
-    }
-};

package/dist/beta/cjs/Popover/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Popover", {
-    enumerable: true,
-    get: function() {
-        return _Popover.Popover;
-    }
-});
-const _Popover = require("./Popover");

package/dist/beta/cjs/Tooltip/Tooltip.config.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "config", {
-    enumerable: true,
-    get: function() {
-        return config;
-    }
-});
-const _sdds_cs = require("@salutejs/sdds-themes/tokens/sdds_cs");
-const _emotion = require("@salutejs/plasma-new-hope/emotion");
-const config = {
-    defaults: {
-        view: 'default',
-        size: 's'
-    },
-    variations: {
-        view: {
-            default: (0, _emotion.css)`
-                ${_emotion._beta_tooltipTokens.backgroundColor}: ${_sdds_cs.inverseSurfaceSolidCard};
-                ${_emotion._beta_tooltipTokens.boxShadow}: ${_sdds_cs.shadowDownHardS};
-                ${_emotion._beta_tooltipTokens.color}: ${_sdds_cs.inverseTextPrimary};
-            `,
-            secondary: (0, _emotion.css)`
-                ${_emotion._beta_tooltipTokens.backgroundColor}: ${_sdds_cs.onDarkSurfaceSolidSecondary};
-                ${_emotion._beta_tooltipTokens.boxShadow}: ${_sdds_cs.shadowDownHardS};
-                ${_emotion._beta_tooltipTokens.color}: ${_sdds_cs.inverseTextPrimary};
-            `
-        },
-        size: {
-            m: (0, _emotion.css)`
-                ${_emotion._beta_tooltipTokens.borderRadius}: 0.5rem;
-                ${_emotion._beta_tooltipTokens.padding}: 0.5rem 0.75rem;
-                ${_emotion._beta_tooltipTokens.gap}: 0.25rem;
-                ${_emotion._beta_tooltipTokens.fontFamily}: ${_sdds_cs.bodyS.fontFamily};
-                ${_emotion._beta_tooltipTokens.fontSize}: ${_sdds_cs.bodyS.fontSize};
-                ${_emotion._beta_tooltipTokens.fontStyle}: ${_sdds_cs.bodyS.fontStyle};
-                ${_emotion._beta_tooltipTokens.fontWeight}: ${_sdds_cs.bodyS.fontWeight};
-                ${_emotion._beta_tooltipTokens.letterSpacing}: ${_sdds_cs.bodyS.letterSpacing};
-                ${_emotion._beta_tooltipTokens.lineHeight}: ${_sdds_cs.bodyS.lineHeight};
-                ${_emotion._beta_tooltipTokens.tailWidth}: 20px;
-                ${_emotion._beta_tooltipTokens.tailHeight}: 8px;
-                ${_emotion._beta_tooltipTokens.tailSideCurvature}: -10%;
-            `,
-            s: (0, _emotion.css)`
-                ${_emotion._beta_tooltipTokens.borderRadius}: 0.5rem;
-                ${_emotion._beta_tooltipTokens.padding}: 0.5rem 0.75rem;
-                ${_emotion._beta_tooltipTokens.gap}: 0.25rem;
-                ${_emotion._beta_tooltipTokens.fontFamily}: ${_sdds_cs.bodyXS.fontFamily};
-                ${_emotion._beta_tooltipTokens.fontSize}: ${_sdds_cs.bodyXS.fontSize};
-                ${_emotion._beta_tooltipTokens.fontStyle}: ${_sdds_cs.bodyXS.fontStyle};
-                ${_emotion._beta_tooltipTokens.fontWeight}: ${_sdds_cs.bodyXS.fontWeight};
-                ${_emotion._beta_tooltipTokens.letterSpacing}: ${_sdds_cs.bodyXS.letterSpacing};
-                ${_emotion._beta_tooltipTokens.lineHeight}: ${_sdds_cs.bodyXS.lineHeight};
-                ${_emotion._beta_tooltipTokens.tailWidth}: 14px;
-                ${_emotion._beta_tooltipTokens.tailHeight}: 6px;
-                ${_emotion._beta_tooltipTokens.tailSideCurvature}: -10%;
-            `
-        }
-    }
-};

package/dist/beta/cjs/Tooltip/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Tooltip", {
-    enumerable: true,
-    get: function() {
-        return _Tooltip.Tooltip;
-    }
-});
-const _Tooltip = require("./Tooltip");

package/dist/beta/es/Popover/Popover.closeInner.config.js

@@ -1,44 +0,0 @@
-import { onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, shadowDownHardM, surfaceAccent, surfaceSolidCard, textSecondary, textSecondaryActive, textSecondaryHover } from '@salutejs/sdds-themes/tokens/sdds_cs';
-import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
-export const config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
-    },
-    variations: {
-        view: {
-            default: css`
-                ${tokens.backgroundColor}: ${surfaceSolidCard};
-                ${tokens.boxShadow}: ${shadowDownHardM};
-                ${tokens.iconColor}: ${textSecondary};
-                ${tokens.iconColorHover}: ${textSecondaryHover};
-                ${tokens.iconColorActive}: ${textSecondaryActive};
-            `,
-            info: css`
-                ${tokens.backgroundColor}: ${surfaceAccent};
-                ${tokens.boxShadow}: ${shadowDownHardM};
-                ${tokens.iconColor}: ${onDarkTextSecondary};
-                ${tokens.iconColorHover}: ${onDarkTextSecondaryHover};
-                ${tokens.iconColorActive}: ${onDarkTextSecondaryActive};
-            `
-        },
-        size: {
-            m: css`
-                ${tokens.borderRadius}: 1rem;
-                ${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
-                ${tokens.iconOffset}: 0.625rem;
-                ${tokens.tailWidth}: 20px;
-                ${tokens.tailHeight}: 8px;
-                ${tokens.tailSideCurvature}: -10%;
-            `,
-            s: css`
-                ${tokens.borderRadius}: 0.75rem;
-                ${tokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
-                ${tokens.iconOffset}: 0.5rem;
-                ${tokens.tailWidth}: 20px;
-                ${tokens.tailHeight}: 8px;
-                ${tokens.tailSideCurvature}: -10%;
-            `
-        }
-    }
-};

package/dist/beta/es/Popover/Popover.closeNone.config.js

@@ -1,36 +0,0 @@
-import { shadowDownHardM, surfaceAccent, surfaceSolidCard } from '@salutejs/sdds-themes/tokens/sdds_cs';
-import { css, _beta_popoverTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
-export const config = {
-    defaults: {
-        view: 'default',
-        size: 'm'
-    },
-    variations: {
-        view: {
-            default: css`
-                ${tokens.backgroundColor}: ${surfaceSolidCard};
-                ${tokens.boxShadow}: ${shadowDownHardM};
-            `,
-            info: css`
-                ${tokens.backgroundColor}: ${surfaceAccent};
-                ${tokens.boxShadow}: ${shadowDownHardM};
-            `
-        },
-        size: {
-            m: css`
-                ${tokens.borderRadius}: 1rem;
-                ${tokens.padding}: 0.75rem 0.5rem 0.5rem 0.5rem;
-                ${tokens.tailWidth}: 20px;
-                ${tokens.tailHeight}: 8px;
-                ${tokens.tailSideCurvature}: -10%;
-            `,
-            s: css`
-                ${tokens.borderRadius}: 0.75rem;
-                ${tokens.padding}: 0.5rem 0.375rem 0.375rem 0.375rem;
-                ${tokens.tailWidth}: 20px;
-                ${tokens.tailHeight}: 8px;
-                ${tokens.tailSideCurvature}: -10%;
-            `
-        }
-    }
-};

package/dist/beta/es/Popover/index.js

@@ -1 +0,0 @@
-export { Popover } from './Popover';

package/dist/beta/es/Tooltip/Tooltip.config.js

@@ -1,52 +0,0 @@
-import { bodyS, bodyXS, inverseSurfaceSolidCard, inverseTextPrimary, onDarkSurfaceSolidSecondary, shadowDownHardS } from '@salutejs/sdds-themes/tokens/sdds_cs';
-import { css, _beta_tooltipTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
-export const config = {
-    defaults: {
-        view: 'default',
-        size: 's'
-    },
-    variations: {
-        view: {
-            default: css`
-                ${tokens.backgroundColor}: ${inverseSurfaceSolidCard};
-                ${tokens.boxShadow}: ${shadowDownHardS};
-                ${tokens.color}: ${inverseTextPrimary};
-            `,
-            secondary: css`
-                ${tokens.backgroundColor}: ${onDarkSurfaceSolidSecondary};
-                ${tokens.boxShadow}: ${shadowDownHardS};
-                ${tokens.color}: ${inverseTextPrimary};
-            `
-        },
-        size: {
-            m: css`
-                ${tokens.borderRadius}: 0.5rem;
-                ${tokens.padding}: 0.5rem 0.75rem;
-                ${tokens.gap}: 0.25rem;
-                ${tokens.fontFamily}: ${bodyS.fontFamily};
-                ${tokens.fontSize}: ${bodyS.fontSize};
-                ${tokens.fontStyle}: ${bodyS.fontStyle};
-                ${tokens.fontWeight}: ${bodyS.fontWeight};
-                ${tokens.letterSpacing}: ${bodyS.letterSpacing};
-                ${tokens.lineHeight}: ${bodyS.lineHeight};
-                ${tokens.tailWidth}: 20px;
-                ${tokens.tailHeight}: 8px;
-                ${tokens.tailSideCurvature}: -10%;
-            `,
-            s: css`
-                ${tokens.borderRadius}: 0.5rem;
-                ${tokens.padding}: 0.5rem 0.75rem;
-                ${tokens.gap}: 0.25rem;
-                ${tokens.fontFamily}: ${bodyXS.fontFamily};
-                ${tokens.fontSize}: ${bodyXS.fontSize};
-                ${tokens.fontStyle}: ${bodyXS.fontStyle};
-                ${tokens.fontWeight}: ${bodyXS.fontWeight};
-                ${tokens.letterSpacing}: ${bodyXS.letterSpacing};
-                ${tokens.lineHeight}: ${bodyXS.lineHeight};
-                ${tokens.tailWidth}: 14px;
-                ${tokens.tailHeight}: 6px;
-                ${tokens.tailSideCurvature}: -10%;
-            `
-        }
-    }
-};

package/dist/beta/es/Tooltip/index.js

@@ -1 +0,0 @@
-export { Tooltip } from './Tooltip';