npm - @salutejs/sdds-finai - Versions diffs - 0.363.0-dev.0 → 0.364.0-dev.0 - Mend

@salutejs/sdds-finai 0.363.0-dev.0 → 0.364.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (716) hide show

package/dist/css/es/components/Autocomplete/Autocomplete.viewMode.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Autocomplete.viewMode.config.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.viewMode.config.ts"],"sourcesContent":["import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodyXS,\n surfaceAccent,\n surfaceNegative,\n surfacePositive,\n surfaceSolidCard,\n surfaceSolidCardBrightness,\n surfaceTransparentPrimary,\n surfaceTransparentSecondary,\n surfaceTransparentTertiary,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n textWarning,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldClearColor}: ${textPrimary};\n\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n ${tokens.textFieldCaretColor}: ${textAccent};\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n ${tokens.textFieldLabelColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColor}: ${textSecondary};\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColor}: ${surfaceTransparentTertiary};\n ${tokens.textFieldDividerColorHover}: ${textSecondary};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.background}: ${surfaceSolidCard};\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n ${tokens.itemColor}: ${textPrimary};\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n ${tokens.textFieldHintIconColor}: ${textSecondary};\n `,\n positive: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldClearColor}: ${textPositive};\n\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColor}: ${textPositive};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textPositive};\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n ${tokens.textFieldCaretColor}: ${textAccent};\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n ${tokens.textFieldLabelColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColor}: ${textPositive};\n ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColor}: ${surfacePositive};\n ${tokens.textFieldDividerColorHover}: ${surfacePositive};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.background}: ${surfaceSolidCard};\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n ${tokens.itemColor}: ${textPrimary};\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n ${tokens.textFieldHintIconColor}: ${textSecondary};\n `,\n warning: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldClearColor}: ${textWarning};\n\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColor}: ${textWarning};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textWarning};\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n ${tokens.textFieldCaretColor}: ${textAccent};\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n ${tokens.textFieldLabelColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColor}: ${textWarning};\n ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColor}: ${surfaceWarning};\n ${tokens.textFieldDividerColorHover}: ${surfaceWarning};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.background}: ${surfaceSolidCard};\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n ${tokens.itemColor}: ${textPrimary};\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n ${tokens.textFieldHintIconColor}: ${textSecondary};\n `,\n negative: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldClearColor}: ${textNegative};\n\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColor}: ${textNegative};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textNegative};\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n ${tokens.textFieldCaretColor}: ${textAccent};\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n ${tokens.textFieldLabelColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColor}: ${textNegative};\n ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColor}: ${surfaceNegative};\n ${tokens.textFieldDividerColorHover}: ${surfaceNegative};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.background}: ${surfaceSolidCard};\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n ${tokens.itemColor}: ${textPrimary};\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n ${tokens.textFieldHintIconColor}: ${textSecondary};\n `,\n },\n size: {\n s: css`\n ${tokens.textFieldHeight}: 1.75rem;\n ${tokens.textFieldPadding}: 0.25rem 0;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0;\n ${tokens.textFieldRightContentMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem 0 -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldBorderWidth}: 0.125rem;\n ${tokens.textFieldLabelOffset}: 0.25rem;\n ${tokens.textFieldClearLabelOffset}: 0.25rem;\n ${tokens.textFieldLabelFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldLabelFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldLabelFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.125rem;\n ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.6875rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.itemFontFamily}: ${bodyS.fontFamily};\n ${tokens.itemFontSize}: ${bodyS.fontSize};\n ${tokens.itemFontStyle}: ${bodyS.fontStyle};\n ${tokens.itemFontWeight}: ${bodyS.fontWeight};\n ${tokens.itemFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.itemFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.emptyStatePadding}: 1.375rem 0.625rem 0.625rem 0.625rem;\n ${tokens.emptyStateGap}: 0.25rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.25rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 1.25rem;\n ${tokens.textFieldPadding}: 0.125rem 0;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.688rem 0 -0.688rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldBorderWidth}: 0.125rem;\n ${tokens.textFieldLabelOffset}: 0.25rem;\n ${tokens.textFieldClearLabelOffset}: 0.25rem;\n ${tokens.textFieldLabelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldLabelFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldLabelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.125rem;\n ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.5625rem 0.5rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.itemFontFamily}: ${bodyXS.fontFamily};\n ${tokens.itemFontSize}: ${bodyXS.fontSize};\n ${tokens.itemFontStyle}: ${bodyXS.fontStyle};\n ${tokens.itemFontWeight}: ${bodyXS.fontWeight};\n ${tokens.itemFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.itemFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.emptyStatePadding}: 1rem 0.5rem 0.5rem 0.5rem;\n ${tokens.emptyStateGap}: 0.25rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1rem;\n ${tokens.infiniteLoaderGap}: 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldLabelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldLabelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldLabelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldLabelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLabelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLabelInnerLineHeight}: ${bodyXS.lineHeight};\n `,\n outer: css``,\n },\n hintView: {\n default: css`\n ${tokens.textFieldTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.textFieldTooltipColor}: ${textPrimary};\n ${tokens.textFieldTooltipArrowBackground}: ${surfaceSolidCard};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldTooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldTooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldTooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldTooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldTooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldTooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 1;\n ${tokens.textFieldColor}: ${textSecondary};\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n ${tokens.textFieldContentSlotRightColorHover}: ${textSecondary};\n ${tokens.textFieldContentSlotRightColorActive}: ${textSecondary};\n `,\n },\n readOnly: {\n true: css`\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 1;\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};\n ${tokens.textFieldLabelColorReadOnly}: ${textSecondary};\n ${tokens.textFieldDividerColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldContentSlotColor}: ${textPrimary};\n ${tokens.textFieldContentSlotRightColor}: ${textPrimary};\n ${tokens.textFieldBorderColorReadOnly}: transparent;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","s","xs","inner","outer","hintView","hintSize","m","disabled","true","readOnly"],"mappings":"AAwBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UA4CN;AACDC,MAAAA,QAAQ,EAAA,UA6CP;AACDC,MAAAA,OAAO,EAAA,SA6CN;AACDC,MAAAA,QAAQ,EAAA;KA8CX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,UA2EA;AACDC,MAAAA,EAAE,EAAA;KA4EL;AACDP,IAAAA,cAAc,EAAE;AACZQ,MAAAA,KAAK,EAAA,SAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNR,SAAAA,EAAO;KAMV;AACDS,IAAAA,QAAQ,EAAE;AACNC,MAAAA,CAAC,EAAA,UAuBA;AACDN,MAAAA,CAAC,EAAA;KAwBJ;AACDO,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KASP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAaR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Autocomplete.viewMode.config.js","sources":["../../../../../src-css/components/Autocomplete/Autocomplete.viewMode.config.ts"],"sourcesContent":["import { css, autocompleteTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodyXS,\n surfaceAccent,\n surfaceNegative,\n surfacePositive,\n surfaceSolidCard,\n surfaceSolidCardBrightness,\n surfaceTransparentPrimary,\n surfaceTransparentSecondary,\n surfaceTransparentTertiary,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n textWarning,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n labelPlacement: 'outer',\n },\n variations: {\n view: {\n default: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldClearColor}: ${textPrimary};\n\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textTertiary};\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n ${tokens.textFieldCaretColor}: ${textAccent};\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n ${tokens.textFieldLabelColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColor}: ${textSecondary};\n ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColor}: ${surfaceTransparentTertiary};\n ${tokens.textFieldDividerColorHover}: ${textSecondary};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.background}: ${surfaceSolidCard};\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n ${tokens.itemColor}: ${textPrimary};\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n ${tokens.textFieldHintIconColor}: ${textSecondary};\n `,\n positive: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldClearColor}: ${textPositive};\n\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColor}: ${textPositive};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textPositive};\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n ${tokens.textFieldCaretColor}: ${textAccent};\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n ${tokens.textFieldLabelColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColor}: ${textPositive};\n ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColor}: ${surfacePositive};\n ${tokens.textFieldDividerColorHover}: ${surfacePositive};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.background}: ${surfaceSolidCard};\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n ${tokens.itemColor}: ${textPrimary};\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n ${tokens.textFieldHintIconColor}: ${textSecondary};\n `,\n warning: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldClearColor}: ${textWarning};\n\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColor}: ${textWarning};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textWarning};\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n ${tokens.textFieldCaretColor}: ${textAccent};\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n ${tokens.textFieldLabelColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColor}: ${textWarning};\n ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColor}: ${surfaceWarning};\n ${tokens.textFieldDividerColorHover}: ${surfaceWarning};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.background}: ${surfaceSolidCard};\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n ${tokens.itemColor}: ${textPrimary};\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n ${tokens.textFieldHintIconColor}: ${textSecondary};\n `,\n negative: css`\n ${tokens.textFieldColor}: ${textPrimary};\n ${tokens.textFieldClearColor}: ${textNegative};\n\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldPlaceholderColorFocus}: ${textTertiary};\n ${tokens.textFieldClearPlaceholderColor}: ${textNegative};\n ${tokens.textFieldClearPlaceholderColorFocus}: ${textNegative};\n\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldBorderColorHover}: transparent;\n ${tokens.textFieldBorderColorFocus}: transparent;\n ${tokens.textFieldCaretColor}: ${textAccent};\n ${tokens.textFieldTextBeforeColor}: ${textTertiary};\n ${tokens.textFieldTextAfterColor}: ${textTertiary};\n ${tokens.textFieldLabelColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColor}: ${textNegative};\n ${tokens.textFieldTitleCaptionColor}: ${textSecondary};\n ${tokens.textFieldLeftHelperColorFocus}: ${textSecondary};\n ${tokens.textFieldFocusColor}: ${textAccent};\n\n ${tokens.textFieldContentSlotColor}: ${textSecondary};\n ${tokens.textFieldContentSlotColorHover}: ${textSecondaryHover};\n ${tokens.textFieldContentSlotColorActive}: ${textSecondaryActive};\n\n ${tokens.focusColor}: ${surfaceAccent};\n ${tokens.textFieldIndicatorColor}: ${surfaceNegative};\n ${tokens.textFieldOptionalColor}: ${textTertiary};\n\n ${tokens.textFieldDividerColor}: ${surfaceNegative};\n ${tokens.textFieldDividerColorHover}: ${surfaceNegative};\n ${tokens.textFieldDividerColorFocus}: ${surfaceAccent};\n\n ${tokens.background}: ${surfaceSolidCard};\n ${tokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n ${tokens.itemBackground}: transparent;\n ${tokens.itemBackgroundHover}: ${surfaceTransparentSecondary};\n ${tokens.itemColor}: ${textPrimary};\n\n ${tokens.textFieldContentSlotColor}: ${tokens.textFieldColor};\n ${tokens.textFieldContentSlotRightColor}: ${tokens.textFieldColor};\n ${tokens.infiniteLoaderSpinnerColor}: ${textPrimary};\n\n ${tokens.textFieldHintIconColor}: ${textSecondary};\n `,\n },\n size: {\n s: css`\n ${tokens.textFieldHeight}: 1.75rem;\n ${tokens.textFieldPadding}: 0.25rem 0;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0;\n ${tokens.textFieldRightContentMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.1875rem 0 -0.1875rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.438rem 0 -0.438rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldBorderWidth}: 0.125rem;\n ${tokens.textFieldLabelOffset}: 0.25rem;\n ${tokens.textFieldClearLabelOffset}: 0.25rem;\n ${tokens.textFieldLabelFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldLabelFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldLabelFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldLabelFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldLabelLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldLabelLineHeight}: ${bodyS.lineHeight};\n ${tokens.textFieldTitleCaptionMargin}: 0.1875rem;\n ${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldHintMargin}: -0.688rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.125rem;\n ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.6875rem 0.75rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.itemFontFamily}: ${bodyS.fontFamily};\n ${tokens.itemFontSize}: ${bodyS.fontSize};\n ${tokens.itemFontStyle}: ${bodyS.fontStyle};\n ${tokens.itemFontWeight}: ${bodyS.fontWeight};\n ${tokens.itemFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.itemFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.emptyStatePadding}: 1.375rem 0.625rem 0.625rem 0.625rem;\n ${tokens.emptyStateGap}: 0.25rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1.5rem;\n ${tokens.infiniteLoaderGap}: 0.25rem;\n `,\n xs: css`\n ${tokens.textFieldHeight}: 1.25rem;\n ${tokens.textFieldPadding}: 0.125rem 0;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldRightContentWithHintMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n\n ${tokens.textFieldContentRightWrapperGap}: 0.25rem;\n ${tokens.textFieldContentRightWrapperMargin}: -0.688rem 0 -0.688rem 0;\n\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.textFieldFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldBorderWidth}: 0.125rem;\n ${tokens.textFieldLabelOffset}: 0.25rem;\n ${tokens.textFieldClearLabelOffset}: 0.25rem;\n ${tokens.textFieldLabelFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldLabelFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldLabelFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldLabelFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLabelLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLabelLineHeight}: ${bodyXS.lineHeight};\n ${tokens.textFieldTitleCaptionMargin}: 0;\n ${tokens.textFieldTitleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldTitleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldTitleCaptionFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldTitleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldTitleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldTitleCaptionLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${tokens.textFieldHintTargetSize}: 2.375rem;\n ${tokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n ${tokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;\n\n ${tokens.textFieldLeftHelperOffset}: 0.125rem;\n ${tokens.textFieldLeftHelperFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldLeftHelperFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldLeftHelperFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldLeftHelperFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLeftHelperLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLeftHelperLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;\n ${tokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n\n ${tokens.textFieldIndicatorSizeInner}: 0.375rem;\n ${tokens.textFieldIndicatorSizeOuter}: 0.375rem;\n ${tokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;\n ${tokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${tokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${tokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n ${tokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;\n ${tokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;\n ${tokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;\n\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.padding}: 0.125rem;\n ${tokens.itemPadding}: 0.5625rem 0.5rem;\n ${tokens.itemBorderRadius}: 0.5rem;\n\n ${tokens.itemFontFamily}: ${bodyXS.fontFamily};\n ${tokens.itemFontSize}: ${bodyXS.fontSize};\n ${tokens.itemFontStyle}: ${bodyXS.fontStyle};\n ${tokens.itemFontWeight}: ${bodyXS.fontWeight};\n ${tokens.itemFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.itemFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.emptyStatePadding}: 1rem 0.5rem 0.5rem 0.5rem;\n ${tokens.emptyStateGap}: 0.25rem;\n\n ${tokens.infiniteLoaderSpinnerSize}: 1rem;\n ${tokens.infiniteLoaderGap}: 0.25rem;\n `,\n },\n labelPlacement: {\n inner: css`\n ${tokens.textFieldPlaceholderColor}: ${textSecondary};\n ${tokens.textFieldLabelInnerFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldLabelInnerFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldLabelInnerFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldLabelInnerFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldLabelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldLabelInnerLineHeight}: ${bodyXS.lineHeight};\n `,\n outer: css``,\n },\n hintView: {\n default: css`\n ${tokens.textFieldTooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${tokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.textFieldTooltipColor}: ${textPrimary};\n ${tokens.textFieldTooltipArrowBackground}: ${surfaceSolidCard};\n `,\n },\n hintSize: {\n m: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.875rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.6875rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.875rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2.5rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.625rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFieldTooltipTextFontSize}: ${bodyS.fontSize};\n ${tokens.textFieldTooltipTextFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFieldTooltipTextFontWeight}: ${bodyS.fontWeight};\n ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1.25rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.textFieldTooltipArrowHeight}: 0.5rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.textFieldTooltipPaddingTop}: 0.5rem;\n ${tokens.textFieldTooltipPaddingRight}: 0.75rem;\n ${tokens.textFieldTooltipPaddingBottom}: 0.5rem;\n ${tokens.textFieldTooltipPaddingLeft}: 0.75rem;\n\n ${tokens.textFieldTooltipMinHeight}: 2rem;\n ${tokens.textFieldTooltipBorderRadius}: 0.5rem;\n\n ${tokens.textFieldTooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFieldTooltipTextFontSize}: ${bodyXS.fontSize};\n ${tokens.textFieldTooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFieldTooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textFieldTooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textFieldTooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.textFieldTooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.textFieldTooltipArrowMaskWidth}: 1rem;\n ${tokens.textFieldTooltipArrowMaskHeight}: 1rem;\n ${tokens.textFieldTooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.textFieldTooltipArrowHeight}: 0.375rem;\n ${tokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.textFieldDisabledOpacity}: 1;\n ${tokens.textFieldColor}: ${textSecondary};\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldBorderColor}: transparent;\n ${tokens.textFieldContentSlotRightColor}: ${textSecondary};\n ${tokens.textFieldContentSlotRightColorHover}: ${textSecondary};\n ${tokens.textFieldContentSlotRightColorActive}: ${textSecondary};\n `,\n },\n readOnly: {\n true: css`\n ${tokens.textFieldColorReadOnly}: ${textPrimary};\n ${tokens.textFieldContentSlotRightOpacityReadOnly}: 1;\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldBackgroundColor}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: ${textSecondary};\n ${tokens.textFieldLeftHelperColorReadOnly}: ${textSecondary};\n ${tokens.textFieldTitleCaptionColorReadOnly}: ${textSecondary};\n ${tokens.textFieldLabelColorReadOnly}: ${textSecondary};\n ${tokens.textFieldDividerColorReadOnly}: ${surfaceTransparentPrimary};\n ${tokens.textFieldContentSlotColor}: ${textPrimary};\n ${tokens.textFieldContentSlotRightColor}: ${textPrimary};\n ${tokens.textFieldBorderColorReadOnly}: transparent;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","s","xs","inner","outer","hintView","hintSize","m","disabled","true","readOnly"],"mappings":"AAwBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UA6CN;AACDC,MAAAA,QAAQ,EAAA,UA8CP;AACDC,MAAAA,OAAO,EAAA,SA8CN;AACDC,MAAAA,QAAQ,EAAA;KA+CX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,UAkFA;AACDC,MAAAA,EAAE,EAAA;KAmFL;AACDP,IAAAA,cAAc,EAAE;AACZQ,MAAAA,KAAK,EAAA,SAQJ;AACDC,MAAAA,KAAK,EAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNR,SAAAA,EAAO;KAMV;AACDS,IAAAA,QAAQ,EAAE;AACNC,MAAAA,CAAC,EAAA,UAuBA;AACDN,MAAAA,CAAC,EAAA;KAwBJ;AACDO,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KASP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAcR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Autocomplete/{Autocomplete.viewMode.config_gjx0y5.css → Autocomplete.viewMode.config_iq1096.css} RENAMED Viewed

