@salutejs/sdds-serv 0.357.0-next-sbcom.0 → 0.357.0

package/dist/ai/emotion/es/components/_ai/UserMessage/UserMessage.config.js

@@ -0,0 +1,387 @@
+import { css, userMessageTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
+import { bodyL, bodyM, bodyS, bodyXS, surfaceSolidCard, surfaceSolidSecondary, surfaceSolidTertiary, surfaceTransparentAccent, surfaceTransparentNegative, surfaceTransparentPositive, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceTransparentWarning, textAccent, textPrimary, textSecondary } from '@salutejs/sdds-themes/tokens/sdds_serv';
+export const config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+        fileContnentVew: 'default'
+    },
+    variations: {
+        view: {
+            default: css`
+                ${tokens.backgroundColor}: ${surfaceSolidCard};
+                ${tokens.backgroundColorEditing}: ${surfaceSolidTertiary};
+
+                ${tokens.caretColor}: ${textAccent};
+                ${tokens.textColor}: ${textPrimary};
+
+                ${tokens.fileItemTitleColor}: ${textPrimary};
+                ${tokens.fileItemSubtitleColor}: ${textSecondary};
+
+                ${tokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};
+                ${tokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};
+                ${tokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};
+                ${tokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};
+                ${tokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};
+                ${tokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};
+            `,
+            secondary: css`
+                ${tokens.backgroundColor}: ${surfaceSolidSecondary};
+                ${tokens.backgroundColorEditing}: ${surfaceSolidTertiary};
+
+                ${tokens.caretColor}: ${textAccent};
+                ${tokens.textColor}: ${textPrimary};
+
+                ${tokens.fileItemTitleColor}: ${textPrimary};
+                ${tokens.fileItemSubtitleColor}: ${textSecondary};
+
+                ${tokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};
+                ${tokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};
+                ${tokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};
+                ${tokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};
+                ${tokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};
+                ${tokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};
+            `,
+            accent: css`
+                ${tokens.backgroundColor}: ${surfaceTransparentAccent};
+                ${tokens.backgroundColorEditing}: ${surfaceSolidTertiary};
+
+                ${tokens.caretColor}: ${textAccent};
+                ${tokens.textColor}: ${textPrimary};
+
+                ${tokens.fileItemTitleColor}: ${textPrimary};
+                ${tokens.fileItemSubtitleColor}: ${textSecondary};
+
+                ${tokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};
+                ${tokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};
+                ${tokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};
+                ${tokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};
+                ${tokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};
+                ${tokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};
+            `,
+            positive: css`
+                ${tokens.backgroundColor}: ${surfaceTransparentPositive};
+                ${tokens.backgroundColorEditing}: ${surfaceSolidTertiary};
+
+                ${tokens.caretColor}: ${textAccent};
+                ${tokens.textColor}: ${textPrimary};
+
+                ${tokens.fileItemTitleColor}: ${textPrimary};
+                ${tokens.fileItemSubtitleColor}: ${textSecondary};
+
+                ${tokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};
+                ${tokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};
+                ${tokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};
+                ${tokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};
+                ${tokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};
+                ${tokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};
+            `,
+            negative: css`
+                ${tokens.backgroundColor}: ${surfaceTransparentNegative};
+                ${tokens.backgroundColorEditing}: ${surfaceSolidTertiary};
+
+                ${tokens.caretColor}: ${textAccent};
+                ${tokens.textColor}: ${textPrimary};
+
+                ${tokens.fileItemTitleColor}: ${textPrimary};
+                ${tokens.fileItemSubtitleColor}: ${textSecondary};
+
+                ${tokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};
+                ${tokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};
+                ${tokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};
+                ${tokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};
+                ${tokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};
+                ${tokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};
+            `,
+            warning: css`
+                ${tokens.backgroundColor}: ${surfaceTransparentWarning};
+                ${tokens.backgroundColorEditing}: ${surfaceSolidTertiary};
+
+                ${tokens.caretColor}: ${textAccent};
+                ${tokens.textColor}: ${textPrimary};
+
+                ${tokens.fileItemTitleColor}: ${textPrimary};
+                ${tokens.fileItemSubtitleColor}: ${textSecondary};
+
+                ${tokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};
+                ${tokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};
+                ${tokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};
+                ${tokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};
+                ${tokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};
+                ${tokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};
+            `
+        },
+        size: {
+            xl: css`
+                ${tokens.bubblePadding}: 1.313rem 1.125rem;
+                ${tokens.bubbleBorderRadius}: 1rem;
+                ${tokens.bubbleGap}: 1rem;
+
+                ${tokens.textAreaHeight}: 1.375rem;
+                ${tokens.textAreaMinHeight}: 1.375rem;
+
+                ${tokens.scrollbarWidth}: 0.188rem;
+                ${tokens.scrollbarBorderWidth}: 0.063rem;
+
+                ${tokens.textFontFamily}: ${bodyL.fontFamily};
+                ${tokens.textFontSize}: ${bodyL.fontSize};
+                ${tokens.textFontStyle}: ${bodyL.fontStyle};
+                ${tokens.textFontWeight}: ${bodyL.fontWeight};
+                ${tokens.textLetterSpacing}: ${bodyL.letterSpacing};
+                ${tokens.textLineHeight}: ${bodyL.lineHeight};
+
+                ${tokens.actionsGap}: 0.5rem;
+                ${tokens.actionsEditingGap}: 0.125rem;
+                ${tokens.actionsMarginTop}: 0.75rem;
+
+                ${tokens.attachmentMaxWidth}: 13.75rem;
+
+                ${tokens.fileContentBorderRadius}: 1rem;
+                ${tokens.fileContentPadding}: 0.75rem 0.875rem;
+                ${tokens.fileContentGap}: 0.75rem;
+                ${tokens.fileContentMarginBottom}: 0.625rem;
+
+                ${tokens.fileItemHeight}: 2.5rem;
+                ${tokens.fileItemGap}: 0.75rem;
+                ${tokens.fileItemTextboxGap}: 0.125rem;
+
+                ${tokens.fileItemTitleFontFamily}: ${bodyL.fontFamily};
+                ${tokens.fileItemTitleFontSize}: ${bodyL.fontSize};
+                ${tokens.fileItemTitleFontStyle}: ${bodyL.fontStyle};
+                ${tokens.fileItemTitleFontWeight}: ${bodyL.fontWeight};
+                ${tokens.fileItemTitleLetterSpacing}: ${bodyL.letterSpacing};
+                ${tokens.fileItemTitleLineHeight}: ${bodyL.lineHeight};
+
+                ${tokens.fileItemSubtitleFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fileItemSubtitleFontSize}: ${bodyXS.fontSize};
+                ${tokens.fileItemSubtitleFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fileItemSubtitleFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.fileItemSubtitleLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.fileItemSubtitleLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.fileThumbSize}: 2.5rem;
+                ${tokens.fileThumbRadius}: 0.625rem;
+
+                ${tokens.imageContentBorderRadius}: 1rem;
+            `,
+            l: css`
+                ${tokens.bubblePadding}: 1.063rem 1rem;
+                ${tokens.bubbleBorderRadius}: 0.875rem;
+                ${tokens.bubbleGap}: 1rem;
+
+                ${tokens.textAreaHeight}: 1.375rem;
+                ${tokens.textAreaMinHeight}: 1.375rem;
+
+                ${tokens.scrollbarWidth}: 0.188rem;
+                ${tokens.scrollbarBorderWidth}: 0.063rem;
+
+                ${tokens.textFontFamily}: ${bodyL.fontFamily};
+                ${tokens.textFontSize}: ${bodyL.fontSize};
+                ${tokens.textFontStyle}: ${bodyL.fontStyle};
+                ${tokens.textFontWeight}: ${bodyL.fontWeight};
+                ${tokens.textLetterSpacing}: ${bodyL.letterSpacing};
+                ${tokens.textLineHeight}: ${bodyL.lineHeight};
+
+                ${tokens.actionsGap}: 0.5rem;
+                ${tokens.actionsEditingGap}: 0.125rem;
+                ${tokens.actionsMarginTop}: 0.75rem;
+
+                ${tokens.attachmentMaxWidth}: 13.75rem;
+
+                ${tokens.fileContentBorderRadius}: 0.875rem;
+                ${tokens.fileContentPadding}: 0.5rem 0.625rem;
+                ${tokens.fileContentGap}: 0.625rem;
+                ${tokens.fileContentMarginBottom}: 0.625rem;
+
+                ${tokens.fileItemHeight}: 2.5rem;
+                ${tokens.fileItemGap}: 0.625rem;
+                ${tokens.fileItemTextboxGap}: 0.125rem;
+
+                ${tokens.fileItemTitleFontFamily}: ${bodyM.fontFamily};
+                ${tokens.fileItemTitleFontSize}: ${bodyM.fontSize};
+                ${tokens.fileItemTitleFontStyle}: ${bodyM.fontStyle};
+                ${tokens.fileItemTitleFontWeight}: ${bodyM.fontWeight};
+                ${tokens.fileItemTitleLetterSpacing}: ${bodyM.letterSpacing};
+                ${tokens.fileItemTitleLineHeight}: ${bodyM.lineHeight};
+
+                ${tokens.fileItemSubtitleFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fileItemSubtitleFontSize}: ${bodyXS.fontSize};
+                ${tokens.fileItemSubtitleFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fileItemSubtitleFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.fileItemSubtitleLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.fileItemSubtitleLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.fileThumbSize}: 2.25rem;
+                ${tokens.fileThumbRadius}: 0.375rem;
+
+                ${tokens.imageContentBorderRadius}: 0.875rem;
+            `,
+            m: css`
+                ${tokens.bubblePadding}: 0.875rem;
+                ${tokens.bubbleBorderRadius}: 0.75rem;
+                ${tokens.bubbleGap}: 0.875rem;
+
+                ${tokens.textAreaHeight}: 1.25rem;
+                ${tokens.textAreaMinHeight}: 1.25rem;
+
+                ${tokens.scrollbarWidth}: 0.188rem;
+                ${tokens.scrollbarBorderWidth}: 0.063rem;
+
+                ${tokens.textFontFamily}: ${bodyM.fontFamily};
+                ${tokens.textFontSize}: ${bodyM.fontSize};
+                ${tokens.textFontStyle}: ${bodyM.fontStyle};
+                ${tokens.textFontWeight}: ${bodyM.fontWeight};
+                ${tokens.textLetterSpacing}: ${bodyM.letterSpacing};
+                ${tokens.textLineHeight}: ${bodyM.lineHeight};
+
+                ${tokens.actionsGap}: 0.5rem;
+                ${tokens.actionsEditingGap}: 0.125rem;
+                ${tokens.actionsMarginTop}: 0.75rem;
+
+                ${tokens.attachmentMaxWidth}: 10rem;
+
+                ${tokens.fileContentBorderRadius}: 0.75rem;
+                ${tokens.fileContentPadding}: 0.438rem 0.5rem;
+                ${tokens.fileContentGap}: 0.5rem;
+                ${tokens.fileContentMarginBottom}: 0.5rem;
+
+                ${tokens.fileItemHeight}: 2.5rem;
+                ${tokens.fileItemGap}: 0.5rem;
+                ${tokens.fileItemTextboxGap}: 0.125rem;
+
+                ${tokens.fileItemTitleFontFamily}: ${bodyS.fontFamily};
+                ${tokens.fileItemTitleFontSize}: ${bodyS.fontSize};
+                ${tokens.fileItemTitleFontStyle}: ${bodyS.fontStyle};
+                ${tokens.fileItemTitleFontWeight}: ${bodyS.fontWeight};
+                ${tokens.fileItemTitleLetterSpacing}: ${bodyS.letterSpacing};
+                ${tokens.fileItemTitleLineHeight}: ${bodyS.lineHeight};
+
+                ${tokens.fileItemSubtitleFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fileItemSubtitleFontSize}: ${bodyXS.fontSize};
+                ${tokens.fileItemSubtitleFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fileItemSubtitleFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.fileItemSubtitleLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.fileItemSubtitleLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.fileThumbSize}: 2rem;
+                ${tokens.fileThumbRadius}: 0.375rem;
+
+                ${tokens.imageContentBorderRadius}: 0.75rem;
+            `,
+            s: css`
+                ${tokens.bubblePadding}: 0.688rem 0.75rem;
+                ${tokens.bubbleBorderRadius}: 0.625rem;
+                ${tokens.bubbleGap}: 0.875rem;
+
+                ${tokens.textAreaHeight}: 1.125rem;
+                ${tokens.textAreaMinHeight}: 1.125rem;
+
+                ${tokens.scrollbarWidth}: 0.188rem;
+                ${tokens.scrollbarBorderWidth}: 0.063rem;
+
+                ${tokens.textFontFamily}: ${bodyS.fontFamily};
+                ${tokens.textFontSize}: ${bodyS.fontSize};
+                ${tokens.textFontStyle}: ${bodyS.fontStyle};
+                ${tokens.textFontWeight}: ${bodyS.fontWeight};
+                ${tokens.textLetterSpacing}: ${bodyS.letterSpacing};
+                ${tokens.textLineHeight}: ${bodyS.lineHeight};
+
+                ${tokens.actionsGap}: 0.5rem;
+                ${tokens.actionsEditingGap}: 0.125rem;
+                ${tokens.actionsMarginTop}: 0.75rem;
+
+                ${tokens.attachmentMaxWidth}: 10rem;
+
+                ${tokens.fileContentBorderRadius}: 0.625rem;
+                ${tokens.fileContentPadding}: 0.313rem 0.375rem;
+                ${tokens.fileContentGap}: 0.375rem;
+                ${tokens.fileContentMarginBottom}: 0.375rem;
+
+                ${tokens.fileItemHeight}: 1.875rem;
+                ${tokens.fileItemGap}: 0.375rem;
+                ${tokens.fileItemTextboxGap}: 0.125rem;
+
+                ${tokens.fileItemTitleFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fileItemTitleFontSize}: ${bodyXS.fontSize};
+                ${tokens.fileItemTitleFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fileItemTitleFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.fileItemTitleLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.fileItemTitleLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.fileItemSubtitleFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fileItemSubtitleFontSize}: ${bodyXS.fontSize};
+                ${tokens.fileItemSubtitleFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fileItemSubtitleFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.fileItemSubtitleLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.fileItemSubtitleLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.fileThumbSize}: 1.75rem;
+                ${tokens.fileThumbRadius}: 0.25rem;
+
+                ${tokens.imageContentBorderRadius}: 0.625rem;
+            `,
+            xs: css`
+                ${tokens.bubblePadding}: 0.563rem 0.625rem;
+                ${tokens.bubbleBorderRadius}: 0.5rem;
+                ${tokens.bubbleGap}: 0.625rem;
+
+                ${tokens.textAreaHeight}: 1.125rem;
+                ${tokens.textAreaMinHeight}: 1.125rem;
+
+                ${tokens.scrollbarWidth}: 0.188rem;
+                ${tokens.scrollbarBorderWidth}: 0.063rem;
+
+                ${tokens.textFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.textFontSize}: ${bodyXS.fontSize};
+                ${tokens.textFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.textFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.textLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.textLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.actionsGap}: 0.5rem;
+                ${tokens.actionsEditingGap}: 0.125rem;
+                ${tokens.actionsMarginTop}: 0.625rem;
+
+                ${tokens.attachmentMaxWidth}: 10rem;
+
+                ${tokens.fileContentBorderRadius}: 0.5rem;
+                ${tokens.fileContentPadding}: 0.188rem 0.25rem;
+                ${tokens.fileContentGap}: 0.25rem;
+                ${tokens.fileContentMarginBottom}: 0.25rem;
+
+                ${tokens.fileItemHeight}: 1.875rem;
+                ${tokens.fileItemGap}: 0.375rem;
+                ${tokens.fileItemTextboxGap}: 0.125rem;
+
+                ${tokens.fileItemTitleFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fileItemTitleFontSize}: ${bodyXS.fontSize};
+                ${tokens.fileItemTitleFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fileItemTitleFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.fileItemTitleLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.fileItemTitleLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.fileItemSubtitleFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.fileItemSubtitleFontSize}: ${bodyXS.fontSize};
+                ${tokens.fileItemSubtitleFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.fileItemSubtitleFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.fileItemSubtitleLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.fileItemSubtitleLineHeight}: ${bodyXS.lineHeight};
+
+                ${tokens.fileThumbSize}: 1.75rem;
+                ${tokens.fileThumbRadius}: 0.25rem;
+
+                ${tokens.imageContentBorderRadius}: 0.5rem;
+            `
+        },
+        attachmentsView: {
+            default: css`
+                ${tokens.fileContentBackgroundColor}: ${surfaceSolidCard};
+                ${tokens.imageBorderColor}: ${surfaceSolidCard};
+            `,
+            secondary: css`
+                ${tokens.fileContentBackgroundColor}: ${surfaceSolidSecondary};
+                ${tokens.imageBorderColor}: ${surfaceSolidSecondary};
+            `
+        }
+    }
+};

