@salutejs/sdds-serv 0.368.0-next-sbcom.0 → 0.368.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_serv';
 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"
+})([
+    ``
+]);