@@ -1,13 +1,13 @@
-.d1q4bqdt{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-border-color-hover:transparent;--plasma-autocomplete-textfield-border-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-autocomplete-textfield-divider-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
-.p1ttsmji{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-border-color-hover:transparent;--plasma-autocomplete-textfield-border-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-positive,#1A9E32);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-positive,#1A9E32);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
-.w3634sd{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-border-color-hover:transparent;--plasma-autocomplete-textfield-border-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-warning,#FA5F05);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-warning,#FA5F05);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
-.n1vi7zj3{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-border-color-hover:transparent;--plasma-autocomplete-textfield-border-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
-.s1q8mut7{--plasma-autocomplete-textfield-height:1.75rem;--plasma-autocomplete-textfield-padding:0.25rem 0;--plasma-autocomplete-textfield-border-radius:0.625rem;--plasma-autocomplete-textfield-left-content-margin:-0.1875rem 0.25rem -0.1875rem 0;--plasma-autocomplete-textfield-right-content-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.438rem 0 -0.438rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield-border-width:0.125rem;--plasma-autocomplete-textfield-label-offset:0.25rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield__hint-margin:-0.688rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-autocomplete-textfield-left-helper-offset:0.125rem;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.375rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0 0 0 0;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0 0 auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:1.063rem auto auto -0.75rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;--plasma-autocomplete-border-radius:0.625rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.6875rem 0.75rem;--plasma-autocomplete-item-border-radius:0.5rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-empty-state-padding:1.375rem 0.625rem 0.625rem 0.625rem;--plasma-autocomplete-empty-state-gap:0.25rem;--plasma-autocomplete-infinite-loader-spinner-size:1.5rem;--plasma-autocomplete-infinite-loader-gap:0.25rem;}
-.xwkx75c{--plasma-autocomplete-textfield-height:1.25rem;--plasma-autocomplete-textfield-padding:0.125rem 0;--plasma-autocomplete-textfield-border-radius:0.5rem;--plasma-autocomplete-textfield-left-content-margin:-0.0625rem 0.25rem -0.0625rem 0;--plasma-autocomplete-textfield-right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.688rem 0 -0.688rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-border-width:0.125rem;--plasma-autocomplete-textfield-label-offset:0.25rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-autocomplete-textfield-left-helper-offset:0.125rem;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.375rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0 0 0 0;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.25rem auto auto -0.625rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0 0 auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:0.813rem auto auto -0.625rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;--plasma-autocomplete-border-radius:0.5rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.5625rem 0.5rem;--plasma-autocomplete-item-border-radius:0.5rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-empty-state-padding:1rem 0.5rem 0.5rem 0.5rem;--plasma-autocomplete-empty-state-gap:0.25rem;--plasma-autocomplete-infinite-loader-spinner-size:1rem;--plasma-autocomplete-infinite-loader-gap:0.25rem;}
+.d1q4bqdt{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-border-color-hover:transparent;--plasma-autocomplete-textfield-border-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-transparent-tertiary,#D5DFE63D);--plasma-autocomplete-textfield-divider-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
+.p1ttsmji{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-border-color-hover:transparent;--plasma-autocomplete-textfield-border-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-positive,#24B23E);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-positive,#1A9E32);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-positive,#1A9E32);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
+.w3634sd{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-border-color-hover:transparent;--plasma-autocomplete-textfield-border-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-warning,#FF7024);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-warning,#FA5F05);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-warning,#FA5F05);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
+.n1vi7zj3{--plasma-autocomplete-textfield-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-clear-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placeholder-color-focus:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-clear-placeholder-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-clear-placeholder-color-focus:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-background-color-focus:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-border-color-hover:transparent;--plasma-autocomplete-textfield-border-color-focus:transparent;--plasma-autocomplete-textfield-caret-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-before-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-after-text-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-label-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color:var(--text-negative,#FF3D51);--plasma-autocomplete-textfield-title-caption-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-focus:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-focus-color:var(--text-accent,#199AF0);--plasma-autocomplete-textfield-content-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-slot-color-hover:var(--text-secondary-hover,#D6DFE6FF);--plasma-autocomplete-textfield-content-slot-color-active:var(--text-secondary-active,#D6DFE6BE);--plasma-autocomplete-focus-color:var(--surface-accent,#199AF0);--plasma-autocomplete-textfield-indicator-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-optional-color:var(--text-tertiary,#D5DFE64D);--plasma-autocomplete-textfield-divider-color:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-divider-color-hover:var(--surface-negative,#FF293E);--plasma-autocomplete-textfield-divider-color-focus:var(--surface-accent,#199AF0);--plasma-autocomplete-background:var(--surface-solid-card,#060A0C);--plasma-autocomplete-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-autocomplete-item-background:transparent;--plasma-autocomplete-item-background-hover:var(--surface-transparent-secondary,#D5DFE624);--plasma-autocomplete-item-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-textfield-content-right-slot-color:--plasma-autocomplete-textfield-color;--plasma-autocomplete-infinite-loader-spinner-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__hint-icon-color:var(--text-secondary,#D5DFE69E);}
+.s1q8mut7{--plasma-autocomplete-textfield-height:1.75rem;--plasma-autocomplete-textfield-padding:0.25rem 0;--plasma-autocomplete-textfield-border-radius:0.625rem;--plasma-autocomplete-textfield-left-content-margin:-0.1875rem 0.25rem -0.1875rem 0;--plasma-autocomplete-textfield-right-content-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.1875rem 0 -0.1875rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.438rem 0 -0.438rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield-border-width:0.125rem;--plasma-autocomplete-textfield-label-offset:0.25rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield-title-caption-margin:0.1875rem;--plasma-autocomplete-textfield-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield__hint-margin:-0.688rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:0.062rem -2.688rem auto auto;--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset:0.062rem -2.188rem auto auto;--plasma-autocomplete-textfield-left-helper-offset:0.125rem;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.375rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0 0 0 0;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0 0 auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.25rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:1.063rem auto auto -0.75rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:1.063rem -0.75rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:1.063rem -2.238rem auto auto;--plasma-autocomplete-border-radius:0.625rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.6875rem 0.75rem;--plasma-autocomplete-item-border-radius:0.5rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-empty-state-padding:1.375rem 0.625rem 0.625rem 0.625rem;--plasma-autocomplete-empty-state-gap:0.25rem;--plasma-autocomplete-infinite-loader-spinner-size:1.5rem;--plasma-autocomplete-infinite-loader-gap:0.25rem;}
+.xwkx75c{--plasma-autocomplete-textfield-height:1.25rem;--plasma-autocomplete-textfield-padding:0.125rem 0;--plasma-autocomplete-textfield-border-radius:0.5rem;--plasma-autocomplete-textfield-left-content-margin:-0.0625rem 0.25rem -0.0625rem 0;--plasma-autocomplete-textfield-right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-autocomplete-textfield-right-content-with-hint-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-autocomplete-textfield-content-right-wrapper-gap:0.25rem;--plasma-autocomplete-textfield-content-right-wrapper-margin:-0.688rem 0 -0.688rem 0;--plasma-autocomplete-textfield-before-text-margin:0 0.25rem 0 0;--plasma-autocomplete-textfield-after-text-margin:0 0 0 0.25rem;--plasma-autocomplete-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-border-width:0.125rem;--plasma-autocomplete-textfield-label-offset:0.25rem;--plasma-autocomplete-textfield-clear-label-offset:0.25rem;--plasma-autocomplete-textfield-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-title-caption-margin:0;--plasma-autocomplete-textfield-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield__hint-margin:-0.75rem -0.625rem -0.75rem -0.5rem;--plasma-autocomplete-textfield__hint-target-size:2.375rem;--plasma-autocomplete-textfield__hint-inner-label-placement-offset:-0.188rem -2.1875rem auto auto;--plasma-autocomplete-textfield__clear-hint-inner-label-placement-offset:-0.188rem -1.938rem auto auto;--plasma-autocomplete-textfield-left-helper-offset:0.125rem;--plasma-autocomplete-textfield-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield-placement-inner-label-padding:0.3125rem 0 0 0;--plasma-autocomplete-textfield-placement-inner-content-padding:1.0625rem 0 0.3125rem 0;--plasma-autocomplete-textfield-indicator-size-inner:0.375rem;--plasma-autocomplete-textfield-indicator-size-outer:0.375rem;--plasma-autocomplete-textfield-indicator-label-placement-inner:0 0 0 0;--plasma-autocomplete-textfield-indicator-label-placement-outer:0.25rem auto auto -0.625rem;--plasma-autocomplete-textfield-indicator-label-placement-inner-right:0 0 auto auto;--plasma-autocomplete-textfield-indicator-label-placement-outer-right:0.125rem -0.6875rem auto auto;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner:0.813rem auto auto -0.625rem;--plasma-autocomplete-textfield-clear-indicator-label-placement-inner-right:0.813rem -0.625rem auto auto;--plasma-autocomplete-textfield-clear-indicator-hint-placement-inner-right:0.813rem -1.988rem auto auto;--plasma-autocomplete-border-radius:0.5rem;--plasma-autocomplete-padding:0.125rem;--plasma-autocomplete-item-padding:0.5625rem 0.5rem;--plasma-autocomplete-item-border-radius:0.5rem;--plasma-autocomplete-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-item-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-item-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-item-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-empty-state-padding:1rem 0.5rem 0.5rem 0.5rem;--plasma-autocomplete-empty-state-gap:0.25rem;--plasma-autocomplete-infinite-loader-spinner-size:1rem;--plasma-autocomplete-infinite-loader-gap:0.25rem;}
 .i5galqo{--plasma-autocomplete-textfield-placeholder-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-placement-inner-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield-placement-inner-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield-placement-inner-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield-placement-inner-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield-placement-inner-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield-placement-inner-label-line-height:var(--plasma-typo-body-xs-line-height);}
 .da2xhd3{--plasma-autocomplete-textfield__tooltip-background-color:var(--surface-solid-card-brightness,#111C22FF);--plasma-autocomplete-textfield__tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-autocomplete-textfield__tooltip-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield__tooltip-arrow-background:var(--surface-solid-card,#060A0C);}
 .m1od7fbr{--plasma-autocomplete-textfield__tooltip-padding-top:0.6875rem;--plasma-autocomplete-textfield__tooltip-padding-right:0.875rem;--plasma-autocomplete-textfield__tooltip-padding-bottom:0.6875rem;--plasma-autocomplete-textfield__tooltip-padding-left:0.875rem;--plasma-autocomplete-textfield__tooltip-min-height:2.5rem;--plasma-autocomplete-textfield__tooltip-border-radius:0.625rem;--plasma-autocomplete-textfield__tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-autocomplete-textfield__tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-autocomplete-textfield__tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-autocomplete-textfield__tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-autocomplete-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-autocomplete-textfield__tooltip-content-left-margin:0.375rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-width:1.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-height:1.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-autocomplete-textfield__tooltip-arrow-height:0.5rem;--plasma-autocomplete-textfield__tooltip-arrow-edge-margin:0.625rem;}
 .s1uw2jjb{--plasma-autocomplete-textfield__tooltip-padding-top:0.5rem;--plasma-autocomplete-textfield__tooltip-padding-right:0.75rem;--plasma-autocomplete-textfield__tooltip-padding-bottom:0.5rem;--plasma-autocomplete-textfield__tooltip-padding-left:0.75rem;--plasma-autocomplete-textfield__tooltip-min-height:2rem;--plasma-autocomplete-textfield__tooltip-border-radius:0.5rem;--plasma-autocomplete-textfield__tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-autocomplete-textfield__tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-autocomplete-textfield__tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-autocomplete-textfield__tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-autocomplete-textfield__tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-autocomplete-textfield__tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-autocomplete-textfield__tooltip-content-left-margin:0.25rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-width:1rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-height:1rem;--plasma-autocomplete-textfield__tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-autocomplete-textfield__tooltip-arrow-height:0.375rem;--plasma-autocomplete-textfield__tooltip-arrow-edge-margin:0.5625rem;}
 .tu5ohl4{--plasma-autocomplete-textfield-disabled-opacity:1;--plasma-autocomplete-textfield-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-border-color:transparent;--plasma-autocomplete-textfield-content-right-slot-color:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color-hover:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-content-right-slot-color-active:var(--text-secondary,#D5DFE69E);}
-.trwb2kg{--plasma-autocomplete-textfield-color-readonly:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-opacity-readonly:1;--plasma-autocomplete-textfield-bg-color-readonly:transparent;--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-placeholder-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-label-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-divider-color-readonly:var(--surface-transparent-primary,#FFFFFF0F);--plasma-autocomplete-textfield-content-slot-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-border-color-readonly:transparent;}
+.trwb2kg{--plasma-autocomplete-textfield-color-readonly:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-opacity-readonly:1;--plasma-autocomplete-textfield-bg-color-readonly:transparent;--plasma-autocomplete-textfield-background-color:transparent;--plasma-autocomplete-textfield-placeholder-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-left-helper-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-title-caption-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-label-color-readonly:var(--text-secondary,#D5DFE69E);--plasma-autocomplete-textfield-divider-color-readonly:var(--surface-transparent-primary,#FFFFFF0F);--plasma-autocomplete-textfield-content-slot-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-content-right-slot-color:var(--text-primary,#F2F5F8F5);--plasma-autocomplete-textfield-border-color-readonly:transparent;}

package/dist/css/es/components/Avatar/Avatar.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.ts"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodyXXS,\n inverseTextPrimary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceTransparentCard,\n onDarkTextPrimary,\n onLightSurfaceSolidDefault,\n onLightSurfaceTransparentDeep,\n onLightTextPrimary,\n surfaceAccent,\n surfaceClear,\n surfaceNegative,\n surfacePositive,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentAccent,\n surfaceTransparentAccentActive,\n surfaceTransparentNegative,\n surfaceTransparentPositive,\n surfaceTransparentSecondary,\n surfaceTransparentWarning,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: ${textAccent};\n ${tokens.backgroundColor}: ${surfaceTransparentAccentActive};\n ${tokens.statusOnlineColor}: ${surfacePositive};\n ${tokens.statusOfflineColor}: ${surfaceSolidTertiary};\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 5.5rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: ${bodyS.fontFamily};\n ${tokens.badgeFontSize}: ${bodyS.fontSize};\n ${tokens.badgeFontStyle}: ${bodyS.fontStyle};\n ${tokens.badgeFontWeight}: ${bodyS.fontWeight};\n ${tokens.badgeLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.badgeLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: ${bodyS.fontFamily};\n ${tokens.counterFontSize}: ${bodyS.fontSize};\n ${tokens.counterFontStyle}: ${bodyS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyS.lineHeight};\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.badgeFontSize}: ${bodyXXS.fontSize};\n ${tokens.badgeFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.badgeFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.badgeLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.badgeLineHeight}: ${bodyXXS.lineHeight};\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.counterFontSize}: ${bodyXXS.fontSize};\n ${tokens.counterFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyXXS.lineHeight};\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.badgeFontSize}: ${bodyXXS.fontSize};\n ${tokens.badgeFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.badgeFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.badgeLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.badgeLineHeight}: ${bodyXXS.lineHeight};\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.counterFontSize}: ${bodyXXS.fontSize};\n ${tokens.counterFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyXXS.lineHeight};\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.counterFontSize}: ${bodyXXS.fontSize};\n ${tokens.counterFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyXXS.lineHeight};\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n ${tokens.borderRadius}: 50%;\n `,\n },\n focused: {\n true: css`\n ${tokens.outlineSize}: 0.1rem;\n ${tokens.outlineOffset}: -0.2rem;\n ${tokens.outlineColor}: ${surfaceAccent};\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: ${inverseTextPrimary};\n ${tokens.badgeBackground}: ${surfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${textPrimary};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentSecondary};\n\n ${tokens.badgeColorClear}: ${textPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n accent: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceAccent};\n\n ${tokens.badgeColorTransparent}: ${textAccent};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentAccent};\n\n ${tokens.badgeColorClear}: ${textAccent};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n positive: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfacePositive};\n\n ${tokens.badgeColorTransparent}: ${textPositive};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentPositive};\n\n ${tokens.badgeColorClear}: ${textPositive};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n warning: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceWarning};\n\n ${tokens.badgeColorTransparent}: ${textWarning};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentWarning};\n\n ${tokens.badgeColorClear}: ${textWarning};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n negative: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceNegative};\n\n ${tokens.badgeColorTransparent}: ${textNegative};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentNegative};\n\n ${tokens.badgeColorClear}: ${textNegative};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n dark: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${onLightSurfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n ${tokens.badgeColorClear}: ${onLightTextPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n light: css`\n ${tokens.badgeColor}: ${onLightTextPrimary};\n ${tokens.badgeBackground}: ${onDarkSurfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n ${tokens.badgeColorClear}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: ${inverseTextPrimary};\n ${tokens.counterBackground}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceAccent};\n `,\n positive: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfacePositive};\n `,\n warning: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceWarning};\n `,\n negative: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceNegative};\n `,\n dark: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${onLightSurfaceSolidDefault};\n `,\n light: css`\n ${tokens.counterColor}: ${onLightTextPrimary};\n ${tokens.counterBackground}: ${onDarkSurfaceSolidDefault};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","focused","true","circled","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":"AA+BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAAA,UAoCF;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,GAAG,EAAA;KAQN;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAKP;AACDT,IAAAA,KAAK,EAAE;AACHU,MAAAA,OAAO,EAAA;KAKV;AACDC,IAAAA,SAAS,EAAE;AACPT,MAAAA,SAAAA,EAAO,UASN;AACDU,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACThB,MAAAA,SAAAA,EAAO,UAGN;AACDU,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,OAAO,EAAA,SAGN;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,IAAI,EAAA,SAGH;AACDC,MAAAA,KAAK,EAAA;AAIT;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.ts"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodyXXS,\n inverseTextPrimary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceTransparentCard,\n onDarkTextPrimary,\n onLightSurfaceSolidDefault,\n onLightSurfaceTransparentDeep,\n onLightTextPrimary,\n surfaceAccent,\n surfaceClear,\n surfaceNegative,\n surfacePositive,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentAccent,\n surfaceTransparentAccentActive,\n surfaceTransparentNegative,\n surfaceTransparentPositive,\n surfaceTransparentSecondary,\n surfaceTransparentWarning,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: ${textAccent};\n ${tokens.backgroundColor}: ${surfaceTransparentAccentActive};\n ${tokens.statusOnlineColor}: ${surfacePositive};\n ${tokens.statusOfflineColor}: ${surfaceSolidTertiary};\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 5.5rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: ${bodyS.fontFamily};\n ${tokens.badgeFontSize}: ${bodyS.fontSize};\n ${tokens.badgeFontStyle}: ${bodyS.fontStyle};\n ${tokens.badgeFontWeight}: ${bodyS.fontWeight};\n ${tokens.badgeLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.badgeLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: ${bodyS.fontFamily};\n ${tokens.counterFontSize}: ${bodyS.fontSize};\n ${tokens.counterFontStyle}: ${bodyS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyS.lineHeight};\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.badgeFontSize}: ${bodyXXS.fontSize};\n ${tokens.badgeFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.badgeFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.badgeLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.badgeLineHeight}: ${bodyXXS.lineHeight};\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.counterFontSize}: ${bodyXXS.fontSize};\n ${tokens.counterFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyXXS.lineHeight};\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.badgeFontSize}: ${bodyXXS.fontSize};\n ${tokens.badgeFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.badgeFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.badgeLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.badgeLineHeight}: ${bodyXXS.lineHeight};\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.counterFontSize}: ${bodyXXS.fontSize};\n ${tokens.counterFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyXXS.lineHeight};\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: ${bodyXXS.fontFamily};\n ${tokens.counterFontSize}: ${bodyXXS.fontSize};\n ${tokens.counterFontStyle}: ${bodyXXS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyXXS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyXXS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyXXS.lineHeight};\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n ${tokens.borderRadius}: 50%;\n `,\n },\n focused: {\n true: css`\n ${tokens.outlineSize}: 0.1rem;\n ${tokens.outlineOffset}: -0.2rem;\n ${tokens.outlineColor}: ${surfaceAccent};\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: ${inverseTextPrimary};\n ${tokens.badgeBackground}: ${surfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${textPrimary};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentSecondary};\n\n ${tokens.badgeColorClear}: ${textPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n accent: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceAccent};\n\n ${tokens.badgeColorTransparent}: ${textAccent};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentAccent};\n\n ${tokens.badgeColorClear}: ${textAccent};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n positive: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfacePositive};\n\n ${tokens.badgeColorTransparent}: ${textPositive};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentPositive};\n\n ${tokens.badgeColorClear}: ${textPositive};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n warning: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceWarning};\n\n ${tokens.badgeColorTransparent}: ${textWarning};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentWarning};\n\n ${tokens.badgeColorClear}: ${textWarning};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n negative: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceNegative};\n\n ${tokens.badgeColorTransparent}: ${textNegative};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentNegative};\n\n ${tokens.badgeColorClear}: ${textNegative};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n dark: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${onLightSurfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n ${tokens.badgeColorClear}: ${onLightTextPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n light: css`\n ${tokens.badgeColor}: ${onLightTextPrimary};\n ${tokens.badgeBackground}: ${onDarkSurfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n ${tokens.badgeColorClear}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: ${inverseTextPrimary};\n ${tokens.counterBackground}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceAccent};\n `,\n positive: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfacePositive};\n `,\n warning: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceWarning};\n `,\n negative: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceNegative};\n `,\n dark: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${onLightSurfaceSolidDefault};\n `,\n light: css`\n ${tokens.counterColor}: ${onLightTextPrimary};\n ${tokens.counterBackground}: ${onDarkSurfaceSolidDefault};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","focused","true","circled","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":"AA+BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAAA,UAoCF;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,GAAG,EAAA;KAQN;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAKP;AACDT,IAAAA,KAAK,EAAE;AACHU,MAAAA,OAAO,EAAA;KAKV;AACDC,IAAAA,SAAS,EAAE;AACPT,MAAAA,SAAAA,EAAO,UASN;AACDU,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACThB,MAAAA,SAAAA,EAAO,UAGN;AACDU,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,OAAO,EAAA,SAGN;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,IAAI,EAAA,SAGH;AACDC,MAAAA,KAAK,EAAA;AAIT;AACJ;AACJ;;;;"}

package/dist/css/es/components/Badge/Badge.clear.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.clear.config.js","sources":["../../../../../src-css/components/Badge/Badge.clear.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n onDarkTextPrimary,\n onLightTextPrimary,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nimport { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${badgeTokens.color}: ${textPrimary};\n `,\n accent: css`\n ${badgeTokens.color}: ${textAccent};\n `,\n positive: css`\n ${badgeTokens.color}: ${textPositive};\n `,\n warning: css`\n ${badgeTokens.color}: ${textWarning};\n `,\n negative: css`\n ${badgeTokens.color}: ${textNegative};\n `,\n dark: css`\n ${badgeTokens.color}: ${onLightTextPrimary};\n `,\n light: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n `,\n },\n size: {\n l: css`\n ${sizeL}\n `,\n m: css`\n ${sizeM}\n `,\n s: css`\n ${sizeS}\n `,\n xs: css`\n ${sizeXS}\n `,\n },\n pilled: {\n true: css`\n ${pilled}\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","truncate"],"mappings":"AAaO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAEN;AACDC,MAAAA,MAAM,EAAA,SAEL;AACDC,MAAAA,QAAQ,EAAA,SAEP;AACDC,MAAAA,OAAO,EAAA,UAEN;AACDC,MAAAA,QAAQ,EAAA,SAEP;AACDC,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA;KAGR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,EAAE,EAAA;KAGL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Badge.clear.config.js","sources":["../../../../../src-css/components/Badge/Badge.clear.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n onDarkTextPrimary,\n onLightTextPrimary,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@sddsjs/sdds_finai';\n\nimport { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${badgeTokens.color}: ${textPrimary};\n `,\n accent: css`\n ${badgeTokens.color}: ${textAccent};\n `,\n positive: css`\n ${badgeTokens.color}: ${textPositive};\n `,\n warning: css`\n ${badgeTokens.color}: ${textWarning};\n `,\n negative: css`\n ${badgeTokens.color}: ${textNegative};\n `,\n dark: css`\n ${badgeTokens.color}: ${onLightTextPrimary};\n `,\n light: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n `,\n },\n size: {\n l: css`\n ${sizeL}\n `,\n m: css`\n ${sizeM}\n `,\n s: css`\n ${sizeS}\n `,\n xs: css`\n ${sizeXS}\n `,\n },\n pilled: {\n true: css`\n ${pilled}\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","truncate"],"mappings":"AAaO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAEN;AACDC,MAAAA,MAAM,EAAA,SAEL;AACDC,MAAAA,QAAQ,EAAA,SAEP;AACDC,MAAAA,OAAO,EAAA,UAEN;AACDC,MAAAA,QAAQ,EAAA,SAEP;AACDC,MAAAA,IAAI,EAAA,UAEH;AACDC,MAAAA,KAAK,EAAA;KAGR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,EAAE,EAAA;KAGL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Badge/Badge.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.config.js","sources":["../../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n inverseTextPrimary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceTransparentCard,\n onDarkTextPrimary,\n onLightSurfaceSolidDefault,\n onLightSurfaceTransparentDeep,\n onLightTextPrimary,\n surfaceAccent,\n surfaceClear,\n surfaceNegative,\n surfacePositive,\n surfaceSolidDefault,\n surfaceTransparentAccent,\n surfaceTransparentNegative,\n surfaceTransparentPositive,\n surfaceTransparentSecondary,\n surfaceTransparentWarning,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nimport { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${badgeTokens.color}: ${inverseTextPrimary};\n ${badgeTokens.background}: ${surfaceSolidDefault};\n\n ${badgeTokens.colorTransparent}: ${textPrimary};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentSecondary};\n\n ${badgeTokens.colorClear}: ${textPrimary};\n `,\n accent: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${surfaceAccent};\n\n ${badgeTokens.colorTransparent}: ${textAccent};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentAccent};\n\n ${badgeTokens.colorClear}: ${textAccent};\n `,\n positive: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${surfacePositive};\n\n ${badgeTokens.colorTransparent}: ${textPositive};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentPositive};\n\n ${badgeTokens.colorClear}: ${textPositive};\n `,\n warning: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${surfaceWarning};\n\n ${badgeTokens.colorTransparent}: ${textWarning};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentWarning};\n\n ${badgeTokens.colorClear}: ${textWarning};\n `,\n negative: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${surfaceNegative};\n\n ${badgeTokens.colorTransparent}: ${textNegative};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentNegative};\n\n ${badgeTokens.colorClear}: ${textNegative};\n `,\n dark: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${onLightSurfaceSolidDefault};\n\n ${badgeTokens.colorTransparent}: ${onDarkTextPrimary};\n ${badgeTokens.backgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n ${badgeTokens.colorClear}: ${onLightTextPrimary};\n `,\n light: css`\n ${badgeTokens.color}: ${onLightTextPrimary};\n ${badgeTokens.background}: ${onDarkSurfaceSolidDefault};\n\n ${badgeTokens.colorTransparent}: ${onDarkTextPrimary};\n ${badgeTokens.backgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n ${badgeTokens.colorClear}: ${onDarkTextPrimary};\n `,\n },\n size: {\n l: css`\n ${sizeL}\n `,\n m: css`\n ${sizeM}\n `,\n s: css`\n ${sizeS}\n `,\n xs: css`\n ${sizeXS}\n `,\n },\n pilled: {\n true: css`\n ${pilled}\n `,\n },\n transparent: {\n true: css``,\n },\n clear: {\n true: css`\n ${badgeTokens.backgroundClear}: ${surfaceClear};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"mappings":"AA6BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAQN;AACDC,MAAAA,MAAM,EAAA,UAQL;AACDC,MAAAA,QAAQ,EAAA,SAQP;AACDC,MAAAA,OAAO,EAAA,SAQN;AACDC,MAAAA,QAAQ,EAAA,UAQP;AACDC,MAAAA,IAAI,EAAA,UAQH;AACDC,MAAAA,KAAK,EAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,EAAE,EAAA;KAGL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAAA,EAAI;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Badge.config.js","sources":["../../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n inverseTextPrimary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceTransparentCard,\n onDarkTextPrimary,\n onLightSurfaceSolidDefault,\n onLightSurfaceTransparentDeep,\n onLightTextPrimary,\n surfaceAccent,\n surfaceClear,\n surfaceNegative,\n surfacePositive,\n surfaceSolidDefault,\n surfaceTransparentAccent,\n surfaceTransparentNegative,\n surfaceTransparentPositive,\n surfaceTransparentSecondary,\n surfaceTransparentWarning,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@sddsjs/sdds_finai';\n\nimport { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${badgeTokens.color}: ${inverseTextPrimary};\n ${badgeTokens.background}: ${surfaceSolidDefault};\n\n ${badgeTokens.colorTransparent}: ${textPrimary};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentSecondary};\n\n ${badgeTokens.colorClear}: ${textPrimary};\n `,\n accent: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${surfaceAccent};\n\n ${badgeTokens.colorTransparent}: ${textAccent};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentAccent};\n\n ${badgeTokens.colorClear}: ${textAccent};\n `,\n positive: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${surfacePositive};\n\n ${badgeTokens.colorTransparent}: ${textPositive};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentPositive};\n\n ${badgeTokens.colorClear}: ${textPositive};\n `,\n warning: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${surfaceWarning};\n\n ${badgeTokens.colorTransparent}: ${textWarning};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentWarning};\n\n ${badgeTokens.colorClear}: ${textWarning};\n `,\n negative: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${surfaceNegative};\n\n ${badgeTokens.colorTransparent}: ${textNegative};\n ${badgeTokens.backgroundTransparent}: ${surfaceTransparentNegative};\n\n ${badgeTokens.colorClear}: ${textNegative};\n `,\n dark: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${onLightSurfaceSolidDefault};\n\n ${badgeTokens.colorTransparent}: ${onDarkTextPrimary};\n ${badgeTokens.backgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n ${badgeTokens.colorClear}: ${onLightTextPrimary};\n `,\n light: css`\n ${badgeTokens.color}: ${onLightTextPrimary};\n ${badgeTokens.background}: ${onDarkSurfaceSolidDefault};\n\n ${badgeTokens.colorTransparent}: ${onDarkTextPrimary};\n ${badgeTokens.backgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n ${badgeTokens.colorClear}: ${onDarkTextPrimary};\n `,\n },\n size: {\n l: css`\n ${sizeL}\n `,\n m: css`\n ${sizeM}\n `,\n s: css`\n ${sizeS}\n `,\n xs: css`\n ${sizeXS}\n `,\n },\n pilled: {\n true: css`\n ${pilled}\n `,\n },\n transparent: {\n true: css``,\n },\n clear: {\n true: css`\n ${badgeTokens.backgroundClear}: ${surfaceClear};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","clear"],"mappings":"AA6BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAQN;AACDC,MAAAA,MAAM,EAAA,UAQL;AACDC,MAAAA,QAAQ,EAAA,SAQP;AACDC,MAAAA,OAAO,EAAA,SAQN;AACDC,MAAAA,QAAQ,EAAA,UAQP;AACDC,MAAAA,IAAI,EAAA,UAQH;AACDC,MAAAA,KAAK,EAAA;KASR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,CAAC,EAAA,UAEA;AACDC,MAAAA,EAAE,EAAA;KAGL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAAA,EAAI;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Badge/Badge.transparent.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.transparent.config.js","sources":["../../../../../src-css/components/Badge/Badge.transparent.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n onDarkSurfaceTransparentCard,\n onDarkTextPrimary,\n onLightSurfaceTransparentDeep,\n surfaceTransparentAccent,\n surfaceTransparentNegative,\n surfaceTransparentPositive,\n surfaceTransparentSecondary,\n surfaceTransparentWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nimport { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${badgeTokens.color}: ${textPrimary};\n ${badgeTokens.background}: ${surfaceTransparentSecondary};\n `,\n accent: css`\n ${badgeTokens.color}: ${textAccent};\n ${badgeTokens.background}: ${surfaceTransparentAccent};\n `,\n positive: css`\n ${badgeTokens.color}: ${textPositive};\n ${badgeTokens.background}: ${surfaceTransparentPositive};\n `,\n warning: css`\n ${badgeTokens.color}: ${textWarning};\n ${badgeTokens.background}: ${surfaceTransparentWarning};\n `,\n negative: css`\n ${badgeTokens.color}: ${textNegative};\n ${badgeTokens.background}: ${surfaceTransparentNegative};\n `,\n dark: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${onLightSurfaceTransparentDeep};\n `,\n light: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${onDarkSurfaceTransparentCard};\n `,\n },\n size: {\n l: css`\n ${sizeL}\n `,\n m: css`\n ${sizeM}\n `,\n s: css`\n ${sizeS}\n `,\n xs: css`\n ${sizeXS}\n `,\n },\n pilled: {\n true: css`\n ${pilled}\n `,\n },\n transparent: {\n true: css``,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","truncate"],"mappings":"AAmBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAGN;AACDC,MAAAA,MAAM,EAAA,SAGL;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,OAAO,EAAA,UAGN;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,IAAI,EAAA,UAGH;AACDC,MAAAA,KAAK,EAAA;KAIR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,EAAE,EAAA;KAGL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAAA,EAAI;KACP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Badge.transparent.config.js","sources":["../../../../../src-css/components/Badge/Badge.transparent.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n onDarkSurfaceTransparentCard,\n onDarkTextPrimary,\n onLightSurfaceTransparentDeep,\n surfaceTransparentAccent,\n surfaceTransparentNegative,\n surfaceTransparentPositive,\n surfaceTransparentSecondary,\n surfaceTransparentWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@sddsjs/sdds_finai';\n\nimport { pilled, sizeL, sizeM, sizeS, sizeXS } from './Badge.config.common';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${badgeTokens.color}: ${textPrimary};\n ${badgeTokens.background}: ${surfaceTransparentSecondary};\n `,\n accent: css`\n ${badgeTokens.color}: ${textAccent};\n ${badgeTokens.background}: ${surfaceTransparentAccent};\n `,\n positive: css`\n ${badgeTokens.color}: ${textPositive};\n ${badgeTokens.background}: ${surfaceTransparentPositive};\n `,\n warning: css`\n ${badgeTokens.color}: ${textWarning};\n ${badgeTokens.background}: ${surfaceTransparentWarning};\n `,\n negative: css`\n ${badgeTokens.color}: ${textNegative};\n ${badgeTokens.background}: ${surfaceTransparentNegative};\n `,\n dark: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${onLightSurfaceTransparentDeep};\n `,\n light: css`\n ${badgeTokens.color}: ${onDarkTextPrimary};\n ${badgeTokens.background}: ${onDarkSurfaceTransparentCard};\n `,\n },\n size: {\n l: css`\n ${sizeL}\n `,\n m: css`\n ${sizeM}\n `,\n s: css`\n ${sizeS}\n `,\n xs: css`\n ${sizeXS}\n `,\n },\n pilled: {\n true: css`\n ${pilled}\n `,\n },\n transparent: {\n true: css``,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","positive","warning","negative","dark","light","l","m","s","xs","pilled","true","transparent","truncate"],"mappings":"AAmBO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAGN;AACDC,MAAAA,MAAM,EAAA,SAGL;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,OAAO,EAAA,UAGN;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,IAAI,EAAA,UAGH;AACDC,MAAAA,KAAK,EAAA;KAIR;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,CAAC,EAAA,SAEA;AACDC,MAAAA,EAAE,EAAA;KAGL;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAAA,EAAI;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAAA,EAAI;KACP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Breadcrumbs/Breadcrumbs.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/css';\nimport { bodyL, bodyM, bodyS, bodyXS, surfaceAccent, textPrimary } from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${breadcrumbsTokens.breadcrumbsColor}: ${textPrimary};\n ${breadcrumbsTokens.breadcrumbsColorText}: ${textPrimary};\n ${breadcrumbsTokens.breadcrumbsColorSeparator}: ${textPrimary};\n ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: ${surfaceAccent};\n `,\n },\n size: {\n l: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyL.fontFamily};\n ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyL.fontSize};\n ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyL.fontStyle};\n ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyL.fontWeight};\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyL.letterSpacing};\n ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyL.lineHeight};\n `,\n m: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyM.fontFamily};\n ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyM.fontSize};\n ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyM.fontStyle};\n ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyM.fontWeight};\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyM.letterSpacing};\n ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyM.lineHeight};\n `,\n s: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyS.fontFamily};\n ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyS.fontSize};\n ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyS.fontStyle};\n ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyS.fontWeight};\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyS.letterSpacing};\n ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyS.lineHeight};\n `,\n xs: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyXS.fontFamily};\n ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyXS.fontSize};\n ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyXS.fontStyle};\n ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyXS.fontWeight};\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyXS.letterSpacing};\n ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":"AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,CAAC,EAAA,UASA;AACDC,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Breadcrumbs.config.js","sources":["../../../../../src-css/components/Breadcrumbs/Breadcrumbs.config.ts"],"sourcesContent":["import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/css';\nimport { bodyL, bodyM, bodyS, bodyXS, surfaceAccent, textPrimary } from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${breadcrumbsTokens.breadcrumbsColor}: ${textPrimary};\n ${breadcrumbsTokens.breadcrumbsColorText}: ${textPrimary};\n ${breadcrumbsTokens.breadcrumbsColorSeparator}: ${textPrimary};\n ${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;\n ${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: ${surfaceAccent};\n `,\n },\n size: {\n l: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyL.fontFamily};\n ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyL.fontSize};\n ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyL.fontStyle};\n ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyL.fontWeight};\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyL.letterSpacing};\n ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyL.lineHeight};\n `,\n m: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyM.fontFamily};\n ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyM.fontSize};\n ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyM.fontStyle};\n ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyM.fontWeight};\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyM.letterSpacing};\n ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyM.lineHeight};\n `,\n s: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyS.fontFamily};\n ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyS.fontSize};\n ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyS.fontStyle};\n ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyS.fontWeight};\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyS.letterSpacing};\n ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyS.lineHeight};\n `,\n xs: css`\n ${breadcrumbsTokens.breadcrumbsGap}: 0rem;\n\n ${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyXS.fontFamily};\n ${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyXS.fontSize};\n ${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyXS.fontStyle};\n ${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyXS.fontWeight};\n ${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyXS.letterSpacing};\n ${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","xs"],"mappings":"AAGO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,CAAC,EAAA,UASA;AACDC,MAAAA,CAAC,EAAA,SASA;AACDC,MAAAA,EAAE,EAAA;AAUN;AACJ;AACJ;;;;"}

