@salutejs/sdds-insol-next 0.370.0-next-sbcom.0 → 0.370.1-dev.0

package/dist/styled-components/es/components/Spinner/Spinner.config.js

@@ -1,4 +1,4 @@
-import { css, spinnerTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+import { css } from '@salutejs/plasma-new-hope/styled-components';
 import { textAccent, textNegative, textParagraph, textPositive, textPrimary, textSecondary, textTertiary, textWarning } from '@salutejs/sdds-themes/tokens/sdds_insol_next';
 export const config = {
     defaults: {
@@ -6,53 +6,30 @@ export const config = {
         size: 'm'
     },
     variations: {
-        size: {
-            xxs: css`
-                ${tokens.size}: 1rem;
-            `,
-            xs: css`
-                ${tokens.size}: 1.5rem;
-            `,
-            s: css`
-                ${tokens.size}: 2.25rem;
-            `,
-            m: css`
-                ${tokens.size}: 3rem;
-            `,
-            l: css`
-                ${tokens.size}: 3.5rem;
-            `,
-            xl: css`
-                ${tokens.size}: 5.5rem;
-            `,
-            xxl: css`
-                ${tokens.size}: 8rem;
-            `
-        },
         view: {
             default: css`
-                ${tokens.color}: ${textPrimary};
+                --plasma-spinner-color: ${textPrimary};
             `,
             secondary: css`
-                ${tokens.color}: ${textSecondary};
+                --plasma-spinner-color: ${textSecondary};
             `,
             tertiary: css`
-                ${tokens.color}: ${textTertiary};
+                --plasma-spinner-color: ${textTertiary};
             `,
             paragraph: css`
-                ${tokens.color}: ${textParagraph};
+                --plasma-spinner-color: ${textParagraph};
             `,
             accent: css`
-                ${tokens.color}: ${textAccent};
+                --plasma-spinner-color: ${textAccent};
             `,
             positive: css`
-                ${tokens.color}: ${textPositive};
+                --plasma-spinner-color: ${textPositive};
             `,
             warning: css`
-                ${tokens.color}: ${textWarning};
+                --plasma-spinner-color: ${textWarning};
             `,
             negative: css`
-                ${tokens.color}: ${textNegative};
+                --plasma-spinner-color: ${textNegative};
             `
         }
     }

package/dist/styled-components/es/components/Spinner/Spinner.js

@@ -1,7 +1,13 @@
+import styled from 'styled-components';
 import { spinnerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Spinner.config';
 const mergedConfig = mergeConfig(spinnerConfig, config);
 const SpinnerComponent = component(mergedConfig);
 /**
  * Компонент для отображения индикатора загрузки.
- */ export const Spinner = SpinnerComponent;
+ */ export const Spinner = styled(SpinnerComponent).withConfig({
+    displayName: "Spinner",
+    componentId: "sc-d47c168-0"
+})([
+    ``
+]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-insol-next",
-  "version": "0.370.0-next-sbcom.0",
+  "version": "0.370.1-dev.0",
   "description": "Salute Design System / React UI kit for SDDS INSOL NEXT web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -45,8 +45,8 @@
     "styled-components": "^5.3.11"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.388.0-next-sbcom.0",
-    "@salutejs/sdds-themes": "0.87.0-next-sbcom.0",
+    "@salutejs/plasma-new-hope": "0.388.1-dev.0",
+    "@salutejs/sdds-themes": "0.87.0-dev.0",
     "classnames": "2.5.1"
   },
   "devDependencies": {
@@ -65,11 +65,11 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-colors": "0.28.0-next-sbcom.0",
-    "@salutejs/plasma-core": "1.249.0-next-sbcom.0",
-    "@salutejs/plasma-cy-utils": "0.179.0-next-sbcom.0",
-    "@salutejs/plasma-icons": "1.257.0-next-sbcom.0",
-    "@salutejs/plasma-sb-utils": "0.251.0-next-sbcom.0",
+    "@salutejs/plasma-colors": "0.28.0-dev.0",
+    "@salutejs/plasma-core": "1.249.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.179.0-dev.0",
+    "@salutejs/plasma-icons": "1.257.1-dev.0",
+    "@salutejs/plasma-sb-utils": "0.251.1-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -114,5 +114,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "1214cb8ea4c61ff3df59c99d4b73d7652764a7ef"
+  "gitHead": "ed4c47d66e4b9e902ba7b56c72b5df1da7230489"
 }

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

@@ -77,7 +77,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -106,7 +106,7 @@ declare const mergedConfig: import("@salutejs/plasma-new-hope/styled-components"
     size?: string;
     name?: string;
     url?: string;
-    customText?: import("react").ReactNode;
+    customText?: string;
     status?: "active" | "inactive";
     isScalable?: boolean;
     focused?: boolean;
@@ -173,7 +173,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;
@@ -202,7 +202,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/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("styled-components").StyledComponent<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;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -19,28 +32,19 @@ 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;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
     width: number;
     height: number;
     size?: never;
     view?: string;
-} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+} & import("react").RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
     width: string;
     height: string;
     size?: never;
     view?: string;
-} & 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>))>, any, {}, never>;

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