package/dist/ai/emotion/es/components/_ai/UserMessage/UserMessage.js

@@ -0,0 +1,4 @@
+import { component, mergeConfig, userMessageConfig } from '@salutejs/plasma-new-hope/emotion';
+import { config } from './UserMessage.config';
+export const userMessageMergedConfig = mergeConfig(userMessageConfig, config);
+export const UserMessage = component(userMessageMergedConfig);

package/dist/ai/emotion/es/components/_ai/UserMessage/index.js

@@ -0,0 +1 @@
+export * from './UserMessage';

package/dist/ai/emotion/es/index.js

@@ -0,0 +1,6 @@
+export * from './components/_ai/Answer';
+export * from './components/_ai/Container';
+export * from './components/_ai/Header';
+export * from './components/_ai/Input';
+export * from './components/_ai/Markdown';
+export * from './components/_ai/UserMessage';

package/dist/ai/styled-components/cjs/components/_ai/Answer/Answer.config.js

@@ -0,0 +1,258 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
+const config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.answerTokens.titleColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.answerTokens.textContentColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.answerTokens.loadingTitleColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.answerTokens.spinnerColor}: ${_sdds_serv.surfaceSolidDefault};
+                ${_styledcomponents.answerTokens.errorContainerBackgroundColor}: ${_sdds_serv.surfaceTransparentNegative};
+                ${_styledcomponents.answerTokens.errorTitleColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.answerTokens.errorTextContentColor}: ${_sdds_serv.textPrimary};
+            `
+        },
+        size: {
+            xl: (0, _styledcomponents.css)`
+                ${_styledcomponents.answerTokens.titleContentGap}: 1.875rem;
+                ${_styledcomponents.answerTokens.contentFooterGap}: 1.25rem;
+
+                ${_styledcomponents.answerTokens.titleFontFamily}: ${_sdds_serv.h3.fontFamily};
+                ${_styledcomponents.answerTokens.titleFontSize}: ${_sdds_serv.h3.fontSize};
+                ${_styledcomponents.answerTokens.titleFontStyle}: ${_sdds_serv.h3.fontStyle};
+                ${_styledcomponents.answerTokens.titleFontWeight}: ${_sdds_serv.h3.fontWeight};
+                ${_styledcomponents.answerTokens.titleLetterSpacing}: ${_sdds_serv.h3.letterSpacing};
+                ${_styledcomponents.answerTokens.titleLineHeight}: ${_sdds_serv.h3.lineHeight};
+
+                ${_styledcomponents.answerTokens.textContentFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.answerTokens.textContentFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.answerTokens.textContentFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.answerTokens.textContentFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.answerTokens.textContentLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.answerTokens.textContentLineHeight}: ${_sdds_serv.bodyL.lineHeight};
+
+                ${_styledcomponents.answerTokens.loadingTitleFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.answerTokens.loadingTitleFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.answerTokens.loadingTitleFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.answerTokens.loadingTitleFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.answerTokens.loadingTitleLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.answerTokens.loadingTitleLineHeight}: ${_sdds_serv.bodyL.lineHeight};
+
+                ${_styledcomponents.answerTokens.spinnerSize}: 1.5rem;
+
+                ${_styledcomponents.answerTokens.errorContainerBorderRadius}: 0.875rem;
+                ${_styledcomponents.answerTokens.errorContainerPadding}: 1.5rem 1.875rem;
+                ${_styledcomponents.answerTokens.errorContainerGap}: 0.25rem;
+
+                ${_styledcomponents.answerTokens.errorTitleFontFamily}: ${_sdds_serv.bodyLBold.fontFamily};
+                ${_styledcomponents.answerTokens.errorTitleFontSize}: ${_sdds_serv.bodyLBold.fontSize};
+                ${_styledcomponents.answerTokens.errorTitleFontStyle}: ${_sdds_serv.bodyLBold.fontStyle};
+                ${_styledcomponents.answerTokens.errorTitleFontWeight}: ${_sdds_serv.bodyLBold.fontWeight};
+                ${_styledcomponents.answerTokens.errorTitleLetterSpacing}: ${_sdds_serv.bodyLBold.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTitleLineHeight}: ${_sdds_serv.bodyLBold.lineHeight};
+
+                ${_styledcomponents.answerTokens.errorTextContentFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.answerTokens.errorTextContentFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.answerTokens.errorTextContentFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.answerTokens.errorTextContentFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.answerTokens.errorTextContentLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTextContentLineHeight}: ${_sdds_serv.bodyL.lineHeight};
+            `,
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.answerTokens.titleContentGap}: 1.625rem;
+                ${_styledcomponents.answerTokens.contentFooterGap}: 1rem;
+
+                ${_styledcomponents.answerTokens.titleFontFamily}: ${_sdds_serv.h3.fontFamily};
+                ${_styledcomponents.answerTokens.titleFontSize}: ${_sdds_serv.h3.fontSize};
+                ${_styledcomponents.answerTokens.titleFontStyle}: ${_sdds_serv.h3.fontStyle};
+                ${_styledcomponents.answerTokens.titleFontWeight}: ${_sdds_serv.h3.fontWeight};
+                ${_styledcomponents.answerTokens.titleLetterSpacing}: ${_sdds_serv.h3.letterSpacing};
+                ${_styledcomponents.answerTokens.titleLineHeight}: ${_sdds_serv.h3.lineHeight};
+
+                ${_styledcomponents.answerTokens.textContentFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.answerTokens.textContentFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.answerTokens.textContentFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.answerTokens.textContentFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.answerTokens.textContentLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.answerTokens.textContentLineHeight}: ${_sdds_serv.bodyL.lineHeight};
+
+                ${_styledcomponents.answerTokens.loadingTitleFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.answerTokens.loadingTitleFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.answerTokens.loadingTitleFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.answerTokens.loadingTitleFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.answerTokens.loadingTitleLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.answerTokens.loadingTitleLineHeight}: ${_sdds_serv.bodyL.lineHeight};
+
+                ${_styledcomponents.answerTokens.spinnerSize}: 1.5rem;
+
+                ${_styledcomponents.answerTokens.errorContainerBorderRadius}: 0.875rem;
+                ${_styledcomponents.answerTokens.errorContainerPadding}: 1.5rem 1.875rem;
+                ${_styledcomponents.answerTokens.errorContainerGap}: 0.25rem;
+
+                ${_styledcomponents.answerTokens.errorTitleFontFamily}: ${_sdds_serv.bodyLBold.fontFamily};
+                ${_styledcomponents.answerTokens.errorTitleFontSize}: ${_sdds_serv.bodyLBold.fontSize};
+                ${_styledcomponents.answerTokens.errorTitleFontStyle}: ${_sdds_serv.bodyLBold.fontStyle};
+                ${_styledcomponents.answerTokens.errorTitleFontWeight}: ${_sdds_serv.bodyLBold.fontWeight};
+                ${_styledcomponents.answerTokens.errorTitleLetterSpacing}: ${_sdds_serv.bodyLBold.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTitleLineHeight}: ${_sdds_serv.bodyLBold.lineHeight};
+
+                ${_styledcomponents.answerTokens.errorTextContentFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.answerTokens.errorTextContentFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.answerTokens.errorTextContentFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.answerTokens.errorTextContentFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.answerTokens.errorTextContentLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTextContentLineHeight}: ${_sdds_serv.bodyL.lineHeight};
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.answerTokens.titleContentGap}: 1.375rem;
+                ${_styledcomponents.answerTokens.contentFooterGap}: 0.75rem;
+
+                ${_styledcomponents.answerTokens.titleFontFamily}: ${_sdds_serv.h4.fontFamily};
+                ${_styledcomponents.answerTokens.titleFontSize}: ${_sdds_serv.h4.fontSize};
+                ${_styledcomponents.answerTokens.titleFontStyle}: ${_sdds_serv.h4.fontStyle};
+                ${_styledcomponents.answerTokens.titleFontWeight}: ${_sdds_serv.h4.fontWeight};
+                ${_styledcomponents.answerTokens.titleLetterSpacing}: ${_sdds_serv.h4.letterSpacing};
+                ${_styledcomponents.answerTokens.titleLineHeight}: ${_sdds_serv.h4.lineHeight};
+
+                ${_styledcomponents.answerTokens.textContentFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.answerTokens.textContentFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.answerTokens.textContentFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.answerTokens.textContentFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.answerTokens.textContentLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.answerTokens.textContentLineHeight}: ${_sdds_serv.bodyM.lineHeight};
+
+                ${_styledcomponents.answerTokens.loadingTitleFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.answerTokens.loadingTitleFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.answerTokens.loadingTitleFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.answerTokens.loadingTitleFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.answerTokens.loadingTitleLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.answerTokens.loadingTitleLineHeight}: ${_sdds_serv.bodyM.lineHeight};
+
+                ${_styledcomponents.answerTokens.spinnerSize}: 1.5rem;
+
+                ${_styledcomponents.answerTokens.errorContainerBorderRadius}: 0.75rem;
+                ${_styledcomponents.answerTokens.errorContainerPadding}: 1.25rem 1.5rem;
+                ${_styledcomponents.answerTokens.errorContainerGap}: 0.125rem;
+
+                ${_styledcomponents.answerTokens.errorTitleFontFamily}: ${_sdds_serv.bodyMBold.fontFamily};
+                ${_styledcomponents.answerTokens.errorTitleFontSize}: ${_sdds_serv.bodyMBold.fontSize};
+                ${_styledcomponents.answerTokens.errorTitleFontStyle}: ${_sdds_serv.bodyMBold.fontStyle};
+                ${_styledcomponents.answerTokens.errorTitleFontWeight}: ${_sdds_serv.bodyMBold.fontWeight};
+                ${_styledcomponents.answerTokens.errorTitleLetterSpacing}: ${_sdds_serv.bodyMBold.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTitleLineHeight}: ${_sdds_serv.bodyMBold.lineHeight};
+
+                ${_styledcomponents.answerTokens.errorTextContentFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.answerTokens.errorTextContentFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.answerTokens.errorTextContentFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.answerTokens.errorTextContentFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.answerTokens.errorTextContentLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTextContentLineHeight}: ${_sdds_serv.bodyM.lineHeight};
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.answerTokens.titleContentGap}: 1.25rem;
+                ${_styledcomponents.answerTokens.contentFooterGap}: 0.625rem;
+
+                ${_styledcomponents.answerTokens.titleFontFamily}: ${_sdds_serv.h5.fontFamily};
+                ${_styledcomponents.answerTokens.titleFontSize}: ${_sdds_serv.h5.fontSize};
+                ${_styledcomponents.answerTokens.titleFontStyle}: ${_sdds_serv.h5.fontStyle};
+                ${_styledcomponents.answerTokens.titleFontWeight}: ${_sdds_serv.h5.fontWeight};
+                ${_styledcomponents.answerTokens.titleLetterSpacing}: ${_sdds_serv.h5.letterSpacing};
+                ${_styledcomponents.answerTokens.titleLineHeight}: ${_sdds_serv.h5.lineHeight};
+
+                ${_styledcomponents.answerTokens.textContentFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.answerTokens.textContentFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.answerTokens.textContentFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.answerTokens.textContentFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.answerTokens.textContentLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.answerTokens.textContentLineHeight}: ${_sdds_serv.bodyS.lineHeight};
+
+                ${_styledcomponents.answerTokens.loadingTitleFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.answerTokens.loadingTitleFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.answerTokens.loadingTitleFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.answerTokens.loadingTitleFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.answerTokens.loadingTitleLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.answerTokens.loadingTitleLineHeight}: ${_sdds_serv.bodyS.lineHeight};
+
+                ${_styledcomponents.answerTokens.spinnerSize}: 1.5rem;
+
+                ${_styledcomponents.answerTokens.errorContainerBorderRadius}: 0.625rem;
+                ${_styledcomponents.answerTokens.errorContainerPadding}: 1rem 1.25rem;
+                ${_styledcomponents.answerTokens.errorContainerGap}: 0.125rem;
+
+                ${_styledcomponents.answerTokens.errorTitleFontFamily}: ${_sdds_serv.bodySBold.fontFamily};
+                ${_styledcomponents.answerTokens.errorTitleFontSize}: ${_sdds_serv.bodySBold.fontSize};
+                ${_styledcomponents.answerTokens.errorTitleFontStyle}: ${_sdds_serv.bodySBold.fontStyle};
+                ${_styledcomponents.answerTokens.errorTitleFontWeight}: ${_sdds_serv.bodySBold.fontWeight};
+                ${_styledcomponents.answerTokens.errorTitleLetterSpacing}: ${_sdds_serv.bodySBold.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTitleLineHeight}: ${_sdds_serv.bodySBold.lineHeight};
+
+                ${_styledcomponents.answerTokens.errorTextContentFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.answerTokens.errorTextContentFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.answerTokens.errorTextContentFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.answerTokens.errorTextContentFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.answerTokens.errorTextContentLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTextContentLineHeight}: ${_sdds_serv.bodyS.lineHeight};
+            `,
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.answerTokens.titleContentGap}: 1.125rem;
+                ${_styledcomponents.answerTokens.contentFooterGap}: 0.5rem;
+
+                ${_styledcomponents.answerTokens.titleFontFamily}: ${_sdds_serv.h5.fontFamily};
+                ${_styledcomponents.answerTokens.titleFontSize}: ${_sdds_serv.h5.fontSize};
+                ${_styledcomponents.answerTokens.titleFontStyle}: ${_sdds_serv.h5.fontStyle};
+                ${_styledcomponents.answerTokens.titleFontWeight}: ${_sdds_serv.h5.fontWeight};
+                ${_styledcomponents.answerTokens.titleLetterSpacing}: ${_sdds_serv.h5.letterSpacing};
+                ${_styledcomponents.answerTokens.titleLineHeight}: ${_sdds_serv.h5.lineHeight};
+
+                ${_styledcomponents.answerTokens.textContentFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.answerTokens.textContentFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.answerTokens.textContentFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.answerTokens.textContentFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.answerTokens.textContentLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.answerTokens.textContentLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
+
+                ${_styledcomponents.answerTokens.loadingTitleFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.answerTokens.loadingTitleFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.answerTokens.loadingTitleFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.answerTokens.loadingTitleFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.answerTokens.loadingTitleLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.answerTokens.loadingTitleLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
+
+                ${_styledcomponents.answerTokens.spinnerSize}: 1rem;
+
+                ${_styledcomponents.answerTokens.errorContainerBorderRadius}: 0.5rem;
+                ${_styledcomponents.answerTokens.errorContainerPadding}: 0.75rem 1rem;
+                ${_styledcomponents.answerTokens.errorContainerGap}: 0.125rem;
+
+                ${_styledcomponents.answerTokens.errorTitleFontFamily}: ${_sdds_serv.bodyXSBold.fontFamily};
+                ${_styledcomponents.answerTokens.errorTitleFontSize}: ${_sdds_serv.bodyXSBold.fontSize};
+                ${_styledcomponents.answerTokens.errorTitleFontStyle}: ${_sdds_serv.bodyXSBold.fontStyle};
+                ${_styledcomponents.answerTokens.errorTitleFontWeight}: ${_sdds_serv.bodyXSBold.fontWeight};
+                ${_styledcomponents.answerTokens.errorTitleLetterSpacing}: ${_sdds_serv.bodyXSBold.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTitleLineHeight}: ${_sdds_serv.bodyXSBold.lineHeight};
+
+                ${_styledcomponents.answerTokens.errorTextContentFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.answerTokens.errorTextContentFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.answerTokens.errorTextContentFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.answerTokens.errorTextContentFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.answerTokens.errorTextContentLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.answerTokens.errorTextContentLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
+            `
+        }
+    }
+};