package/dist/css/es/components/Button/Button.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextPrimaryActive,\n inverseTextPrimaryHover,\n inverseTextSecondary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceSolidDefaultActive,\n onDarkSurfaceSolidDefaultHover,\n onDarkTextPrimary,\n onDarkTextPrimaryActive,\n onDarkTextPrimaryHover,\n onDarkTextSecondary,\n onLightSurfaceSolidDefault,\n onLightSurfaceSolidDefaultActive,\n onLightSurfaceSolidDefaultHover,\n onLightSurfaceTransparentDeep,\n onLightSurfaceTransparentDeepActive,\n onLightSurfaceTransparentDeepHover,\n onLightTextPrimary,\n onLightTextPrimaryActive,\n onLightTextPrimaryHover,\n onLightTextSecondary,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentGradient,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningActive,\n surfaceWarningHover,\n textPrimary,\n textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: ${inverseTextPrimary};\n ${buttonTokens.buttonTextColor}: ${inverseTextPrimary};\n ${buttonTokens.buttonIconColor}: ${inverseTextPrimary};\n ${buttonTokens.buttonValueColor}: ${inverseTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${inverseTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${inverseTextPrimaryActive};\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n `,\n accent: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceAccent};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: ${textPrimary};\n ${buttonTokens.buttonTextColor}: ${textPrimary};\n ${buttonTokens.buttonIconColor}: ${textPrimary};\n ${buttonTokens.buttonValueColor}: ${textSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n clear: css`\n ${buttonTokens.buttonColor}: ${textPrimary};\n ${buttonTokens.buttonTextColor}: ${textPrimary};\n ${buttonTokens.buttonIconColor}: ${textPrimary};\n ${buttonTokens.buttonValueColor}: ${textSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n positive: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfacePositive};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n warning: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceWarning};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n negative: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceNegative};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dark: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n ${buttonTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n `,\n black: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n ${buttonTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n `,\n white: css`\n ${buttonTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${onLightTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${onLightTextPrimaryActive};\n ${buttonTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n `,\n gradient: css`\n ${buttonTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceAccentGradient};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceAccentGradient};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceAccentGradient};\n `,\n },\n size: {\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: ${bodyS.fontFamily};\n ${buttonTokens.buttonFontSize}: ${bodyS.fontSize};\n ${buttonTokens.buttonFontStyle}: ${bodyS.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${bodyS.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.375rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.375rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.275rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.275rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","gradient","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAmDO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,UASL;AACDC,MAAAA,SAAS,EAAA,SASR;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,UAWJ;AACDC,MAAAA,KAAK,EAAA,UAWJ;AACDC,MAAAA,QAAQ,EAAA;KAUX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,GAAG,EAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDlB,IAAAA,OAAO,EAAE;MACLkB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA,UAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Button.config.js","sources":["../../../../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextPrimaryActive,\n inverseTextPrimaryHover,\n inverseTextSecondary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceSolidDefaultActive,\n onDarkSurfaceSolidDefaultHover,\n onDarkTextPrimary,\n onDarkTextPrimaryActive,\n onDarkTextPrimaryHover,\n onDarkTextSecondary,\n onLightSurfaceSolidDefault,\n onLightSurfaceSolidDefaultActive,\n onLightSurfaceSolidDefaultHover,\n onLightSurfaceTransparentDeep,\n onLightSurfaceTransparentDeepActive,\n onLightSurfaceTransparentDeepHover,\n onLightTextPrimary,\n onLightTextPrimaryActive,\n onLightTextPrimaryHover,\n onLightTextSecondary,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentGradient,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningActive,\n surfaceWarningHover,\n textPrimary,\n textSecondary,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: ${inverseTextPrimary};\n ${buttonTokens.buttonTextColor}: ${inverseTextPrimary};\n ${buttonTokens.buttonIconColor}: ${inverseTextPrimary};\n ${buttonTokens.buttonValueColor}: ${inverseTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${inverseTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${inverseTextPrimaryActive};\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n `,\n accent: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceAccent};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: ${textPrimary};\n ${buttonTokens.buttonTextColor}: ${textPrimary};\n ${buttonTokens.buttonIconColor}: ${textPrimary};\n ${buttonTokens.buttonValueColor}: ${textSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n clear: css`\n ${buttonTokens.buttonColor}: ${textPrimary};\n ${buttonTokens.buttonTextColor}: ${textPrimary};\n ${buttonTokens.buttonIconColor}: ${textPrimary};\n ${buttonTokens.buttonValueColor}: ${textSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n positive: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfacePositive};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n warning: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceWarning};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n negative: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceNegative};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dark: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n ${buttonTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n `,\n black: css`\n ${buttonTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${onDarkTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${onDarkTextPrimaryActive};\n ${buttonTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n `,\n white: css`\n ${buttonTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: ${onLightTextPrimaryHover};\n ${buttonTokens.buttonColorActive}: ${onLightTextPrimaryActive};\n ${buttonTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n ${buttonTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n `,\n gradient: css`\n ${buttonTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonTokens.buttonBackgroundColor}: ${surfaceAccentGradient};\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: ${surfaceAccentGradient};\n ${buttonTokens.buttonBackgroundColorActive}: ${surfaceAccentGradient};\n `,\n },\n size: {\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: ${bodyS.fontFamily};\n ${buttonTokens.buttonFontSize}: ${bodyS.fontSize};\n ${buttonTokens.buttonFontStyle}: ${bodyS.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${bodyS.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.375rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.375rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.275rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.275rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMargin}: 0 0rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonAdditionalContentMarginRightWidthValue}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: ${surfaceAccent};\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","gradient","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":"AAmDO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,UASL;AACDC,MAAAA,SAAS,EAAA,SASR;AACDC,MAAAA,KAAK,EAAA,SASJ;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,OAAO,EAAA,SASN;AACDC,MAAAA,QAAQ,EAAA,UASP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,UAWJ;AACDC,MAAAA,KAAK,EAAA,UAWJ;AACDC,MAAAA,QAAQ,EAAA;KAUX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,SAoBA;AACDC,MAAAA,EAAE,EAAA,UAoBD;AACDC,MAAAA,GAAG,EAAA;KAqBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDlB,IAAAA,OAAO,EAAE;MACLkB,MAAAA,EAAI;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA,UAAO;AACbC,MAAAA,KAAK,EAAA;AACT;AACJ;AACJ;;;;"}

package/dist/css/es/components/ButtonGroup/ButtonGroup.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.config.js","sources":["../../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextSecondary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceSolidDefaultActive,\n onDarkSurfaceSolidDefaultHover,\n onDarkTextPrimary,\n onDarkTextSecondary,\n onLightSurfaceSolidDefault,\n onLightSurfaceSolidDefaultActive,\n onLightSurfaceSolidDefaultHover,\n onLightSurfaceTransparentDeep,\n onLightSurfaceTransparentDeepActive,\n onLightSurfaceTransparentDeepHover,\n onLightTextPrimary,\n onLightTextSecondary,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentGradient,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningActive,\n surfaceWarningHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${inverseTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccent};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: ${textPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${textPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonGroupTokens.buttonColorActive}: ${textPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: ${textPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${textPrimaryHover};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${buttonGroupTokens.buttonColorActive}: ${textPrimaryActive};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceClear};\n `,\n positive: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfacePositive};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceWarning};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n negative: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceNegative};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n `,\n gradient: css`\n ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccentGradient};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentGradient};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentGradient};\n `,\n },\n size: {\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyS.lineHeight};\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n intersections: [\n {\n gap: 'dense',\n shape: 'default',\n style: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.25rem;\n `,\n },\n ],\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","gradient","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled","intersections","style"],"mappings":"AA+CO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA,SAWP;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA;KAUX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,QAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,SAEH;AACDC,MAAAA,KAAK,EAAA,UAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,SAAO;MAChBtB,SAAAA,EAAO;KACV;AACDuB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA;AACV;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIT,IAAAA,GAAG,EAAE,OAAO;AACZI,IAAAA,KAAK,EAAE,SAAS;AAChBM,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
1	+ {"version":3,"file":"ButtonGroup.config.js","sources":["../../../../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n inverseTextPrimary,\n inverseTextSecondary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceSolidDefaultActive,\n onDarkSurfaceSolidDefaultHover,\n onDarkTextPrimary,\n onDarkTextSecondary,\n onLightSurfaceSolidDefault,\n onLightSurfaceSolidDefaultActive,\n onLightSurfaceSolidDefaultHover,\n onLightSurfaceTransparentDeep,\n onLightSurfaceTransparentDeepActive,\n onLightSurfaceTransparentDeepHover,\n onLightTextPrimary,\n onLightTextSecondary,\n surfaceAccent,\n surfaceAccentActive,\n surfaceAccentGradient,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeActive,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveActive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultActive,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryActive,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningActive,\n surfaceWarningHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${inverseTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${inverseTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceSolidDefaultActive};\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccent};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentActive};\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: ${textPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceTransparentSecondary};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${textPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceTransparentSecondaryHover};\n ${buttonGroupTokens.buttonColorActive}: ${textPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceTransparentSecondaryActive};\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: ${textPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${textPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${textPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${textSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceClear};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${textPrimaryHover};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceClear};\n ${buttonGroupTokens.buttonColorActive}: ${textPrimaryActive};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceClear};\n `,\n positive: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfacePositive};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfacePositiveHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfacePositiveActive};\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceWarning};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceWarningHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceWarningActive};\n `,\n negative: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceNegative};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceNegativeHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceNegativeActive};\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceTransparentDeep};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceTransparentDeepHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceTransparentDeepActive};\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onDarkTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onLightSurfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onLightSurfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${onDarkTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onLightSurfaceSolidDefaultActive};\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${onDarkSurfaceSolidDefault};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${onDarkSurfaceSolidDefaultHover};\n ${buttonGroupTokens.buttonColorActive}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${onDarkSurfaceSolidDefaultActive};\n `,\n gradient: css`\n ${buttonGroupTokens.buttonColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonTextColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonIconColor}: ${onLightTextPrimary};\n ${buttonGroupTokens.buttonValueColor}: ${onLightTextSecondary};\n ${buttonGroupTokens.buttonBackgroundColor}: ${surfaceAccentGradient};\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonBackgroundColorHover}: ${surfaceAccentGradient};\n ${buttonGroupTokens.buttonBackgroundColorActive}: ${surfaceAccentGradient};\n `,\n },\n size: {\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodySBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyS.lineHeight};\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${buttonGroupTokens.buttonFontSize}: ${bodyXS.fontSize};\n ${buttonGroupTokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${buttonGroupTokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${buttonGroupTokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${buttonGroupTokens.buttonLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n intersections: [\n {\n gap: 'dense',\n shape: 'default',\n style: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.25rem;\n `,\n },\n ],\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","positive","warning","negative","dark","black","white","gradient","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled","intersections","style"],"mappings":"AA+CO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,UAWN;AACDC,MAAAA,MAAM,EAAA,SAWL;AACDC,MAAAA,SAAS,EAAA,SAWR;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA,SAWP;AACDC,MAAAA,OAAO,EAAA,UAWN;AACDC,MAAAA,QAAQ,EAAA,UAWP;AACDC,MAAAA,IAAI,EAAA,SAWH;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,KAAK,EAAA,SAWJ;AACDC,MAAAA,QAAQ,EAAA;KAUX;AACDZ,IAAAA,IAAI,EAAE;AACFa,MAAAA,CAAC,EAAA,UAaA;AACDC,MAAAA,EAAE,EAAA,UAaD;AACDC,MAAAA,GAAG,EAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAAA,QAET;AACDC,MAAAA,QAAQ,EAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAAA,SAEH;AACDC,MAAAA,KAAK,EAAA,UAEJ;AACDC,MAAAA,IAAI,EAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAA,SAAO;MAChBtB,SAAAA,EAAO;KACV;AACDuB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAA,UAAO;AACXC,MAAAA,MAAM,EAAA;AACV;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIT,IAAAA,GAAG,EAAE,OAAO;AACZI,IAAAA,KAAK,EAAE,SAAS;AAChBM,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}