@@ -1 +1,2 @@
 export { Spinner } from './Spinner';
+export type { SpinnerProps } from './Spinner';

package/dist/css/cjs/components/Spinner/Spinner.config_vpz16d.css

@@ -1,15 +0,0 @@
-.x8140h5{--plasma-spinner-size:1rem;}
-.x1rwajrp{--plasma-spinner-size:1.5rem;}
-.s6ehvbl{--plasma-spinner-size:2.25rem;}
-.myxf4py{--plasma-spinner-size:3rem;}
-.lg311qk{--plasma-spinner-size:3.5rem;}
-.x19xjlhk{--plasma-spinner-size:5.5rem;}
-.xvf0x5x{--plasma-spinner-size:8rem;}
-.d1o1fqf1{--plasma-spinner-color:var(--text-primary,#FFFFFFF5);}
-.s14d1ag0{--plasma-spinner-color:var(--text-secondary,#F2F5F88F);}
-.teiivqz{--plasma-spinner-color:var(--text-tertiary,#F2F5F847);}
-.p1sbsmuf{--plasma-spinner-color:var(--text-paragraph,#F2F5F8CC);}
-.a1o41mz{--plasma-spinner-color:var(--text-accent,#29CCB1FF);}
-.p3ze2rz{--plasma-spinner-color:var(--text-positive,#29CCB1FF);}
-.w3a198w{--plasma-spinner-color:var(--text-warning,#FF7024);}
-.nbhkxnp{--plasma-spinner-color:var(--text-negative,#FF3D51);}

package/dist/css/es/components/Spinner/Spinner.config_vpz16d.css

@@ -1,15 +0,0 @@
-.x8140h5{--plasma-spinner-size:1rem;}
-.x1rwajrp{--plasma-spinner-size:1.5rem;}
-.s6ehvbl{--plasma-spinner-size:2.25rem;}
-.myxf4py{--plasma-spinner-size:3rem;}
-.lg311qk{--plasma-spinner-size:3.5rem;}
-.x19xjlhk{--plasma-spinner-size:5.5rem;}
-.xvf0x5x{--plasma-spinner-size:8rem;}
-.d1o1fqf1{--plasma-spinner-color:var(--text-primary,#FFFFFFF5);}
-.s14d1ag0{--plasma-spinner-color:var(--text-secondary,#F2F5F88F);}
-.teiivqz{--plasma-spinner-color:var(--text-tertiary,#F2F5F847);}
-.p1sbsmuf{--plasma-spinner-color:var(--text-paragraph,#F2F5F8CC);}
-.a1o41mz{--plasma-spinner-color:var(--text-accent,#29CCB1FF);}
-.p3ze2rz{--plasma-spinner-color:var(--text-positive,#29CCB1FF);}
-.w3a198w{--plasma-spinner-color:var(--text-warning,#FF7024);}
-.nbhkxnp{--plasma-spinner-color:var(--text-negative,#FF3D51);}